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

w-component-vue 2.4.21 → 2.4.22

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

Files changed (1524) hide show

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

@@ -1,5 +1,5 @@
 /*!
- * w-component-vue v2.4.21
+ * w-component-vue v2.4.22
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
@@ -10,7 +10,7 @@
      *  https://github.com/MikeMcl/decimal.js
      *  Copyright (c) 2025 Michael Mclaughlin <M8ch88l@gmail.com>
      *  MIT Licence
-     */var kp,Tp,Bp=9e15,Hp=1e9,Ap="0123456789abcdef",Wp="2.3025850929940456840179914546843642076011014886287729760333279009675726096773524802359972050895982983419677840422862486334095254650828067566662873690987816894829072083255546808437998948262331985283935053089653777326288461633662222876982198867465436674744042432743651550489343149393914796194044002221051017141748003688084012647080685567743216228355220114804663715659121373450747856947683463616792101806445070648000277502684916746550586856935673420670581136429224554405758925724208241314695689016758940256776311356919292033376587141660230105703089634572075440370847469940168269282808481184289314848524948644871927809676271275775397027668605952496716674183485704422507197965004714951050492214776567636938662976979522110718264549734772662425709429322582798502585509785265383207606726317164309505995087807523710333101197857547331541421808427543863591778117054309827482385045648019095610299291824318237525357709750539565187697510374970888692180205189339507238539205144634197265287286965110862571492198849978748873771345686209167058",Fp="3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989380952572010654858632789",Zp={precision:20,rounding:4,modulo:1,toExpNeg:-7,toExpPos:21,minE:-Bp,maxE:Bp,crypto:!1},Xp=!0,Pp="[DecimalError] ",Rp=Pp+"Invalid argument: ",Lp=Pp+"Precision limit exceeded",zp=Pp+"crypto unavailable",Vp="[object Decimal]",Np=Math.floor,Dp=Math.pow,Gp=/^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i,jp=/^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i,Kp=/^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i,Yp=/^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,_p=1e7,$p=7,Ep=Wp.length-1,Mp=Fp.length-1,Op={toStringTag:Vp};function Jp(n){var e,t,r,o=n.length-1,i="",l=n[0];if(o>0){for(i+=l,e=1;e<o;e++)r=n[e]+"",(t=$p-r.length)&&(i+=df(t)),i+=r;l=n[e],(t=$p-(r=l+"").length)&&(i+=df(t))}else if(0===l)return"0";for(;l%10==0;)l/=10;return i+l}function Qp(n,e,t){if(n!==~~n||n<e||n>t)throw Error(Rp+n)}function Up(n,e,t,r){var o,i,l,a;for(i=n[0];i>=10;i/=10)--e;return--e<0?(e+=$p,o=0):(o=Math.ceil((e+1)/$p),e%=$p),i=Dp(10,$p-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)==Dp(10,e-2)-1||(a==i/2||0==a)&&0==(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)==Dp(10,e-3)-1,l}function qp(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]+=Ap.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()}Op.absoluteValue=Op.abs=function(){var n=new this.constructor(this);return n.s<0&&(n.s=1),ef(n)},Op.ceil=function(){return ef(new this.constructor(this),this.e+1,2)},Op.clampedTo=Op.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(Rp+e);return t.cmp(n)<0?n:t.cmp(e)>0?e:new r(t)},Op.comparedTo=Op.cmp=function(n){var e,t,r,o,i=this,l=i.d,a=(n=new i.constructor(n)).d,d=i.s,s=n.s;if(!l||!a)return d&&s?d!==s?d:l===a?0:!l^d<0?1:-1:NaN;if(!l[0]||!a[0])return l[0]?d:a[0]?-s:0;if(d!==s)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},Op.cosine=Op.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())+$p,r.rounding=1,t=function(n,e){var t,r,o;if(e.isZero())return e;r=e.d.length,r<32?o=(1/yf(4,t=Math.ceil(r/3))).toString():(t=16,o="2.3283064365386962890625e-10");n.precision+=t,e=vf(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,bf(r,t)),r.precision=n,r.rounding=e,ef(2==Tp||3==Tp?t.neg():t,n,e,!0)):new r(1):new r(NaN)},Op.cubeRoot=Op.cbrt=function(){var n,e,t,r,o,i,l,a,d,s,u=this,c=u.constructor;if(!u.isFinite()||u.isZero())return new c(u);for(Xp=!1,(i=u.s*Dp(u.s*u,1/3))&&Math.abs(i)!=1/0?r=new c(i.toString()):(t=Jp(u.d),(i=((n=u.e)-t.length+1)%3)&&(t+=1==i||-2==i?"0":"00"),i=Dp(t,1/3),n=Np((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=u.s),l=(n=c.precision)+3;;)if(s=(d=(a=r).times(a).times(a)).plus(u),r=nf(s.plus(u).times(a),s.plus(d),l+2,1),Jp(a.d).slice(0,l)===(t=Jp(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))||(ef(r,n+1,1),e=!r.times(r).times(r).eq(u));break}if(!o&&(ef(a,n+1,0),a.times(a).times(a).eq(u))){r=a;break}l+=4,o=1}return Xp=!0,ef(r,n,c.rounding,e)},Op.decimalPlaces=Op.dp=function(){var n,e=this.d,t=NaN;if(e){if(t=((n=e.length-1)-Np(this.e/$p))*$p,n=e[n])for(;n%10==0;n/=10)t--;t<0&&(t=0)}return t},Op.dividedBy=Op.div=function(n){return nf(this,new this.constructor(n))},Op.dividedToIntegerBy=Op.divToInt=function(n){var e=this.constructor;return ef(nf(this,new e(n),0,1,1),e.precision,e.rounding)},Op.equals=Op.eq=function(n){return 0===this.cmp(n)},Op.floor=function(){return ef(new this.constructor(this),this.e+1,3)},Op.greaterThan=Op.gt=function(n){return this.cmp(n)>0},Op.greaterThanOrEqualTo=Op.gte=function(n){var e=this.cmp(n);return 1==e||0===e},Op.hyperbolicCosine=Op.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/yf(4,n=Math.ceil(o/3))).toString():(n=16,e="2.3283064365386962890625e-10"),i=vf(l,1,i.times(e),new l(1),!0);for(var d,s=n,u=new l(8);s--;)d=i.times(i),i=a.minus(d.times(u.minus(d.times(u))));return ef(i,l.precision=t,l.rounding=r,!0)},Op.hyperbolicSine=Op.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=vf(i,2,o,o,!0);else{n=(n=1.4*Math.sqrt(r))>16?16:0|n,o=vf(i,2,o=o.times(1/yf(5,n)),o,!0);for(var l,a=new i(5),d=new i(16),s=new i(20);n--;)l=o.times(o),o=o.times(a.plus(l.times(d.times(l).plus(s))))}return i.precision=e,i.rounding=t,ef(o,e,t,!0)},Op.hyperbolicTangent=Op.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,nf(t.sinh(),t.cosh(),r.precision=n,r.rounding=e)):new r(t.s)},Op.inverseCosine=Op.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()?lf(e,r,o):new e(0):new e(NaN):n.isZero()?lf(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))},Op.inverseHyperbolicCosine=Op.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,Xp=!1,t=t.times(t).minus(1).sqrt().plus(t),Xp=!0,r.precision=n,r.rounding=e,t.ln()):new r(t)},Op.inverseHyperbolicSine=Op.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,Xp=!1,t=t.times(t).plus(1).sqrt().plus(t),Xp=!0,r.precision=n,r.rounding=e,t.ln())},Op.inverseHyperbolicTangent=Op.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?ef(new i(o),n,e,!0):(i.precision=t=r-o.e,o=nf(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)},Op.inverseSine=Op.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=lf(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)))},Op.inverseTangent=Op.atan=function(){var n,e,t,r,o,i,l,a,d,s=this,u=s.constructor,c=u.precision,p=u.rounding;if(s.isFinite()){if(s.isZero())return new u(s);if(s.abs().eq(1)&&c+4<=Mp)return(l=lf(u,c+4,p).times(.25)).s=s.s,l}else{if(!s.s)return new u(NaN);if(c+4<=Mp)return(l=lf(u,c+4,p).times(.5)).s=s.s,l}for(u.precision=a=c+10,u.rounding=1,n=t=Math.min(28,a/$p+2|0);n;--n)s=s.div(s.times(s).plus(1).sqrt().plus(1));for(Xp=!1,e=Math.ceil(a/$p),r=1,d=s.times(s),l=new u(s),o=s;-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)),Xp=!0,ef(l,u.precision=c,u.rounding=p,!0)},Op.isFinite=function(){return!!this.d},Op.isInteger=Op.isInt=function(){return!!this.d&&Np(this.e/$p)>this.d.length-2},Op.isNaN=function(){return!this.s},Op.isNegative=Op.isNeg=function(){return this.s<0},Op.isPositive=Op.isPos=function(){return this.s>0},Op.isZero=function(){return!!this.d&&0===this.d[0]},Op.lessThan=Op.lt=function(n){return this.cmp(n)<0},Op.lessThanOrEqualTo=Op.lte=function(n){return this.cmp(n)<1},Op.logarithm=Op.log=function(n){var e,t,r,o,i,l,a,d,s=this,u=s.constructor,c=u.precision,p=u.rounding;if(null==n)n=new u(10),e=!0;else{if(t=(n=new u(n)).d,n.s<0||!t||!t[0]||n.eq(1))return new u(NaN);e=n.eq(10)}if(t=s.d,s.s<0||!t||!t[0]||s.eq(1))return new u(t&&!t[0]?-1/0:1!=s.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(Xp=!1,l=ff(s,a=c+5),r=e?of(u,a+10):ff(n,a),Up((d=nf(l,r,a,1)).d,o=c,p))do{if(l=ff(s,a+=10),r=e?of(u,a+10):ff(n,a),d=nf(l,r,a,1),!i){+Jp(d.d).slice(o+1,o+15)+1==1e14&&(d=ef(d,c+1,0));break}}while(Up(d.d,o+=10,p));return Xp=!0,ef(d,c,p)},Op.minus=Op.sub=function(n){var e,t,r,o,i,l,a,d,s,u,c,p,f=this,h=f.constructor;if(n=new h(n),!f.d||!n.d)return f.s&&n.s?f.d?n.s=-n.s:n=new h(n.d||f.s!==n.s?f:NaN):n=new h(NaN),n;if(f.s!=n.s)return n.s=-n.s,f.plus(n);if(s=f.d,p=n.d,a=h.precision,d=h.rounding,!s[0]||!p[0]){if(p[0])n.s=-n.s;else{if(!s[0])return new h(3===d?-0:0);n=new h(f)}return Xp?ef(n,a,d):n}if(t=Np(n.e/$p),u=Np(f.e/$p),s=s.slice(),i=u-t){for((c=i<0)?(e=s,i=-i,l=p.length):(e=p,t=u,l=s.length),i>(r=Math.max(Math.ceil(a/$p),l)+2)&&(i=r,e.length=1),e.reverse(),r=i;r--;)e.push(0);e.reverse()}else{for((c=(r=s.length)<(l=p.length))&&(l=r),r=0;r<l;r++)if(s[r]!=p[r]){c=s[r]<p[r];break}i=0}for(c&&(e=s,s=p,p=e,n.s=-n.s),l=s.length,r=p.length-l;r>0;--r)s[l++]=0;for(r=p.length;r>i;){if(s[--r]<p[r]){for(o=r;o&&0===s[--o];)s[o]=_p-1;--s[o],s[r]+=_p}s[r]-=p[r]}for(;0===s[--l];)s.pop();for(;0===s[0];s.shift())--t;return s[0]?(n.d=s,n.e=rf(s,t),Xp?ef(n,a,d):n):new h(3===d?-0:0)},Op.modulo=Op.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]?ef(new r(t),r.precision,r.rounding):(Xp=!1,9==r.modulo?(e=nf(t,n.abs(),0,3,1)).s*=n.s:e=nf(t,n,0,r.modulo,1),e=e.times(n),Xp=!0,t.minus(e))},Op.naturalExponential=Op.exp=function(){return pf(this)},Op.naturalLogarithm=Op.ln=function(){return ff(this)},Op.negated=Op.neg=function(){var n=new this.constructor(this);return n.s=-n.s,ef(n)},Op.plus=Op.add=function(n){var e,t,r,o,i,l,a,d,s,u,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(s=c.d,u=n.d,a=p.precision,d=p.rounding,!s[0]||!u[0])return u[0]||(n=new p(c)),Xp?ef(n,a,d):n;if(i=Np(c.e/$p),r=Np(n.e/$p),s=s.slice(),o=i-r){for(o<0?(t=s,o=-o,l=u.length):(t=u,r=i,l=s.length),o>(l=(i=Math.ceil(a/$p))>l?i+1:l+1)&&(o=l,t.length=1),t.reverse();o--;)t.push(0);t.reverse()}for((l=s.length)-(o=u.length)<0&&(o=l,t=u,u=s,s=t),e=0;o;)e=(s[--o]=s[o]+u[o]+e)/_p|0,s[o]%=_p;for(e&&(s.unshift(e),++r),l=s.length;0==s[--l];)s.pop();return n.d=s,n.e=rf(s,r),Xp?ef(n,a,d):n},Op.precision=Op.sd=function(n){var e,t=this;if(void 0!==n&&n!==!!n&&1!==n&&0!==n)throw Error(Rp+n);return t.d?(e=af(t.d),n&&t.e+1>e&&(e=t.e+1)):e=NaN,e},Op.round=function(){var n=this,e=n.constructor;return ef(new e(n),n.e+1,e.rounding)},Op.sine=Op.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())+$p,r.rounding=1,t=function(n,e){var t,r=e.d.length;if(r<3)return e.isZero()?e:vf(n,2,e,e);t=(t=1.4*Math.sqrt(r))>16?16:0|t,e=e.times(1/yf(5,t)),e=vf(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,bf(r,t)),r.precision=n,r.rounding=e,ef(Tp>2?t.neg():t,n,e,!0)):new r(NaN)},Op.squareRoot=Op.sqrt=function(){var n,e,t,r,o,i,l=this,a=l.d,d=l.e,s=l.s,u=l.constructor;if(1!==s||!a||!a[0])return new u(!s||s<0&&(!a||a[0])?NaN:a?l:1/0);for(Xp=!1,0==(s=Math.sqrt(+l))||s==1/0?(((e=Jp(a)).length+d)%2==0&&(e+="0"),s=Math.sqrt(e),d=Np((d+1)/2)-(d<0||d%2),r=new u(e=s==1/0?"5e"+d:(e=s.toExponential()).slice(0,e.indexOf("e")+1)+d)):r=new u(s.toString()),t=(d=u.precision)+3;;)if(r=(i=r).plus(nf(l,i,t+2,1)).times(.5),Jp(i.d).slice(0,t)===(e=Jp(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))||(ef(r,d+1,1),n=!r.times(r).eq(l));break}if(!o&&(ef(i,d+1,0),i.times(i).eq(l))){r=i;break}t+=4,o=1}return Xp=!0,ef(r,d,u.rounding,n)},Op.tangent=Op.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=nf(t,new r(1).minus(t.times(t)).sqrt(),n+10,0),r.precision=n,r.rounding=e,ef(2==Tp||4==Tp?t.neg():t,n,e,!0)):new r(NaN)},Op.times=Op.mul=function(n){var e,t,r,o,i,l,a,d,s,u=this,c=u.constructor,p=u.d,f=(n=new c(n)).d;if(n.s*=u.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=Np(u.e/$p)+Np(n.e/$p),(d=p.length)<(s=f.length)&&(i=p,p=f,f=i,l=d,d=s,s=l),i=[],r=l=d+s;r--;)i.push(0);for(r=s;--r>=0;){for(e=0,o=d+r;o>r;)a=i[o]+f[r]*p[o-r-1]+e,i[o--]=a%_p|0,e=a/_p|0;i[o]=(i[o]+e)%_p|0}for(;!i[--l];)i.pop();return e?++t:i.shift(),n.d=i,n.e=rf(i,t),Xp?ef(n,c.precision,c.rounding):n},Op.toBinary=function(n,e){return Cf(this,2,n,e)},Op.toDecimalPlaces=Op.toDP=function(n,e){var t=this,r=t.constructor;return t=new r(t),void 0===n?t:(Qp(n,0,Hp),void 0===e?e=r.rounding:Qp(e,0,8),ef(t,n+t.e+1,e))},Op.toExponential=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=tf(r,!0):(Qp(n,0,Hp),void 0===e?e=o.rounding:Qp(e,0,8),t=tf(r=ef(new o(r),n+1,e),!0,n+1)),r.isNeg()&&!r.isZero()?"-"+t:t},Op.toFixed=function(n,e){var t,r,o=this,i=o.constructor;return void 0===n?t=tf(o):(Qp(n,0,Hp),void 0===e?e=i.rounding:Qp(e,0,8),t=tf(r=ef(new i(o),n+o.e+1,e),!1,n+r.e+1)),o.isNeg()&&!o.isZero()?"-"+t:t},Op.toFraction=function(n){var e,t,r,o,i,l,a,d,s,u,c,p,f=this,h=f.d,g=f.constructor;if(!h)return new g(f);if(s=t=new g(1),r=d=new g(0),l=(i=(e=new g(r)).e=af(h)-f.e-1)%$p,e.d[0]=Dp(10,l<0?$p+l:l),null==n)n=i>0?e:s;else{if(!(a=new g(n)).isInt()||a.lt(s))throw Error(Rp+a);n=a.gt(e)?i>0?e:s:a}for(Xp=!1,a=new g(Jp(h)),u=g.precision,g.precision=i=h.length*$p*2;c=nf(a,e,0,1,1),1!=(o=t.plus(c.times(r))).cmp(n);)t=r,r=o,o=s,s=d.plus(c.times(o)),d=o,o=e,e=a.minus(c.times(o)),a=o;return o=nf(n.minus(t),r,0,1,1),d=d.plus(o.times(s)),t=t.plus(o.times(r)),d.s=s.s=f.s,p=nf(s,r,i,1).minus(f).abs().cmp(nf(d,t,i,1).minus(f).abs())<1?[s,r]:[d,t],g.precision=u,Xp=!0,p},Op.toHexadecimal=Op.toHex=function(n,e){return Cf(this,16,n,e)},Op.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:Qp(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]?(Xp=!1,t=nf(t,n,0,e,1).times(n),Xp=!0,ef(t)):(n.s=t.s,t=n),t},Op.toNumber=function(){return+this},Op.toOctal=function(n,e){return Cf(this,8,n,e)},Op.toPower=Op.pow=function(n){var e,t,r,o,i,l,a=this,d=a.constructor,s=+(n=new d(n));if(!(a.d&&n.d&&a.d[0]&&n.d[0]))return new d(Dp(+a,s));if((a=new d(a)).eq(1))return a;if(r=d.precision,i=d.rounding,n.eq(1))return ef(a,r,i);if((e=Np(n.e/$p))>=n.d.length-1&&(t=s<0?-s:s)<=9007199254740991)return o=sf(d,a,t,r),n.s<0?new d(1).div(o):ef(o,r,i);if((l=a.s)<0){if(e<n.d.length-1)return new d(NaN);if(0==(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=Dp(+a,s))&&isFinite(t)?new d(t+"").e:Np(s*(Math.log("0."+Jp(a.d))/Math.LN10+a.e+1)))>d.maxE+1||e<d.minE-1?new d(e>0?l/0:0):(Xp=!1,d.rounding=a.s=1,t=Math.min(12,(e+"").length),(o=pf(n.times(ff(a,r+t)),r)).d&&Up((o=ef(o,r+5,1)).d,r,i)&&(e=r+10,+Jp((o=ef(pf(n.times(ff(a,e+t)),e),e+5,1)).d).slice(r+1,r+15)+1==1e14&&(o=ef(o,r+1,0))),o.s=l,Xp=!0,d.rounding=i,ef(o,r,i))},Op.toPrecision=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=tf(r,r.e<=o.toExpNeg||r.e>=o.toExpPos):(Qp(n,1,Hp),void 0===e?e=o.rounding:Qp(e,0,8),t=tf(r=ef(new o(r),n,e),n<=r.e||r.e<=o.toExpNeg,n)),r.isNeg()&&!r.isZero()?"-"+t:t},Op.toSignificantDigits=Op.toSD=function(n,e){var t=this.constructor;return void 0===n?(n=t.precision,e=t.rounding):(Qp(n,1,Hp),void 0===e?e=t.rounding:Qp(e,0,8)),ef(new t(this),n,e)},Op.toString=function(){var n=this,e=n.constructor,t=tf(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()&&!n.isZero()?"-"+t:t},Op.truncated=Op.trunc=function(){return ef(new this.constructor(this),this.e+1,1)},Op.valueOf=Op.toJSON=function(){var n=this,e=n.constructor,t=tf(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()?"-"+t:t};var nf=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 s,u,c,p,f,h,g,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,u=r.e-o.e):(d=_p,f=$p,u=Np(r.e/f)-Np(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)&&u--,null==i?(S=i=A.precision,l=A.rounding):S=a?i+(r.e-o.e)+1:i,S<0)y.push(1),h=!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;h=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,(s=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==(s=e(g=n(Z,p,d),b,m=g.length,C=b.length))&&(p--,t(g,B<m?H:Z,m,d))):(0==p&&(s=p=1),g=Z.slice()),(m=g.length)<C&&g.unshift(0),t(b,g,C,d),-1==s&&(s=e(Z,b,B,C=b.length))<1&&(p++,t(b,B<C?H:Z,C,d)),C=b.length):0===s&&(p++,b=[0]),y[c++]=p,s&&b[0]?b[C++]=F[w]||0:(b=[F[w]],C=1)}while((w++<k||void 0!==b[0])&&S--);h=void 0!==b[0]}y[0]||y.shift()}if(1==f)v.e=u,kp=h;else{for(c=1,p=y[0];p>=10;p/=10)c++;v.e=c+u*f-1,ef(v,a?i+v.e+1:i,l,h)}return v}}();function ef(n,e,t,r){var o,i,l,a,d,s,u,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+=$p,l=e,d=(u=c[p=0])/Dp(10,o-l-1)%10|0;else if((p=Math.ceil((i+1)/$p))>=(a=c.length)){if(!r)break n;for(;a++<=p;)c.push(0);u=d=0,o=1,l=(i%=$p)-$p+1}else{for(u=a=c[p],o=1;a>=10;a/=10)o++;d=(l=(i%=$p)-$p+o)<0?0:u/Dp(10,o-l-1)%10|0}if(r=r||e<0||void 0!==c[p+1]||(l<0?u:u%Dp(10,o-l-1)),s=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?u/Dp(10,o-l):0:c[p-1])%10&1||t==(n.s<0?8:7)),e<1||!c[0])return c.length=0,s?(e-=n.e+1,c[0]=Dp(10,($p-e%$p)%$p),n.e=-e||0):c[0]=n.e=0,n;if(0==i?(c.length=p,a=1,p--):(c.length=p+1,a=Dp(10,$p-i),c[p]=l>0?(u/Dp(10,o-l)%Dp(10,l)|0)*a:0),s)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]==_p&&(c[0]=1));break}if(c[p]+=a,c[p]!=_p)break;c[p--]=0,a=1}for(i=c.length;0===c[--i];)c.pop()}return Xp&&(n.e>f.maxE?(n.d=null,n.e=NaN):n.e<f.minE&&(n.e=0,n.d=[0])),n}function tf(n,e,t){if(!n.isFinite())return hf(n);var r,o=n.e,i=Jp(n.d),l=i.length;return e?(t&&(r=t-l)>0?i=i.charAt(0)+"."+i.slice(1)+df(r):l>1&&(i=i.charAt(0)+"."+i.slice(1)),i=i+(n.e<0?"e":"e+")+n.e):o<0?(i="0."+df(-o-1)+i,t&&(r=t-l)>0&&(i+=df(r))):o>=l?(i+=df(o+1-l),t&&(r=t-o-1)>0&&(i=i+"."+df(r))):((r=o+1)<l&&(i=i.slice(0,r)+"."+i.slice(r)),t&&(r=t-l)>0&&(o+1===l&&(i+="."),i+=df(r))),i}function rf(n,e){var t=n[0];for(e*=$p;t>=10;t/=10)e++;return e}function of(n,e,t){if(e>Ep)throw Xp=!0,t&&(n.precision=t),Error(Lp);return ef(new n(Wp),e,1,!0)}function lf(n,e,t){if(e>Mp)throw Error(Lp);return ef(new n(Fp),e,t,!0)}function af(n){var e=n.length-1,t=e*$p+1;if(e=n[e]){for(;e%10==0;e/=10)t--;for(e=n[0];e>=10;e/=10)t++}return t}function df(n){for(var e="";n--;)e+="0";return e}function sf(n,e,t,r){var o,i=new n(1),l=Math.ceil(r/$p+4);for(Xp=!1;;){if(t%2&&xf((i=i.times(e)).d,l)&&(o=!0),0===(t=Np(t/2))){t=i.d.length-1,o&&0===i.d[t]&&++i.d[t];break}xf((e=e.times(e)).d,l)}return Xp=!0,i}function uf(n){return 1&n.d[n.d.length-1]}function cf(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 pf(n,e){var t,r,o,i,l,a,d,s=0,u=0,c=0,p=n.constructor,f=p.rounding,h=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?(Xp=!1,d=h):d=e,a=new p(.03125);n.e>-2;)n=n.times(a),c+=5;for(d+=r=Math.log(Dp(2,c))/Math.LN10*2+5|0,t=i=l=new p(1),p.precision=d;;){if(i=ef(i.times(n),d,1),t=t.times(++u),Jp((a=l.plus(nf(i,t,d,1))).d).slice(0,d)===Jp(l.d).slice(0,d)){for(o=c;o--;)l=ef(l.times(l),d,1);if(null!=e)return p.precision=h,l;if(!(s<3&&Up(l.d,d-r,f,s)))return ef(l,p.precision=h,f,Xp=!0);p.precision=d+=10,t=i=a=new p(1),u=0,s++}l=a}}function ff(n,e){var t,r,o,i,l,a,d,s,u,c,p,f=1,h=n,g=h.d,m=h.constructor,v=m.rounding,y=m.precision;if(h.s<0||!g||!g[0]||!h.e&&1==g[0]&&1==g.length)return new m(g&&!g[0]?-1/0:1!=h.s?NaN:g?0:h);if(null==e?(Xp=!1,u=y):u=e,m.precision=u+=10,r=(t=Jp(g)).charAt(0),!(Math.abs(i=h.e)<15e14))return s=of(m,u+2,y).times(i+""),h=ff(new m(r+"."+t.slice(1)),u-10).plus(s),m.precision=y,null==e?ef(h,y,v,Xp=!0):h;for(;r<7&&1!=r||1==r&&t.charAt(1)>3;)r=(t=Jp((h=h.times(n)).d)).charAt(0),f++;for(i=h.e,r>1?(h=new m("0."+t),i++):h=new m(r+"."+t.slice(1)),c=h,d=l=h=nf(h.minus(1),h.plus(1),u,1),p=ef(h.times(h),u,1),o=3;;){if(l=ef(l.times(p),u,1),Jp((s=d.plus(nf(l,new m(o),u,1))).d).slice(0,u)===Jp(d.d).slice(0,u)){if(d=d.times(2),0!==i&&(d=d.plus(of(m,u+2,y).times(i+""))),d=nf(d,new m(f),u,1),null!=e)return m.precision=y,d;if(!Up(d.d,u-10,v,a))return ef(d,m.precision=y,v,Xp=!0);m.precision=u+=10,s=l=h=nf(c.minus(1),c.plus(1),u,1),p=ef(h.times(h),u,1),o=a=1}d=s,o+=2}}function hf(n){return String(n.s*n.s/0)}function gf(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)%$p,t<0&&(r+=$p),r<o){for(r&&n.d.push(+e.slice(0,r)),o-=$p;r<o;)n.d.push(+e.slice(r,r+=$p));e=e.slice(r),r=$p-e.length}else r-=o;for(;r--;)e+="0";n.d.push(+e),Xp&&(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 mf(n,e){var t,r,o,i,l,a,d,s,u;if(e.indexOf("_")>-1){if(e=e.replace(/(\d)_(?=\d)/g,"$1"),Yp.test(e))return gf(n,e)}else if("Infinity"===e||"NaN"===e)return+e||(n.s=NaN),n.e=NaN,n.d=null,n;if(jp.test(e))t=16,e=e.toLowerCase();else if(Gp.test(e))t=2;else{if(!Kp.test(e))throw Error(Rp+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=sf(r,new r(t),i,2*i)),i=u=(s=qp(e,t,_p)).length-1;0===s[i];--i)s.pop();return i<0?new r(0*n.s):(n.e=rf(s,u),n.d=s,Xp=!1,l&&(n=nf(n,o,4*a)),d&&(n=n.times(Math.abs(d)<54?Dp(2,d):dh.pow(2,d))),Xp=!0,n)}function vf(n,e,t,r,o){var i,l,a,d,s=n.precision,u=Math.ceil(s/$p);for(Xp=!1,d=t.times(t),a=new n(r);;){if(l=nf(a.times(d),new n(e++*e++),s,1),a=o?r.plus(l):r.minus(l),r=nf(l.times(d),new n(e++*e++),s,1),void 0!==(l=a.plus(r)).d[u]){for(i=u;l.d[i]===a.d[i]&&i--;);if(-1==i)break}i=a,a=r,r=l,l=i}return Xp=!0,l.d.length=u+1,l}function yf(n,e){for(var t=n;--e;)t*=n;return t}function bf(n,e){var t,r=e.s<0,o=lf(n,n.precision,1),i=o.times(.5);if((e=e.abs()).lte(i))return Tp=r?4:1,e;if((t=e.divToInt(o)).isZero())Tp=r?3:2;else{if((e=e.minus(t.times(o))).lte(i))return Tp=uf(t)?r?2:3:r?4:1,e;Tp=uf(t)?r?1:4:r?3:2}return e.minus(o).abs()}function Cf(n,e,t,r){var o,i,l,a,d,s,u,c,p,f=n.constructor,h=void 0!==t;if(h?(Qp(t,1,Hp),void 0===r?r=f.rounding:Qp(r,0,8)):(t=f.precision,r=f.rounding),n.isFinite()){for(h?(o=2,16==e?t=4*t-3:8==e&&(t=3*t-2)):o=e,(l=(u=tf(n)).indexOf("."))>=0&&(u=u.replace(".",""),(p=new f(1)).e=u.length-l,p.d=qp(tf(p),10,o),p.e=p.d.length),i=d=(c=qp(u,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=nf(n,p,t,r,0,o)).d,i=n.e,s=kp),l=c[t],a=o/2,s=s||void 0!==c[t+1],s=r<4?(void 0!==l||s)&&(0===r||r===(n.s<0?3:2)):l>a||l===a&&(4===r||s||6===r&&1&c[t-1]||r===(n.s<0?8:7)),c.length=t,s)for(;++c[--t]>o-1;)c[t]=0,t||(++i,c.unshift(1));for(d=c.length;!c[d-1];--d);for(l=0,u="";l<d;l++)u+=Ap.charAt(c[l]);if(h){if(d>1)if(16==e||8==e){for(l=16==e?4:3,--d;d%l;d++)u+="0";for(d=(c=qp(u,o,e)).length;!c[d-1];--d);for(l=1,u="1.";l<d;l++)u+=Ap.charAt(c[l])}else u=u.charAt(0)+"."+u.slice(1);u=u+(i<0?"p":"p+")+i}else if(i<0){for(;++i;)u="0"+u;u="0."+u}else if(++i>d)for(i-=d;i--;)u+="0";else i<d&&(u=u.slice(0,i)+"."+u.slice(i))}else u=h?"0p+0":"0";u=(16==e?"0x":2==e?"0b":8==e?"0o":"")+u}else u=hf(n);return n.s<0?"-"+u:u}function xf(n,e){if(n.length>e)return n.length=e,!0}function Sf(n){return new this(n).abs()}function If(n){return new this(n).acos()}function wf(n){return new this(n).acosh()}function kf(n,e){return new this(n).plus(e)}function Tf(n){return new this(n).asin()}function Bf(n){return new this(n).asinh()}function Hf(n){return new this(n).atan()}function Af(n){return new this(n).atanh()}function Wf(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?lf(this,r,o):new this(0)).s=n.s:!n.d||e.isZero()?(t=lf(this,i,1).times(.5)).s=n.s:e.s<0?(this.precision=i,this.rounding=1,t=this.atan(nf(n,e,i,1)),e=lf(this,i,1),this.precision=r,this.rounding=o,t=n.s<0?t.minus(e):t.plus(e)):t=this.atan(nf(n,e,i,1)):(t=lf(this,i,1).times(e.s>0?.25:.75)).s=n.s:t=new this(NaN),t}function Ff(n){return new this(n).cbrt()}function Zf(n){return ef(n=new this(n),n.e+1,2)}function Xf(n,e,t){return new this(n).clamp(e,t)}function Pf(n){if(!n||"object"!=typeof n)throw Error(Pp+"Object expected");var e,t,r,o=!0===n.defaults,i=["precision",1,Hp,"rounding",0,8,"toExpNeg",-Bp,0,"toExpPos",0,Bp,"maxE",0,Bp,"minE",-Bp,0,"modulo",0,9];for(e=0;e<i.length;e+=3)if(t=i[e],o&&(this[t]=Zp[t]),void 0!==(r=n[t])){if(!(Np(r)===r&&r>=i[e+1]&&r<=i[e+2]))throw Error(Rp+t+": "+r);this[t]=r}if(t="crypto",o&&(this[t]=Zp[t]),void 0!==(r=n[t])){if(!0!==r&&!1!==r&&0!==r&&1!==r)throw Error(Rp+t+": "+r);if(r){if("undefined"==typeof crypto||!crypto||!crypto.getRandomValues&&!crypto.randomBytes)throw Error(zp);this[t]=!0}else this[t]=!1}return this}function Rf(n){return new this(n).cos()}function Lf(n){return new this(n).cosh()}function zf(n,e){return new this(n).div(e)}function Vf(n){return new this(n).exp()}function Nf(n){return ef(n=new this(n),n.e+1,3)}function Df(){var n,e,t=new this(0);for(Xp=!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 Xp=!0,new this(1/0);t=e}return Xp=!0,t.sqrt()}function Gf(n){return n instanceof dh||n&&n.toStringTag===Vp||!1}function jf(n){return new this(n).ln()}function Kf(n,e){return new this(n).log(e)}function Yf(n){return new this(n).log(2)}function _f(n){return new this(n).log(10)}function $f(){return cf(this,arguments,-1)}function Ef(){return cf(this,arguments,1)}function Mf(n,e){return new this(n).mod(e)}function Of(n,e){return new this(n).mul(e)}function Jf(n,e){return new this(n).pow(e)}function Qf(n){var e,t,r,o,i=0,l=new this(1),a=[];if(void 0===n?n=this.precision:Qp(n,1,Hp),r=Math.ceil(n/$p),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(zp);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(r=a[--i],n%=$p,r&&n&&(o=Dp(10,$p-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-=$p)a.shift();for(r=1,o=a[0];o>=10;o/=10)r++;r<$p&&(t-=$p-r)}return l.e=t,l.d=a,l}function Uf(n){return ef(n=new this(n),n.e+1,this.rounding)}function qf(n){return(n=new this(n)).d?n.d[0]?n.s:0*n.s:n.s||NaN}function nh(n){return new this(n).sin()}function eh(n){return new this(n).sinh()}function th(n){return new this(n).sqrt()}function rh(n,e){return new this(n).sub(e)}function oh(){var n=0,e=arguments,t=new this(e[n]);for(Xp=!1;t.s&&++n<e.length;)t=t.plus(e[n]);return Xp=!0,ef(t,this.precision,this.rounding)}function ih(n){return new this(n).tan()}function lh(n){return new this(n).tanh()}function ah(n){return ef(n=new this(n),n.e+1,1)}Op[Symbol.for("nodejs.util.inspect.custom")]=Op.toString,Op[Symbol.toStringTag]="Decimal";var dh=Op.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,Gf(n))return o.s=n.s,void(Xp?!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(Xp?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)):gf(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),Yp.test(n)?gf(o,n):mf(o,n);if("bigint"===r)return n<0?(n=-n,o.s=-1):o.s=1,gf(o,n.toString());throw Error(Rp+n)}if(i.prototype=Op,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=Pf,i.clone=n,i.isDecimal=Gf,i.abs=Sf,i.acos=If,i.acosh=wf,i.add=kf,i.asin=Tf,i.asinh=Bf,i.atan=Hf,i.atanh=Af,i.atan2=Wf,i.cbrt=Ff,i.ceil=Zf,i.clamp=Xf,i.cos=Rf,i.cosh=Lf,i.div=zf,i.exp=Vf,i.floor=Nf,i.hypot=Df,i.ln=jf,i.log=Kf,i.log10=_f,i.log2=Yf,i.max=$f,i.min=Ef,i.mod=Mf,i.mul=Of,i.pow=Jf,i.random=Qf,i.round=Uf,i.sign=qf,i.sin=nh,i.sinh=eh,i.sqrt=th,i.sub=rh,i.sum=oh,i.tan=ih,i.tanh=lh,i.trunc=ah,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}(Zp);function sh(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=null,o=null,i=null,l=null,a=null,d=null,s=null,u=null,c=null,p=null,f=null,h=null,g=null,m=null,v=null,y=!1,b=Tn(t,"getHeighRatio",null);R(b)||(b=()=>1);let C=Tn(t,"getWidthRatio",null);R(C)||(C=()=>1);let x=Tn(t,"stopScrollPropagationForPanel",null);Rn(x)||(x=!1);let S=Tn(t,"stopTouchDragPropagationForPanel",null);Rn(S)||(S=!1);let I=Tn(t,"useTouchDragForPanel",null);Rn(I)||(I=!0);let w=n,k=e,T=ga();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&&Od(n)},w.addEventListener("wheel",r),o=n=>{if(I){let e=Tn(n,"touches.0.clientY",0),t=Tn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();y=!0,T.emit("pressBar",{clientY:r,clientX:o}),S&&Od(n)}},w.addEventListener("touchstart",o),i=n=>{if(I&&y){let e=Tn(n,"touches.0.clientY",0),t=Tn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();T.emit("dragBar",{clientY:r,clientX:o}),S&&Od(n)}},w.addEventListener("touchmove",i,{passive:!1}),l=n=>{I&&y&&(y=!1,T.emit("freeBar"),S&&Od(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),s=n=>{y=!0,T.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},k.addEventListener("touchstart",s),u=n=>{y&&(T.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),Od(n))},k.addEventListener("touchmove",u,{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&&Od(n))},window.addEventListener("mouseup",f),h=n=>{},window.addEventListener("scroll",h,{passive:!1}),g=n=>{},window.addEventListener("wheel",g,{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",s),k.removeEventListener("touchmove",u),k.removeEventListener("touchend",c),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),window.removeEventListener("scroll",h),window.removeEventListener("wheel",g),document.removeEventListener("scroll",m),document.removeEventListener("wheel",v)},T}Wp=new dh(Wp),Fp=new dh(Fp);var uh={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=ru(t.placement),d=su(a),s=[Ds,Ns].indexOf(a)>=0?"height":"width";if(i&&l){var u=function(n,e){return cu("number"!=typeof(n="function"==typeof n?n(Object.assign({},e.rects,{placement:e.placement})):n)?n:pu(n,js))}(o.padding,t),c=Ws(i),p="y"===d?zs:Ds,f="y"===d?Vs:Ns,h=t.rects.reference[s]+t.rects.reference[d]-l[d]-t.rects.popper[s],g=l[d]-t.rects.reference[d],m=Ls(i),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=h/2-g/2,b=u[p],C=v-c[s]-u[f],x=v/2-c[s]/2+y,S=Pu(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)))&&(gs(r)||console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).',"To use an SVG arrow, wrap it in an HTMLElement that will be used as","the arrow."].join(" ")),ou(e.elements.popper,r)?e.elements.arrow=r:console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper',"element."].join(" ")))},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ch={directives:{domresize:ma()},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=sh(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 ui(this.progColor)},effProgColorDisabled:function(){return ui(this.progColorDisabled)},useProgColor:function(){let n=this;return n.editable?n.effProgColor:n.effProgColorDisabled},effProgBackgroundColor:function(){return ui(this.progBackgroundColor)},effProgBackgroundColorDisabled:function(){return ui(this.progBackgroundColorDisabled)},useProgBackgroundColor:function(){let n=this;return n.editable?n.effProgBackgroundColor:n.effProgBackgroundColorDisabled},effSliderBackgroundColor:function(){return ui(this.sliderBackgroundColor)},effSliderBackgroundColorHover:function(){return ui(this.sliderBackgroundColorHover)},effSliderBackgroundColorDisabled:function(){return ui(this.sliderBackgroundColorDisabled)},useSliderBackgroundColor:function(){let n=this;return n.editable?n.effecting?n.effSliderBackgroundColorHover:n.effSliderBackgroundColor:n.effSliderBackgroundColorDisabled},useTooltipBorderRadius:function(){let n=this;return yi(n.tooltipBorderRadius)?`border-radius:${n.tooltipBorderRadius}px;`:""},useTooltipTextFontSize:function(){let n=this.tooltipTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTooltipTextColor:function(){return ui(this.tooltipTextColor)},useTooltipBackgroundColor:function(){return ui(this.tooltipBackgroundColor)},valueDig:function(){let n=this;return wp(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,i=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Nr(e)||(e=0),e=Vr(e);let r=Tn(t,"rounding","");if("ROUND_HALF_UP"!==r&&"ROUND_HALF_EVEN"!==r&&(r="ROUND_HALF_UP"),!Fn(n))return"";n=Zr(n);let o=dh.clone();return o.set({rounding:dh[r]}),new o(n).toDecimalPlaces(e).toNumber()}(n/o);t=i*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=Zr(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=Tn(e,"$refs.divTrigger",null);if(null===t)return;let r=Tn(e,"$refs.divContent",null);if(null===r)return;let o={strategy:"fixed",placement:"top",modifiers:[uh,{name:"arrow",options:{padding:5}},Au,{name:"flip",options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"]}},Wu,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.tooltipPlacementDist]}},Xu]};e.popperInstance=Iu(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 ph=ch;var fh=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":""}})])])])};fh._withStripped=!0;const hh=t({render:fh,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})}),ph,"data-v-56f48c07",false,undefined,!1,o,void 0,void 0);var gh={components:{WGroupChipRadio:ip,WPanelLabelItem:dp,WText:Ip,WSlider:hh},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=ui(n.value);let e=Ed.toRgba(n.valueTrans),t=Ed.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 ui(this.borderColor)},useBackgroundColor:function(){return ui(this.backgroundColor)}},methods:{cki255:function(n){if(!Nr(n))return 0;let e=n;return(n=Vr(n))<0?n=0:n>255&&(n=255),n===Vr(e)?e:n},cki360:function(n){if(!Nr(n))return 0;let e=n;return(n=Vr(n))<0?n=0:n>360&&(n=360),n===Vr(e)?e:n},ckd1:function(n){if(!Jc(n))return 0;let e=n;return(n=Zr(n))<0?n=0:n>1&&(n=1),n===Zr(e)?e:n},updateColorCore:function(){let n=this,e=!1,t=!1;{let t=Vr(n.rt);n.r!==t&&(n.r=t,e=!0)}{let t=Vr(n.gt);n.g!==t&&(n.g=t,e=!0)}{let t=Vr(n.bt);n.b!==t&&(n.b=t,e=!0)}{let t=Zr(n.at);n.a!==t&&(n.a=t,e=!0)}{let e=Vr(n.ht);n.h!==e&&(n.h=e,t=!0)}{let e=Zr(n.st);n.s!==e&&(n.s=e,t=!0)}{let e=Zr(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}),Di(r)&&(r=Ed.toRgbaString(r),n.valueTrans=r,n.$emit("input",r))},updateColor:function(n,e,t){let r=this;setTimeout((()=>{r.updateColorCore()}),1)}}};const mh=gh;var vh=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:{type: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:{type: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:{type: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:{type: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:{type: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:{type: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:{type: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:{type: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)])])};vh._withStripped=!0;const yh=t({render:vh,staticRenderFns:[]},(function(n){n&&n("data-v-bf997be2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),mh,"data-v-bf997be2",false,undefined,!1,o,void 0,void 0);var bh={directives:{domresize:ma()},components:{WPopup:zc,WColorSelectPanel:Oc,WColorSelectInput:yh,WButtonChip:Eu,WIcon:ls},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:"OK"},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=ui(n.value),n.valueNew=n.valueOri,""},changeType:function(){return this.typeTrans=this.type,""},hasEyeDropper:function(){return je(window.EyeDropper)},useColorBlockBorderColor:function(){return ui(this.colorBlockBorderColor)},useColorTextColor:function(){return ui(this.colorTextColor)},usePanelBackgroundColor:function(){return ui(this.panelBackgroundColor)},useToolBackgroundColor:function(){return ui(this.toolBackgroundColor)},useBorderColor:function(){return ui(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=Tn(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=Tn(n,"snew.windowHeight",0);try{let n=Pc(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=Tn(n,"snew.clientHeight",0);this.selectPanelHeight=e},resizeSelectInput:function(n){if(!this.show)return;let e=Tn(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=Tn(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 Ch=bh;var xh=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-left:"+n.space+"px;"}),n._v(" "),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)]),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)])])]},proxy:!0}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}})};xh._withStripped=!0;const Sh=t({render:xh,staticRenderFns:[]},(function(n){n&&n("data-v-444af511_0",{source:"\n.icon-spinner[data-v-444af511] {\r\n    animation: spin-animation-data-v-444af511 1.5s infinite;\r\n    display: inline-block;\n}\n@keyframes spin-animation-data-v-444af511 {\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:";AA+wBA;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 :style=\"`padding-left:${space}px;`\"></div>\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 :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>\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='OK'] 輸入確認按鈕之文字字串，預設'OK'\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: 'OK',\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})}),Ch,"data-v-444af511",false,undefined,!1,o,void 0,void 0);function Ih(n){return null==n?[]:function(n,e){return mn(e,(function(e){return n[e]}))}(n,Re(n))}let wh={};let kh={getLevel:function(n,e){Zn(wh,n)||(wh[n]={});let t=Tn(wh,n,{}),r=Tn(t,e,null);if(yi(r))return r;let o=Ih(wh[n]);return 0===di(o)?(r=1,wh[n][e]=r,r):(r=fc(o)+1,wh[n][e]=r,r)},destroyLevel:function(n,e){Zn(wh,n)&&delete wh[n][e]}};var Th={directives:{domresize:ma()},components:{WButtonCircle:Qu,WIcon:ls},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:Tn,mmkey:Ni(),zind:0,mdiCheckCircle:Ia,mdiClose:Wa,mdiCheckerboard:Ba,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=kh.getLevel("dialog",n.mmkey),n.showPanel()):kh.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:Ba},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 ui(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ye(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTitleColor:function(){return ui(this.titleColor)},useHeaderBackgroundColor:function(){return ui(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ye(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return ui(this.contentTextColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=Tn(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=Tn(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};Qc(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((()=>{e.$emit("resize",pa(t))})))},updateTitleWidth:function(n){let e=this,t=Tn(e,"$refs.hdIcon.clientWidth",0),r=Tn(e,"$refs.hdStl.clientWidth",0),o=Tn(e,"$refs.hdStr.clientWidth",0),i=Tn(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=!ps(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",pa(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=Xn();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 Bh=Th;var Hh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100svw + "+n.nativeBarWidth+"px ); height:100svh; overflow-x:hidden; overflow-y:scroll;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n        "},[t("div",{style:"\n                width:calc( 100svw + "+(n.nativeBarWidth+1)+"px ); height:100svh;\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; left:0px; top:0px;\n                    width:100svw; height:100svh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{click:n.clickOutside}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divPanel",style:"\n                        transition:all 100ms ease-out;\n                        "+n.panelStyleShow+"\n                        "+n.panelStylePlus+"\n                        "+n.useWidth+" "+n.useHeight+" "+n.useBorder+"\n                        background:"+n.useContentBackgroundColor+";\n                        "+n.usePanelShadowStyle+"\n                        user-select:text;\n                    ",on:{domresize:n.resizePanel}},[n._t("panel",(function(){return[t("div",{ref:"divHeader",style:"\n                                background:"+n.useHeaderBackgroundColor+";\n                                "+n.useHeaderShadowStyle+"\n                            "},[n._t("header",(function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"\n                                        display:table;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px",display:"table-cell","vertical-align":"middle"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor,colorHover:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"table-cell","vertical-align":"middle"}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"max-width:"+n.titleWidth+"px; "+n.useTitleFontSize+" color:"+n.useTitleColor+"; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;"},[n._v("\n                                                "+n._s(n.title)+"\n                                            ")]),n._v(" "),t("div",{ref:"hdStl"},[n._t("header-left")],2)])]),n._v(" "),t("div",{ref:"hdStr",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("header-right")],2)]),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._l(n.headerBtns,(function(e,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()])};Hh._withStripped=!0;const Ah=t({render:Hh,staticRenderFns:[]},(function(n){n&&n("data-v-4f94c6fc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})}),Bh,"data-v-4f94c6fc",false,undefined,!1,o,void 0,void 0);var Wh={components:{WButtonChip:Eu,WIcon:ls,WDialog:Ah},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:xa},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:xa,mdiCheckboxMarkedCircle:Ta,mdiCloseCircle:Fa,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=ui(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=ui(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=ui(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=ui(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=ui(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 Fh=Wh;var Zh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",(function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]}))],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",(function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]}))],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",(function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]}))],2):n._e()]},proxy:!0}],null,!0)})};Zh._withStripped=!0;const Xh=t({render:Zh,staticRenderFns:[]},(function(n){n&&n("data-v-2f0bda94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),Fh,"data-v-2f0bda94",false,undefined,!1,o,void 0,void 0);function Ph(){let n=to();return{width:(()=>{let e=[Tn(n,"innerWidth"),Tn(n,"document.documentElement.clientWidth"),Tn(n,"document.body.clientWidth")];return e=Ci(e,yi),cc(e)})(),height:(()=>{let e=[Tn(n,"innerHeight"),Tn(n,"document.documentElement.clientHeight"),Tn(n,"document.body.clientHeight")];return e=Ci(e,yi),cc(e)})()}}var Rh={directives:{domresize:ma()},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=sh(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=yi(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?ui(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 ui(this.drawerBarColor)},useDrawerBarBorderColor:function(){return ui(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=Ph();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,r=Tn(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=!ps(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:Tn(Ph(),"width")}}else{e=je(Tn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?Tn(Ph(),"width"):Tn(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();Fn(e.drawerWidthMax)&&(i=Zr(e.drawerWidthMax));let l=0;Fn(e.drawerWidthMin)&&(l=Zr(e.drawerWidthMin)),yi(i)&&(o=Math.min(o,i)),yi(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const Lh=Rh;var zh=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+";"})])])])])])])])};zh._withStripped=!0;const Vh=t({render:zh,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})}),Lh,"data-v-2a829eed",false,undefined,!1,o,void 0,void 0);async function Nh(n){let e=[],t=Xn();return await async function n(t){let r=null;if(t.isFile&&(r=await function(n){let e=Xn();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=Xn();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await Ke(r,(async e=>{await n(e)}))}}(n),t.resolve(e),t}async function Dh(n){let e=[];De(n,(n=>{let t=n.webkitGetAsEntry();t&&e.push(t)}));let t=await async function(n){let e=[];return await Ke(n,(async n=>{De(await Nh(n),(n=>{e.push(n)}))})),e}(e);return t}async function Gh(n){let e=[],t=[];try{e=await async function(n){let e=[];return De(n,(n=>{n.type&&e.push({type:"file",name:n.name,file:n})})),e}(Tn(n,"files",[])),Md()||(t=await Dh(Tn(n,"items",[])).catch((n=>{console.log(n)})))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var jh={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=ga();function o(n){Od(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){Od(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),Gh(n.dataTransfer).then((t=>{let o=Ci(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?ui(n.borderColorDropIn):n.bMouseIn?ui(n.borderColorHover):ui(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?ui(n.backgroundColorDropIn):n.bMouseIn?ui(n.backgroundColorHover):ui(n.backgroundColor)}},methods:{}};const Kh=jh;var Yh=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)};Yh._withStripped=!0;const _h=t({render:Yh,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})}),Kh,"data-v-920803be",false,undefined,!1,o,void 0,void 0);function $h(n,e){if(!rs(n))return[];if(!An(e)&&!rs(e))return[];let t=null;t=An(e)?Wr(e," "):e;let r=di(t);let o=sr(n,(n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===ja(l,1),s="-"===ja(l,1);if((d||s)&&(a=Gr(l,1)),""===Ar(a))continue;let u=n.indexOf(a)>=0;if(d){if(u){e=!0,o=1;break}e=!1,o=0;break}if(s){if(u){e=!1,o=0;break}e=!0,o=1;break}if(u){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n)));return o}function Eh(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(es(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Mh(){return new function(n){let e=[],t=null,r=null;return Yr(n)||(n=300),n=Vr(n),function(o){if(je(o)){r=Date.now();for(var i=arguments.length,l=new Array(i>1?i-1:0),a=1;a<i;a++)l[a-1]=arguments[a];e.push({func:o,input:l}),null===t&&(t=setInterval((()=>{if(Date.now()-r>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}let Oh=function(n){if(!je(n))throw new Error("fn is not a function");return function(){let e=Xn(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):_r(t)?t.then((n=>{e.resolve({state:"success",msg:n})})).catch((n=>{"cancelled"===Tn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}};function Jh(){let n=ga(),e=[],t=null,r=!1;return function(o){let i=Xn();if(!je(o))return void console.log("func is not a function");let l=Ni();for(var a=arguments.length,d=new Array(a>1?a-1:0),s=1;s<a;s++)d[s-1]=arguments[s];return e.push({id:l,func:o,input:d}),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=je(o.func)?await Oh(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(l,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}function Qh(n,e){let t=di(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=Ci(e,(n=>n.v<=0)),d=(u="v",(s=e)&&s.length?sc(s,ar(u),pc):void 0).i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}var s,u;return d}let Uh={};function qh(){return{set:function(n,e){Uh[n]=e},get:function(n){return Uh[n]},remove:function(n){delete Uh[n]}}}function ng(){let n={};return{bind:function(e,t,r){let o=`r${Ni()}`;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 eg(){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}}()||je(window.IntersectionObserverEntry))}function tg(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Oi(n))return Promise.reject("invalid element");if(eg())return Promise.reject("invalid IntersectionObserver");let t=Tn(e,"mode","");"promise"!==t&&"event"!==t&&(t="promise");let r=()=>{let e=ga(),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(!Oi(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=Xn();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 rg={directives:{domresize:ma(),dommutation:ng(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${Ni()}`;e.setAttribute("ev-visible",o);let i=!1,l=setInterval((()=>{tg(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:Mh(),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=Tn(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=Tn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=Tn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=Tn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=Tn(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=Tn(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 $r((()=>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};Qc(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&Tn(e,"$refs.divShell")&&Tn(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&&Tn(e,"$refs.divShell")&&Tn(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 og=rg;var ig=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;"})])])])])};ig._withStripped=!0;const lg=t({render:ig,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})}),og,"data-v-01f5c13c",false,undefined,!1,o,void 0,void 0);let ag=qh();var dg={components:{WPanelScrollyCore:lg},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Jh(),dbcRefresh:Mh(),dbcSetRows:Mh(),mmkey:Ni(),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&&ag.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return ag.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!Ge(n)){return"rows is not array"}null!==e.mmkey&&ag.remove(e.mmkey);let t=sr(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));ag.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=di(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=ag.get(n.mmkey),t=di(e),r=[],o=!1,i=!1;if(t>0){let i=Qh(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=Qh(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),s=0;for(let n=0;n<l;n++){let t=e[n];t.displayShow&&t.filterShow&&(s+=t.height)}let u=0;for(let n=d+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}for(let t=l;t<=d;t++){let o=pa(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==s&&(o=!0,n.itemsHeightPre=s),n.itemsHeightAft!==u&&(o=!0,n.itemsHeightAft=u)}if(Qc(n.useItems,r)||(i=!0,n.useItems=r),n.$refs.wdsDiv){let e=sr(r,"row"),t=sr(r,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Qc(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===di(n)||De(Tn(this,"$refs.wdsDiv",[]),((r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!Nr(i))return console.log("!isp0int(index)",i),!0;i=Vr(i);let l=Tn(r,"children.0");if(!Oi(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(je(e)&&e(i,a),t=!0)})),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=ag.get(n.mmkey),t=di(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,r=3;await async function(){e.lockFromRefreshUseItems=!0;let n=pa(e.scrollInfor),o=await async function(){let n=Xn();if(t+=1,t>r)return n.resolve(null),n;e.filterItems();let o=e.genUseItems();await Er(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:o,updateItemsHeight:i}),n}(),i=Tn(o,"genUseItems.change",!1)||Tn(o,"updateItemsHeight.change",!1),l=Tn(o,"updateItemsHeight.itemsHeight",null);if(yi(l))if(l<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=l-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=l,e.$emit("change-height-of-items",{height:l})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=ag.get(e.mmkey);if(!Ge(t))return;let r=Tn(n,"fun",null);if(je(r)){let n=r(t);_r(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=Tn(n,"indStart",null),i=Tn(n,"indEnd",null);if(Xr(o)&&Xr(i)){let r=Tn(n,"displayShow",null);if(Ln(r)){for(let n=o;n<=i;n++){Tn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=Tn(n,"filterShow",null);if(Ln(l)){for(let n=o;n<=i;n++){Tn(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=ag.get(n.mmkey),t=di(e);if(n.searchingResults=-1,0===di(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=sr(e,(n=>{let e=n.row,t="";return t=Hn(e)?e:Fn(e)?xn(e):Di(e)?Kr(Ih(e)," "):Eh(e),t=t.toLowerCase(),t})),o=$h(r,t),i=0;De(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=Tn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const sg=dg;var ug=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};ug._withStripped=!0;const cg=t({render:ug,staticRenderFns:[]},(function(n){n&&n("data-v-3a897dd0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),sg,"data-v-3a897dd0",false,undefined,!1,o,void 0,void 0);const pg={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js","https://cdn.jsdelivr.net/npm/echarts@5.1.2/i18n/langEN.js","https://cdn.jsdelivr.net/npm/echarts-gl@2.0.5/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;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window.VueECharts;n.default&&(n=n.default),ro().component("v-chart",n)}n.cmpName="v-chart"}))},computed:{},methods:{}};var fg=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};fg._withStripped=!0;const hg=t({render:fg,staticRenderFns:[]},(function(n){n&&n("data-v-79e39db4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),pg,"data-v-79e39db4",false,undefined,!1,o,void 0,void 0);var gg=Array.prototype.reverse;function mg(n){return null==n?n:gg.call(n)}function vg(n,e){return An(n)&&Nr(e)?0===(e=Vr(e))?n:ja(n,n.length-e):""}function yg(n){let e=0,t=0,r=0,o=di(n);De(n,(n=>{Fn(n)?e+=1:Hn(n)?t+=1:Bn(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 bg(n,e){let t=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)t=sr(n,((n,e)=>({key:e,payload:n,value:Zr(n)})));else if("files"===e)t=sr(n,((n,e)=>({key:e,payload:n,value:Ka(n)})));else if("str"===e){let e=sr(n,(n=>function(n){let e=Tn(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},"excludeString");if(Ln(e)||(e=!1),!An(n))return"";let t=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,r=Ar(n);if(e){let n=r.split("");for(let e=0;e<n.length;e++)if(t(n[e])){r=Gr(r,e),n=Qn(n,e);break}n=mg(n);for(let e=0;e<n.length;e++)if(t(n[e])){r=vg(r,e);break}}return r}(n,{excludeString:!0}))),r=0;De(e,(n=>{Fn(n)&&r++}));let o=r===di(e);t=sr(n,((n,t)=>{let r=n;return o?(r=e[t],r=Zr(r)):r=Ka(r),{key:t,payload:n,value:r}}))}return t}function Cg(n,e){let t=Li(n,"value");return sr(t,e?"key":"payload")}function xg(n,e){let t=function(n,e){let t=pa(n);return t.sort(((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0}))),t}(n,"value");return sr(t,e?"key":"payload")}function Sg(n,e,t){return null==n?n:function(n,e,t,r){if(!W(n))return n;for(var o=-1,i=(e=Sn(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=wn(e[o]),s=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var u=a[d];void 0===(s=r?r(u,d,a):void 0)&&(s=W(u)?u:ge(e[o+1])?[]:{})}al(a,d,s),a=a[d]}return n}(n,e,t)}function Ig(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 wg(n,e,t,r){return ze(n,(function(n,o,i){e(r,n,t(n),i)})),r}var kg,Tg,Bg=Object.prototype.hasOwnProperty,Hg=(kg=function(n,e,t){Bg.call(n,t)?n[t].push(e):il(n,t,[e])},function(n,e){var t=u(n)?Ig:wg,r=Tg?Tg():{};return t(n,kg,ar(e),r)}),Ag=Hg;var Wg=Math.max;var Fg,Zg=(Fg=function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:Jn(t);return o<0&&(o=Wg(r+o,0)),cr(n,ar(e),o)},function(n,e,t){var r=Object(n);if(!Pe(n)){var o=ar(e);n=Re(n),e=function(n){return o(r[n],n,r)}}var i=Fg(n,e,t);return i>-1?r[o?n[i]:i]:void 0});function Xg(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!rs(n))return{};let t=Tn(e,"delimiter");An(t)||(t="❯");let r=Tn(e,"bindRoot");An(r)||(r="root");let o=Tn(e,"soryItems"),i=sr(n,((n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let r=(n=>{let e=Wr(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:Kr(e,t)}})(n.path);return{ind:e,type:n.type,ss:r.ss,data:pa(n)}})),l=n=>{let e=di(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=Kr(e,t);r.push({id:i,name:n[o]})}return r},a=-1,d=[],s={};De(i,(n=>{let e=[r],o=r,i=di(n.ss)-1;De(n.ss,((r,u)=>{let c=u<i||"folder"===n.type;e.push(r);let p=null,f=null;u===i&&(p=n.ind,f=n.data);let h=Kr(e,t),g=l(e);if(Zn(s,h)){let e=s[h],t="folder"===Tn(e,"_type","");if(!t&&c)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a file to folder`);if(!t&&!c)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two files`);if(t&&!c)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a folder to file`);if(Di(s[h].data)&&Di(f))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two folders`);if(null===s[h].data&&Di(f)){s[h]._indOri=p,s[h].data=f;let n=s[h]._indNormalize,e=d[n];d[n]={...f,type:e.type,path:e.path}}}else{a++;let n=a,t=null;t=c?{_indOri:p,_indNormalize:n,ns:di(e),ts:pa(e),pathInfors:g,_type:"folder",type:"array",numOfChilren:-1,id:h,parentId:o,text:r,children:[],data:f}:{_indOri:p,_indNormalize:n,ns:di(e),ts:pa(e),pathInfors:g,_type:"file",type:"node",numOfChilren:-1,id:h,parentId:o,text:r,data:f},s[h]=t,d.push({...Tn(s[h],"data",{}),type:s[h]._type,path:"/"+Kr(e,"/")})}o=h}))}));let u=Ih(s);if(u=Li(u,"id"),u=Li(u,"ns"),je(o)){let n=[];De(Ag(u,"ns"),((e,t)=>{De(Ag(e,"parentId"),((e,r)=>{let i=o(e,r,t);n=[...n,...i]}))})),u=n}let c=[],p=[];De(u,(n=>{"folder"===n._type?c.push(n):p.push(n)}));let f=Ag(c,"ns"),h=Ag(p,"ns"),g=fc(sr(c,"ns")),m=fc(sr(p,"ns")),v=null;{let n=[r];v=[{_indOri:null,_indNormalize:null,ns:di(n),ts:pa(n),pathInfors:l(n),_type:"folder",type:"array",numOfChilren:-1,id:r,parentId:"",text:r,children:[],data:null}]}let y={};y[r]="0.children";let b={};b[r]="0";for(let n=2;n<=g;n++){De(f[n],(n=>{let e=Tn(y,n.parentId,"");if(!An(e))throw console.log("kpPathFd",y),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=Tn(v,e);if(Ge(t)||Sg(v,e,[]),t=Tn(v,e),!Di(Zg(t,{id:n.id}))){t.push({...n,children:[]});let r=`${e}.${di(t)-1}`;y[n.id]=`${r}.children`,b[n.id]=r}}))}let C=pa(v),x={};for(let n=2;n<=m;n++){De(h[n],(n=>{let e=Tn(y,n.parentId,"");if(!An(e))throw console.log("kpPathFd",y),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=Tn(v,e);if(!Ge(t))throw console.log("treeItems",v),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!Di(Zg(t,{id:n.id}))){t.push(n);let r=`${e}.${di(t)-1}`;x[n.id]=r,b[n.id]=r}}))}return{treeItems:v,treeItemsFolder:C,kpPath:b,fpsNormalize:d}}function Pg(n,e,t){return n&&n.length?zn(n,0,(e=t||void 0===e?1:Jn(e))<0?0:e):[]}function Rg(n,e,t){var r=null==n?0:n.length;return r?zn(n,(e=r-(e=t||void 0===e?1:Jn(e)))<0?0:e,r):[]}function Lg(n,e){return null==(n=function(n,e){return e.length<2?n:kn(n,zn(e,0,-1))}(n,e=Sn(e,n)))||delete n[wn(as(e))]}var zg=Array.prototype.splice;function Vg(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;ge(o)?zg.call(n,o,1):Lg(n,o)}}return n}function Ng(n){return(null==n?0:n.length)?Ii(n,1):[]}var Dg=function(n){return Pi(Bi(n,void 0,Ng),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:Tn(n,e[t]);return o}(n,e);return Vg(n,mn(e,(function(n){return ge(n,t)?+n:n})).sort(wi)),r})),Gg=Dg;function jg(n,e,t){var r=null==n?0:n.length;return r?zn(n,0,(e=r-(e=t||void 0===e?1:Jn(e)))<0?0:e):[]}const Kg="function"==typeof Buffer,Yg="function"==typeof TextDecoder?new TextDecoder:void 0,_g=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),$g=(n=>{let e={};return _g.forEach(((n,t)=>e[n]=t)),e})(),Eg=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,Mg=String.fromCharCode.bind(String),Og="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),Jg=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),Qg=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Ug=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 Mg(55296+(e>>>10))+Mg(56320+(1023&e));case 3:return Mg((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return Mg((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},qg="function"==typeof atob?n=>atob(Jg(n)):Kg?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!Eg.test(n))throw new TypeError("malformed base64.");n+="==".slice(2-(3&n.length));let e,t,r,o="";for(let i=0;i<n.length;)e=$g[n.charAt(i++)]<<18|$g[n.charAt(i++)]<<12|(t=$g[n.charAt(i++)])<<6|(r=$g[n.charAt(i++)]),o+=64===t?Mg(e>>16&255):64===r?Mg(e>>16&255,e>>8&255):Mg(e>>16&255,e>>8&255,255&e);return o},nm=Kg?n=>Og(Buffer.from(n,"base64")):n=>Og(qg(n).split("").map((n=>n.charCodeAt(0)))),em=Kg?n=>Buffer.from(n,"base64").toString("utf8"):Yg?n=>Yg.decode(nm(n)):n=>(n=>n.replace(Qg,Ug))(qg(n)),tm=n=>em((n=>Jg(n.replace(/[-_]/g,(n=>"-"==n?"+":"/"))))(n));var rm={};!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,s,u=this._events[a],c=arguments.length;if(u.fn){switch(u.once&&this.removeListener(n,u.fn,void 0,!0),c){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,o),!0;case 5:return u.fn.call(u.context,e,r,o,i),!0;case 6:return u.fn.call(u.context,e,r,o,i,l),!0}for(s=1,d=new Array(c-1);s<c;s++)d[s-1]=arguments[s];u.fn.apply(u.context,d)}else{var p,f=u.length;for(s=0;s<f;s++)switch(u[s].once&&this.removeListener(n,u[s].fn,void 0,!0),c){case 1:u[s].fn.call(u[s].context);break;case 2:u[s].fn.call(u[s].context,e);break;case 3:u[s].fn.call(u[s].context,e,r);break;case 4:u[s].fn.call(u[s].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];u[s].fn.apply(u[s].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,s=[],u=a.length;d<u;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&s.push(a[d]);s.length?this._events[i]=1===s.length?s[0]:s: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}({get exports(){return rm},set exports(n){rm=n}});var om=rm;let im;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=tm("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXkscj0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwsZT0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49cnx8ZXx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxjPXUuaGFzT3duUHJvcGVydHksYT11LnRvU3RyaW5nLGk9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPSJbb2JqZWN0IE51bGxdIixzPSJbb2JqZWN0IFVuZGVmaW5lZF0iLHA9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDtmdW5jdGlvbiBiKHQpe3JldHVybiBudWxsPT10P3ZvaWQgMD09PXQ/czpsOnAmJnAgaW4gT2JqZWN0KHQpP2Z1bmN0aW9uKHQpe3ZhciByPWMuY2FsbCh0LGkpLGU9dFtpXTt0cnl7dFtpXT12b2lkIDA7dmFyIG49ITB9Y2F0Y2godCl7fXZhciBvPWEuY2FsbCh0KTtyZXR1cm4gbiYmKHI/dFtpXT1lOmRlbGV0ZSB0W2ldKSxvfSh0KTpmdW5jdGlvbih0KXtyZXR1cm4gZi5jYWxsKHQpfSh0KX1mdW5jdGlvbiB5KHQpe3JldHVybiBudWxsIT10JiYib2JqZWN0Ij09dHlwZW9mIHR9dmFyIHY9IltvYmplY3QgU3ltYm9sXSI7ZnVuY3Rpb24gaCh0KXtyZXR1cm4ic3ltYm9sIj09dHlwZW9mIHR8fHkodCkmJmIodCk9PXZ9dmFyIGo9L1wufFxbKD86W15bXF1dKnwoWyInXSkoPzooPyFcMSlbXlxcXXxcXC4pKj9cMSlcXS8sZD0vXlx3KiQvO2Z1bmN0aW9uIF8odCl7dmFyIHI9dHlwZW9mIHQ7cmV0dXJuIG51bGwhPXQmJigib2JqZWN0Ij09cnx8ImZ1bmN0aW9uIj09cil9dmFyIGc9IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iLE89IltvYmplY3QgRnVuY3Rpb25dIix3PSJbb2JqZWN0IEdlbmVyYXRvckZ1bmN0aW9uXSIsbT0iW29iamVjdCBQcm94eV0iO2Z1bmN0aW9uIEEodCl7aWYoIV8odCkpcmV0dXJuITE7dmFyIHI9Yih0KTtyZXR1cm4gcj09T3x8cj09d3x8cj09Z3x8cj09bX12YXIgeCxTPW5bIl9fY29yZS1qc19zaGFyZWRfXyJdLHo9KHg9L1teLl0rJC8uZXhlYyhTJiZTLmtleXMmJlMua2V5cy5JRV9QUk9UT3x8IiIpKT8iU3ltYm9sKHNyYylfMS4iK3g6IiI7dmFyIFA9RnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nO2Z1bmN0aW9uIEkodCl7aWYobnVsbCE9dCl7dHJ5e3JldHVybiBQLmNhbGwodCl9Y2F0Y2godCl7fXRyeXtyZXR1cm4gdCsiIn1jYXRjaCh0KXt9fXJldHVybiIifXZhciBFPS9eXFtvYmplY3QgLis/Q29uc3RydWN0b3JcXSQvLEY9RnVuY3Rpb24ucHJvdG90eXBlLFU9T2JqZWN0LnByb3RvdHlwZSxNPUYudG9TdHJpbmcsJD1VLmhhc093blByb3BlcnR5LEI9UmVnRXhwKCJeIitNLmNhbGwoJCkucmVwbGFjZSgvW1xcXiQuKis/KClbXF17fXxdL2csIlxcJCYiKS5yZXBsYWNlKC9oYXNPd25Qcm9wZXJ0eXwoZnVuY3Rpb24pLio/KD89XFxcKCl8IGZvciAuKz8oPz1cXFxdKS9nLCIkMS4qPyIpKyIkIik7ZnVuY3Rpb24gVCh0KXtyZXR1cm4hKCFfKHQpfHwocj10LHomJnogaW4gcikpJiYoQSh0KT9COkUpLnRlc3QoSSh0KSk7dmFyIHJ9ZnVuY3Rpb24gayh0LHIpe3ZhciBlPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbcl19KHQscik7cmV0dXJuIFQoZSk/ZTp2b2lkIDB9dmFyIEM9ayhPYmplY3QsImNyZWF0ZSIpO3ZhciBEPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIE49T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBSKHQpe3ZhciByPS0xLGU9bnVsbD09dD8wOnQubGVuZ3RoO2Zvcih0aGlzLmNsZWFyKCk7KytyPGU7KXt2YXIgbj10W3JdO3RoaXMuc2V0KG5bMF0sblsxXSl9fWZ1bmN0aW9uIFYodCxyKXtyZXR1cm4gdD09PXJ8fHQhPXQmJnIhPXJ9ZnVuY3Rpb24gVyh0LHIpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS07KWlmKFYodFtlXVswXSxyKSlyZXR1cm4gZTtyZXR1cm4tMX1SLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189Qz9DKG51bGwpOnt9LHRoaXMuc2l6ZT0wfSxSLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5oYXModCkmJmRlbGV0ZSB0aGlzLl9fZGF0YV9fW3RdO3JldHVybiB0aGlzLnNpemUtPXI/MTowLHJ9LFIucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO2lmKEMpe3ZhciBlPXJbdF07cmV0dXJuIl9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iPT09ZT92b2lkIDA6ZX1yZXR1cm4gRC5jYWxsKHIsdCk/clt0XTp2b2lkIDB9LFIucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO3JldHVybiBDP3ZvaWQgMCE9PXJbdF06Ti5jYWxsKHIsdCl9LFIucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIHRoaXMuc2l6ZSs9dGhpcy5oYXModCk/MDoxLGVbdF09QyYmdm9pZCAwPT09cj8iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI6cix0aGlzfTt2YXIgTD1BcnJheS5wcm90b3R5cGUuc3BsaWNlO2Z1bmN0aW9uIHEodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19cS5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPVtdLHRoaXMuc2l6ZT0wfSxxLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPVcocix0KTtyZXR1cm4hKGU8MCkmJihlPT1yLmxlbmd0aC0xP3IucG9wKCk6TC5jYWxsKHIsZSwxKSwtLXRoaXMuc2l6ZSwhMCl9LHEucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9VyhyLHQpO3JldHVybiBlPDA/dm9pZCAwOnJbZV1bMV19LHEucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gVyh0aGlzLl9fZGF0YV9fLHQpPi0xfSxxLnByb3RvdHlwZS5zZXQ9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fLG49VyhlLHQpO3JldHVybiBuPDA/KCsrdGhpcy5zaXplLGUucHVzaChbdCxyXSkpOmVbbl1bMV09cix0aGlzfTt2YXIgRz1rKG4sIk1hcCIpO2Z1bmN0aW9uIEsodCxyKXt2YXIgZSxuLG89dC5fX2RhdGFfXztyZXR1cm4oInN0cmluZyI9PShuPXR5cGVvZihlPXIpKXx8Im51bWJlciI9PW58fCJzeW1ib2wiPT1ufHwiYm9vbGVhbiI9PW4/Il9fcHJvdG9fXyIhPT1lOm51bGw9PT1lKT9vWyJzdHJpbmciPT10eXBlb2Ygcj8ic3RyaW5nIjoiaGFzaCJdOm8ubWFwfWZ1bmN0aW9uIEgodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19SC5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLnNpemU9MCx0aGlzLl9fZGF0YV9fPXtoYXNoOm5ldyBSLG1hcDpuZXcoR3x8cSksc3RyaW5nOm5ldyBSfX0sSC5wcm90b3R5cGUuZGVsZXRlPWZ1bmN0aW9uKHQpe3ZhciByPUsodGhpcyx0KS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sSC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiBLKHRoaXMsdCkuZ2V0KHQpfSxILnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIEsodGhpcyx0KS5oYXModCl9LEgucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPUsodGhpcyx0KSxuPWUuc2l6ZTtyZXR1cm4gZS5zZXQodCxyKSx0aGlzLnNpemUrPWUuc2l6ZT09bj8wOjEsdGhpc307dmFyIEo9IkV4cGVjdGVkIGEgZnVuY3Rpb24iO2Z1bmN0aW9uIFEodCxyKXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdHx8bnVsbCE9ciYmImZ1bmN0aW9uIiE9dHlwZW9mIHIpdGhyb3cgbmV3IFR5cGVFcnJvcihKKTt2YXIgZT1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPXI/ci5hcHBseSh0aGlzLG4pOm5bMF0sdT1lLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgYz10LmFwcGx5KHRoaXMsbik7cmV0dXJuIGUuY2FjaGU9dS5zZXQobyxjKXx8dSxjfTtyZXR1cm4gZS5jYWNoZT1uZXcoUS5DYWNoZXx8SCksZX1RLkNhY2hlPUg7dmFyIFgsWSxaLHR0PS9bXi5bXF1dK3xcWyg/OigtP1xkKyg/OlwuXGQrKT8pfChbIiddKSgoPzooPyFcMilbXlxcXXxcXC4pKj8pXDIpXF18KD89KD86XC58XFtcXSkoPzpcLnxcW1xdfCQpKS9nLHJ0PS9cXChcXCk/L2csZXQ9KFg9ZnVuY3Rpb24odCl7dmFyIHI9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZyLnB1c2goIiIpLHQucmVwbGFjZSh0dCwoZnVuY3Rpb24odCxlLG4sbyl7ci5wdXNoKG4/by5yZXBsYWNlKHJ0LCIkMSIpOmV8fHQpfSkpLHJ9LFk9UShYLChmdW5jdGlvbih0KXtyZXR1cm4gNTAwPT09Wi5zaXplJiZaLmNsZWFyKCksdH0pKSxaPVkuY2FjaGUsWSksbnQ9ZXQ7dmFyIG90PTEvMCx1dD1vP28ucHJvdG90eXBlOnZvaWQgMCxjdD11dD91dC50b1N0cmluZzp2b2lkIDA7ZnVuY3Rpb24gYXQocil7aWYoInN0cmluZyI9PXR5cGVvZiByKXJldHVybiByO2lmKHQocikpcmV0dXJuIGZ1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoLG89QXJyYXkobik7KytlPG47KW9bZV09cih0W2VdLGUsdCk7cmV0dXJuIG99KHIsYXQpKyIiO2lmKGgocikpcmV0dXJuIGN0P2N0LmNhbGwocik6IiI7dmFyIGU9cisiIjtyZXR1cm4iMCI9PWUmJjEvcj09LW90PyItMCI6ZX1mdW5jdGlvbiBpdChyLGUpe3JldHVybiB0KHIpP3I6ZnVuY3Rpb24ocixlKXtpZih0KHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiByO3JldHVybiEoIm51bWJlciIhPW4mJiJzeW1ib2wiIT1uJiYiYm9vbGVhbiIhPW4mJm51bGwhPXImJiFoKHIpKXx8ZC50ZXN0KHIpfHwhai50ZXN0KHIpfHxudWxsIT1lJiZyIGluIE9iamVjdChlKX0ocixlKT9bcl06bnQoZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6YXQodCl9KHIpKX12YXIgZnQ9MS8wO2Z1bmN0aW9uIGx0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8aCh0KSlyZXR1cm4gdDt2YXIgcj10KyIiO3JldHVybiIwIj09ciYmMS90PT0tZnQ/Ii0wIjpyfWZ1bmN0aW9uIHN0KHQscixlKXt2YXIgbj1udWxsPT10P3ZvaWQgMDpmdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0wLG49KHI9aXQocix0KSkubGVuZ3RoO251bGwhPXQmJmU8bjspdD10W2x0KHJbZSsrXSldO3JldHVybiBlJiZlPT1uP3Q6dm9pZCAwfSh0LHIpO3JldHVybiB2b2lkIDA9PT1uP2U6bn12YXIgcHQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiBidCh0KXt2YXIgcj10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiByJiZyLnByb3RvdHlwZXx8cHQpfWZ1bmN0aW9uIHl0KHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KHIoZSkpfX12YXIgdnQ9eXQoT2JqZWN0LmtleXMsT2JqZWN0KSxodD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGp0KHQpe2lmKCFidCh0KSlyZXR1cm4gdnQodCk7dmFyIHI9W107Zm9yKHZhciBlIGluIE9iamVjdCh0KSlodC5jYWxsKHQsZSkmJiJjb25zdHJ1Y3RvciIhPWUmJnIucHVzaChlKTtyZXR1cm4gcn12YXIgZHQ9ayhuLCJEYXRhVmlldyIpLF90PWsobiwiUHJvbWlzZSIpLGd0PWsobiwiU2V0IiksT3Q9ayhuLCJXZWFrTWFwIiksd3Q9IltvYmplY3QgTWFwXSIsbXQ9IltvYmplY3QgUHJvbWlzZV0iLEF0PSJbb2JqZWN0IFNldF0iLHh0PSJbb2JqZWN0IFdlYWtNYXBdIixTdD0iW29iamVjdCBEYXRhVmlld10iLHp0PUkoZHQpLFB0PUkoRyksSXQ9SShfdCksRXQ9SShndCksRnQ9SShPdCksVXQ9YjsoZHQmJlV0KG5ldyBkdChuZXcgQXJyYXlCdWZmZXIoMSkpKSE9U3R8fEcmJlV0KG5ldyBHKSE9d3R8fF90JiZVdChfdC5yZXNvbHZlKCkpIT1tdHx8Z3QmJlV0KG5ldyBndCkhPUF0fHxPdCYmVXQobmV3IE90KSE9eHQpJiYoVXQ9ZnVuY3Rpb24odCl7dmFyIHI9Yih0KSxlPSJbb2JqZWN0IE9iamVjdF0iPT1yP3QuY29uc3RydWN0b3I6dm9pZCAwLG49ZT9JKGUpOiIiO2lmKG4pc3dpdGNoKG4pe2Nhc2UgenQ6cmV0dXJuIFN0O2Nhc2UgUHQ6cmV0dXJuIHd0O2Nhc2UgSXQ6cmV0dXJuIG10O2Nhc2UgRXQ6cmV0dXJuIEF0O2Nhc2UgRnQ6cmV0dXJuIHh0fXJldHVybiByfSk7dmFyIE10PVV0LCR0PTkwMDcxOTkyNTQ3NDA5OTE7ZnVuY3Rpb24gQnQodCl7cmV0dXJuIm51bWJlciI9PXR5cGVvZiB0JiZ0Pi0xJiZ0JTE9PTAmJnQ8PSR0fWZ1bmN0aW9uIFR0KHQpe3JldHVybiBudWxsIT10JiZCdCh0Lmxlbmd0aCkmJiFBKHQpfXZhciBrdD0iW29iamVjdCBTdHJpbmddIjt2YXIgQ3QsRHQ9KEN0PSJsZW5ndGgiLGZ1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P3ZvaWQgMDp0W0N0XX0pLE50PVJlZ0V4cCgiW1xcdTIwMGRcXHVkODAwLVxcdWRmZmZcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZcXHVmZTBlXFx1ZmUwZl0iKTt2YXIgUnQ9IlxcdWQ4MDAtXFx1ZGZmZiIsVnQ9IlsiK1J0KyJdIixXdD0iW1xcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZl0iLEx0PSJcXHVkODNjW1xcdWRmZmItXFx1ZGZmZl0iLHF0PSJbXiIrUnQrIl0iLEd0PSIoPzpcXHVkODNjW1xcdWRkZTYtXFx1ZGRmZl0pezJ9IixLdD0iW1xcdWQ4MDAtXFx1ZGJmZl1bXFx1ZGMwMC1cXHVkZmZmXSIsSHQ9Iig/OiIrV3QrInwiK0x0KyIpIisiPyIsSnQ9IltcXHVmZTBlXFx1ZmUwZl0/IixRdD1KdCtIdCsoIig/OlxcdTIwMGQoPzoiK1txdCxHdCxLdF0uam9pbigifCIpKyIpIitKdCtIdCsiKSoiKSxYdD0iKD86IitbcXQrV3QrIj8iLFd0LEd0LEt0LFZ0XS5qb2luKCJ8IikrIikiLFl0PVJlZ0V4cChMdCsiKD89IitMdCsiKXwiK1h0K1F0LCJnIik7ZnVuY3Rpb24gWnQodCl7cmV0dXJuIGZ1bmN0aW9uKHQpe3JldHVybiBOdC50ZXN0KHQpfSh0KT9mdW5jdGlvbih0KXtmb3IodmFyIHI9WXQubGFzdEluZGV4PTA7WXQudGVzdCh0KTspKytyO3JldHVybiByfSh0KTpEdCh0KX12YXIgdHI9IltvYmplY3QgTWFwXSIscnI9IltvYmplY3QgU2V0XSI7ZnVuY3Rpb24gZXIocil7aWYobnVsbD09cilyZXR1cm4gMDtpZihUdChyKSlyZXR1cm4ic3RyaW5nIj09dHlwZW9mKGU9cil8fCF0KGUpJiZ5KGUpJiZiKGUpPT1rdD9adChyKTpyLmxlbmd0aDt2YXIgZSxuPU10KHIpO3JldHVybiBuPT10cnx8bj09cnI/ci5zaXplOmp0KHIpLmxlbmd0aH12YXIgbnI9TWF0aC5jZWlsLG9yPU1hdGgubWF4O3ZhciB1cj05MDA3MTk5MjU0NzQwOTkxLGNyPS9eKD86MHxbMS05XVxkKikkLztmdW5jdGlvbiBhcih0LHIpe3ZhciBlPXR5cGVvZiB0O3JldHVybiEhKHI9bnVsbD09cj91cjpyKSYmKCJudW1iZXIiPT1lfHwic3ltYm9sIiE9ZSYmY3IudGVzdCh0KSkmJnQ+LTEmJnQlMT09MCYmdDxyfXZhciBpcj0vXHMvO3ZhciBmcj0vXlxzKy87ZnVuY3Rpb24gbHIodCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgcj10Lmxlbmd0aDtyLS0mJmlyLnRlc3QodC5jaGFyQXQocikpOyk7cmV0dXJuIHJ9KHQpKzEpLnJlcGxhY2UoZnIsIiIpOnR9dmFyIHNyPU5hTixwcj0vXlstK10weFswLTlhLWZdKyQvaSxicj0vXjBiWzAxXSskL2kseXI9L14wb1swLTddKyQvaSx2cj1wYXJzZUludDt2YXIgaHI9MS8wLGpyPTE3OTc2OTMxMzQ4NjIzMTU3ZTI5MjtmdW5jdGlvbiBkcih0KXtyZXR1cm4gdD8odD1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoaCh0KSlyZXR1cm4gc3I7aWYoXyh0KSl7dmFyIHI9ImZ1bmN0aW9uIj09dHlwZW9mIHQudmFsdWVPZj90LnZhbHVlT2YoKTp0O3Q9XyhyKT9yKyIiOnJ9aWYoInN0cmluZyIhPXR5cGVvZiB0KXJldHVybiAwPT09dD90Oit0O3Q9bHIodCk7dmFyIGU9YnIudGVzdCh0KTtyZXR1cm4gZXx8eXIudGVzdCh0KT92cih0LnNsaWNlKDIpLGU/Mjo4KTpwci50ZXN0KHQpP3NyOit0fSh0KSk9PT1ocnx8dD09PS1ocj8odDwwPy0xOjEpKmpyOnQ9PXQ/dDowOjA9PT10P3Q6MH12YXIgX3IsZ3I9ZnVuY3Rpb24odCxyLGUpe3JldHVybiBlJiYibnVtYmVyIiE9dHlwZW9mIGUmJmZ1bmN0aW9uKHQscixlKXtpZighXyhlKSlyZXR1cm4hMTt2YXIgbj10eXBlb2YgcjtyZXR1cm4hISgibnVtYmVyIj09bj9UdChlKSYmYXIocixlLmxlbmd0aCk6InN0cmluZyI9PW4mJnIgaW4gZSkmJlYoZVtyXSx0KX0odCxyLGUpJiYocj1lPXZvaWQgMCksdD1kcih0KSx2b2lkIDA9PT1yPyhyPXQsdD0wKTpyPWRyKHIpLGZ1bmN0aW9uKHQscixlLG4pe2Zvcih2YXIgbz0tMSx1PW9yKG5yKChyLXQpLyhlfHwxKSksMCksYz1BcnJheSh1KTt1LS07KWNbbj91Oisrb109dCx0Kz1lO3JldHVybiBjfSh0LHIsZT12b2lkIDA9PT1lP3Q8cj8xOi0xOmRyKGUpLF9yKX0sT3I9Z3I7ZnVuY3Rpb24gd3IodCl7dmFyIHI9dGhpcy5fX2RhdGFfXz1uZXcgcSh0KTt0aGlzLnNpemU9ci5zaXplfXdyLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189bmV3IHEsdGhpcy5zaXplPTB9LHdyLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPXIuZGVsZXRlKHQpO3JldHVybiB0aGlzLnNpemU9ci5zaXplLGV9LHdyLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uZ2V0KHQpfSx3ci5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLl9fZGF0YV9fLmhhcyh0KX0sd3IucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoZSBpbnN0YW5jZW9mIHEpe3ZhciBuPWUuX19kYXRhX187aWYoIUd8fG4ubGVuZ3RoPDE5OSlyZXR1cm4gbi5wdXNoKFt0LHJdKSx0aGlzLnNpemU9KytlLnNpemUsdGhpcztlPXRoaXMuX19kYXRhX189bmV3IEgobil9cmV0dXJuIGUuc2V0KHQsciksdGhpcy5zaXplPWUuc2l6ZSx0aGlzfTt2YXIgbXI9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9ayhPYmplY3QsImRlZmluZVByb3BlcnR5Iik7cmV0dXJuIHQoe30sIiIse30pLHR9Y2F0Y2godCl7fX0oKSxBcj1tcjtmdW5jdGlvbiB4cih0LHIsZSl7Il9fcHJvdG9fXyI9PXImJkFyP0FyKHQscix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITAsdmFsdWU6ZSx3cml0YWJsZTohMH0pOnRbcl09ZX12YXIgU3I9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiB6cih0LHIsZSl7dmFyIG49dFtyXTtTci5jYWxsKHQscikmJlYobixlKSYmKHZvaWQgMCE9PWV8fHIgaW4gdCl8fHhyKHQscixlKX1mdW5jdGlvbiBQcih0LHIsZSxuKXt2YXIgbz0hZTtlfHwoZT17fSk7Zm9yKHZhciB1PS0xLGM9ci5sZW5ndGg7Kyt1PGM7KXt2YXIgYT1yW3VdLGk9bj9uKGVbYV0sdFthXSxhLGUsdCk6dm9pZCAwO3ZvaWQgMD09PWkmJihpPXRbYV0pLG8/eHIoZSxhLGkpOnpyKGUsYSxpKX1yZXR1cm4gZX1mdW5jdGlvbiBJcih0KXtyZXR1cm4geSh0KSYmIltvYmplY3QgQXJndW1lbnRzXSI9PWIodCl9dmFyIEVyPU9iamVjdC5wcm90b3R5cGUsRnI9RXIuaGFzT3duUHJvcGVydHksVXI9RXIucHJvcGVydHlJc0VudW1lcmFibGUsTXI9SXIoZnVuY3Rpb24oKXtyZXR1cm4gYXJndW1lbnRzfSgpKT9JcjpmdW5jdGlvbih0KXtyZXR1cm4geSh0KSYmRnIuY2FsbCh0LCJjYWxsZWUiKSYmIVVyLmNhbGwodCwiY2FsbGVlIil9O3ZhciAkcj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLEJyPSRyJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsVHI9QnImJkJyLmV4cG9ydHM9PT0kcj9uLkJ1ZmZlcjp2b2lkIDAsa3I9KFRyP1RyLmlzQnVmZmVyOnZvaWQgMCl8fGZ1bmN0aW9uKCl7cmV0dXJuITF9LENyPXt9O2Z1bmN0aW9uIERyKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gdChyKX19Q3JbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPUNyWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1DclsiW29iamVjdCBJbnQ4QXJyYXldIl09Q3JbIltvYmplY3QgSW50MTZBcnJheV0iXT1DclsiW29iamVjdCBJbnQzMkFycmF5XSJdPUNyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09Q3JbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09Q3JbIltvYmplY3QgVWludDE2QXJyYXldIl09Q3JbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsQ3JbIltvYmplY3QgQXJndW1lbnRzXSJdPUNyWyJbb2JqZWN0IEFycmF5XSJdPUNyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPUNyWyJbb2JqZWN0IEJvb2xlYW5dIl09Q3JbIltvYmplY3QgRGF0YVZpZXddIl09Q3JbIltvYmplY3QgRGF0ZV0iXT1DclsiW29iamVjdCBFcnJvcl0iXT1DclsiW29iamVjdCBGdW5jdGlvbl0iXT1DclsiW29iamVjdCBNYXBdIl09Q3JbIltvYmplY3QgTnVtYmVyXSJdPUNyWyJbb2JqZWN0IE9iamVjdF0iXT1DclsiW29iamVjdCBSZWdFeHBdIl09Q3JbIltvYmplY3QgU2V0XSJdPUNyWyJbb2JqZWN0IFN0cmluZ10iXT1DclsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBOcj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLFJyPU5yJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsVnI9UnImJlJyLmV4cG9ydHM9PT1OciYmci5wcm9jZXNzLFdyPWZ1bmN0aW9uKCl7dHJ5e3ZhciB0PVJyJiZSci5yZXF1aXJlJiZSci5yZXF1aXJlKCJ1dGlsIikudHlwZXM7cmV0dXJuIHR8fFZyJiZWci5iaW5kaW5nJiZWci5iaW5kaW5nKCJ1dGlsIil9Y2F0Y2godCl7fX0oKSxMcj1XciYmV3IuaXNUeXBlZEFycmF5LHFyPUxyP0RyKExyKTpmdW5jdGlvbih0KXtyZXR1cm4geSh0KSYmQnQodC5sZW5ndGgpJiYhIUNyW2IodCldfSxHcj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIEtyKHIsZSl7dmFyIG49dChyKSxvPSFuJiZNcihyKSx1PSFuJiYhbyYma3IociksYz0hbiYmIW8mJiF1JiZxcihyKSxhPW58fG98fHV8fGMsaT1hP2Z1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49QXJyYXkodCk7KytlPHQ7KW5bZV09cihlKTtyZXR1cm4gbn0oci5sZW5ndGgsU3RyaW5nKTpbXSxmPWkubGVuZ3RoO2Zvcih2YXIgbCBpbiByKSFlJiYhR3IuY2FsbChyLGwpfHxhJiYoImxlbmd0aCI9PWx8fHUmJigib2Zmc2V0Ij09bHx8InBhcmVudCI9PWwpfHxjJiYoImJ1ZmZlciI9PWx8fCJieXRlTGVuZ3RoIj09bHx8ImJ5dGVPZmZzZXQiPT1sKXx8YXIobCxmKSl8fGkucHVzaChsKTtyZXR1cm4gaX1mdW5jdGlvbiBIcih0KXtyZXR1cm4gVHQodCk/S3IodCk6anQodCl9dmFyIEpyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7ZnVuY3Rpb24gUXIodCl7aWYoIV8odCkpcmV0dXJuIGZ1bmN0aW9uKHQpe3ZhciByPVtdO2lmKG51bGwhPXQpZm9yKHZhciBlIGluIE9iamVjdCh0KSlyLnB1c2goZSk7cmV0dXJuIHJ9KHQpO3ZhciByPWJ0KHQpLGU9W107Zm9yKHZhciBuIGluIHQpKCJjb25zdHJ1Y3RvciIhPW58fCFyJiZKci5jYWxsKHQsbikpJiZlLnB1c2gobik7cmV0dXJuIGV9ZnVuY3Rpb24gWHIodCl7cmV0dXJuIFR0KHQpP0tyKHQsITApOlFyKHQpfXZhciBZcj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLFpyPVlyJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsdGU9WnImJlpyLmV4cG9ydHM9PT1Zcj9uLkJ1ZmZlcjp2b2lkIDAscmU9dGU/dGUuYWxsb2NVbnNhZmU6dm9pZCAwO2Z1bmN0aW9uIGVlKCl7cmV0dXJuW119dmFyIG5lPU9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUsb2U9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyx1ZT1vZT9mdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD9bXToodD1PYmplY3QodCksZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgYz10W2VdO3IoYyxlLHQpJiYodVtvKytdPWMpfXJldHVybiB1fShvZSh0KSwoZnVuY3Rpb24ocil7cmV0dXJuIG5lLmNhbGwodCxyKX0pKSl9OmVlLGNlPXVlO2Z1bmN0aW9uIGFlKHQscil7Zm9yKHZhciBlPS0xLG49ci5sZW5ndGgsbz10Lmxlbmd0aDsrK2U8bjspdFtvK2VdPXJbZV07cmV0dXJuIHR9dmFyIGllPXl0KE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLGZlPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciByPVtdO3Q7KWFlKHIsY2UodCkpLHQ9aWUodCk7cmV0dXJuIHJ9OmVlLGxlPWZlO2Z1bmN0aW9uIHNlKHIsZSxuKXt2YXIgbz1lKHIpO3JldHVybiB0KHIpP286YWUobyxuKHIpKX1mdW5jdGlvbiBwZSh0KXtyZXR1cm4gc2UodCxIcixjZSl9ZnVuY3Rpb24gYmUodCl7cmV0dXJuIHNlKHQsWHIsbGUpfXZhciB5ZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciB2ZT1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gaGUodCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5ieXRlTGVuZ3RoKTtyZXR1cm4gbmV3IHZlKHIpLnNldChuZXcgdmUodCkpLHJ9dmFyIGplPS9cdyokLzt2YXIgZGU9bz9vLnByb3RvdHlwZTp2b2lkIDAsX2U9ZGU/ZGUudmFsdWVPZjp2b2lkIDA7dmFyIGdlPSJbb2JqZWN0IEJvb2xlYW5dIixPZT0iW29iamVjdCBEYXRlXSIsd2U9IltvYmplY3QgTWFwXSIsbWU9IltvYmplY3QgTnVtYmVyXSIsQWU9IltvYmplY3QgUmVnRXhwXSIseGU9IltvYmplY3QgU2V0XSIsU2U9IltvYmplY3QgU3RyaW5nXSIsemU9IltvYmplY3QgU3ltYm9sXSIsUGU9IltvYmplY3QgQXJyYXlCdWZmZXJdIixJZT0iW29iamVjdCBEYXRhVmlld10iLEVlPSJbb2JqZWN0IEZsb2F0MzJBcnJheV0iLEZlPSJbb2JqZWN0IEZsb2F0NjRBcnJheV0iLFVlPSJbb2JqZWN0IEludDhBcnJheV0iLE1lPSJbb2JqZWN0IEludDE2QXJyYXldIiwkZT0iW29iamVjdCBJbnQzMkFycmF5XSIsQmU9IltvYmplY3QgVWludDhBcnJheV0iLFRlPSJbb2JqZWN0IFVpbnQ4Q2xhbXBlZEFycmF5XSIsa2U9IltvYmplY3QgVWludDE2QXJyYXldIixDZT0iW29iamVjdCBVaW50MzJBcnJheV0iO2Z1bmN0aW9uIERlKHQscixlKXt2YXIgbixvPXQuY29uc3RydWN0b3I7c3dpdGNoKHIpe2Nhc2UgUGU6cmV0dXJuIGhlKHQpO2Nhc2UgZ2U6Y2FzZSBPZTpyZXR1cm4gbmV3IG8oK3QpO2Nhc2UgSWU6cmV0dXJuIGZ1bmN0aW9uKHQscil7dmFyIGU9cj9oZSh0LmJ1ZmZlcik6dC5idWZmZXI7cmV0dXJuIG5ldyB0LmNvbnN0cnVjdG9yKGUsdC5ieXRlT2Zmc2V0LHQuYnl0ZUxlbmd0aCl9KHQsZSk7Y2FzZSBFZTpjYXNlIEZlOmNhc2UgVWU6Y2FzZSBNZTpjYXNlICRlOmNhc2UgQmU6Y2FzZSBUZTpjYXNlIGtlOmNhc2UgQ2U6cmV0dXJuIGZ1bmN0aW9uKHQscil7dmFyIGU9cj9oZSh0LmJ1ZmZlcik6dC5idWZmZXI7cmV0dXJuIG5ldyB0LmNvbnN0cnVjdG9yKGUsdC5ieXRlT2Zmc2V0LHQubGVuZ3RoKX0odCxlKTtjYXNlIHdlOnJldHVybiBuZXcgbztjYXNlIG1lOmNhc2UgU2U6cmV0dXJuIG5ldyBvKHQpO2Nhc2UgQWU6cmV0dXJuIGZ1bmN0aW9uKHQpe3ZhciByPW5ldyB0LmNvbnN0cnVjdG9yKHQuc291cmNlLGplLmV4ZWModCkpO3JldHVybiByLmxhc3RJbmRleD10Lmxhc3RJbmRleCxyfSh0KTtjYXNlIHhlOnJldHVybiBuZXcgbztjYXNlIHplOnJldHVybiBuPXQsX2U/T2JqZWN0KF9lLmNhbGwobikpOnt9fX12YXIgTmU9T2JqZWN0LmNyZWF0ZSxSZT1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKHIpe2lmKCFfKHIpKXJldHVybnt9O2lmKE5lKXJldHVybiBOZShyKTt0LnByb3RvdHlwZT1yO3ZhciBlPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAsZX19KCksVmU9UmU7dmFyIFdlPVdyJiZXci5pc01hcCxMZT1XZT9EcihXZSk6ZnVuY3Rpb24odCl7cmV0dXJuIHkodCkmJiJbb2JqZWN0IE1hcF0iPT1NdCh0KX07dmFyIHFlPVdyJiZXci5pc1NldCxHZT1xZT9EcihxZSk6ZnVuY3Rpb24odCl7cmV0dXJuIHkodCkmJiJbb2JqZWN0IFNldF0iPT1NdCh0KX0sS2U9MSxIZT0yLEplPTQsUWU9IltvYmplY3QgQXJndW1lbnRzXSIsWGU9IltvYmplY3QgRnVuY3Rpb25dIixZZT0iW29iamVjdCBHZW5lcmF0b3JGdW5jdGlvbl0iLFplPSJbb2JqZWN0IE9iamVjdF0iLHRuPXt9O2Z1bmN0aW9uIHJuKHIsZSxuLG8sdSxjKXt2YXIgYSxpPWUmS2UsZj1lJkhlLGw9ZSZKZTtpZihuJiYoYT11P24ocixvLHUsYyk6bihyKSksdm9pZCAwIT09YSlyZXR1cm4gYTtpZighXyhyKSlyZXR1cm4gcjt2YXIgcz10KHIpO2lmKHMpe2lmKGE9ZnVuY3Rpb24odCl7dmFyIHI9dC5sZW5ndGgsZT1uZXcgdC5jb25zdHJ1Y3RvcihyKTtyZXR1cm4gciYmInN0cmluZyI9PXR5cGVvZiB0WzBdJiZ5ZS5jYWxsKHQsImluZGV4IikmJihlLmluZGV4PXQuaW5kZXgsZS5pbnB1dD10LmlucHV0KSxlfShyKSwhaSlyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT0tMSxuPXQubGVuZ3RoO2ZvcihyfHwocj1BcnJheShuKSk7KytlPG47KXJbZV09dFtlXTtyZXR1cm4gcn0ocixhKX1lbHNle3ZhciBwPU10KHIpLGI9cD09WGV8fHA9PVllO2lmKGtyKHIpKXJldHVybiBmdW5jdGlvbih0LHIpe2lmKHIpcmV0dXJuIHQuc2xpY2UoKTt2YXIgZT10Lmxlbmd0aCxuPXJlP3JlKGUpOm5ldyB0LmNvbnN0cnVjdG9yKGUpO3JldHVybiB0LmNvcHkobiksbn0ocixpKTtpZihwPT1aZXx8cD09UWV8fGImJiF1KXtpZihhPWZ8fGI/e306ZnVuY3Rpb24odCl7cmV0dXJuImZ1bmN0aW9uIiE9dHlwZW9mIHQuY29uc3RydWN0b3J8fGJ0KHQpP3t9OlZlKGllKHQpKX0ociksIWkpcmV0dXJuIGY/ZnVuY3Rpb24odCxyKXtyZXR1cm4gUHIodCxsZSh0KSxyKX0ocixmdW5jdGlvbih0LHIpe3JldHVybiB0JiZQcihyLFhyKHIpLHQpfShhLHIpKTpmdW5jdGlvbih0LHIpe3JldHVybiBQcih0LGNlKHQpLHIpfShyLGZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlByKHIsSHIociksdCl9KGEscikpfWVsc2V7aWYoIXRuW3BdKXJldHVybiB1P3I6e307YT1EZShyLHAsaSl9fWN8fChjPW5ldyB3cik7dmFyIHk9Yy5nZXQocik7aWYoeSlyZXR1cm4geTtjLnNldChyLGEpLEdlKHIpP3IuZm9yRWFjaCgoZnVuY3Rpb24odCl7YS5hZGQocm4odCxlLG4sdCxyLGMpKX0pKTpMZShyKSYmci5mb3JFYWNoKChmdW5jdGlvbih0LG8pe2Euc2V0KG8scm4odCxlLG4sbyxyLGMpKX0pKTt2YXIgdj1zP3ZvaWQgMDoobD9mP2JlOnBlOmY/WHI6SHIpKHIpO3JldHVybiBmdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8biYmITEhPT1yKHRbZV0sZSx0KTspO30odnx8ciwoZnVuY3Rpb24odCxvKXt2JiYodD1yW289dF0pLHpyKGEsbyxybih0LGUsbixvLHIsYykpfSkpLGF9dG5bUWVdPXRuWyJbb2JqZWN0IEFycmF5XSJdPXRuWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPXRuWyJbb2JqZWN0IERhdGFWaWV3XSJdPXRuWyJbb2JqZWN0IEJvb2xlYW5dIl09dG5bIltvYmplY3QgRGF0ZV0iXT10blsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09dG5bIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPXRuWyJbb2JqZWN0IEludDhBcnJheV0iXT10blsiW29iamVjdCBJbnQxNkFycmF5XSJdPXRuWyJbb2JqZWN0IEludDMyQXJyYXldIl09dG5bIltvYmplY3QgTWFwXSJdPXRuWyJbb2JqZWN0IE51bWJlcl0iXT10bltaZV09dG5bIltvYmplY3QgUmVnRXhwXSJdPXRuWyJbb2JqZWN0IFNldF0iXT10blsiW29iamVjdCBTdHJpbmddIl09dG5bIltvYmplY3QgU3ltYm9sXSJdPXRuWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09dG5bIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09dG5bIltvYmplY3QgVWludDE2QXJyYXldIl09dG5bIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsdG5bIltvYmplY3QgRXJyb3JdIl09dG5bWGVdPXRuWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIGVuPTEsbm49NDtmdW5jdGlvbiBvbih0KXtyZXR1cm4gcm4odCxlbnxubil9ZnVuY3Rpb24gdW4odCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBjbih0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX12YXIgYW49IltvYmplY3QgQm9vbGVhbl0iO2Z1bmN0aW9uIGZuKHQpe3JldHVybiEwPT09KHI9dCl8fCExPT09cnx8eShyKSYmYihyKT09YW47dmFyIHJ9ZnVuY3Rpb24gbG4odCxyPW51bGwsZT17fSl7QShyKXx8KHI9dD0+dCk7bGV0IG49c3QoZSwiZm9yY2UiLCExKTtyZXR1cm4gZm4obil8fChuPSExKSxmdW5jdGlvbih0LHIsZT0hMSl7bGV0IG49W107aWYoIXVuKHQpJiYhY24odCkpcmV0dXJuIHIodCxudWxsLFtdKTtmdW5jdGlvbiBvKHQpe2lmKHVuKHQpKXJldHVybiBPcihlcih0KSk7aWYoY24odCkpe2xldCByPU9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzKHQpLG49bnVsbDtyZXR1cm4gZSYmKG49T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyh0KSksdW4ocil8fChyPVtdKSx1bihuKXx8KG49W10pLFsuLi5yLC4uLm5dfXJldHVybiB0fXJldHVybiBmdW5jdGlvbiB0KGUsdSl7aWYodW4oZSkpcmV0dXJuIG8oZSkubWFwKChvPT57bGV0IHU9ZVtvXSxjPW9uKG4pO3JldHVybiBuLnB1c2gobyksdT1yKHUsbyxjKSx1PXQodSksbi5wb3AoKSx1fSkpO2lmKGNuKGUpKXtsZXQgdT1vKGUpLGM9e307cmV0dXJuIHUubWFwKChvPT57bGV0IHU9ZVtvXSxhPW9uKG4pO24ucHVzaChvKSx1PXIodSxvLGEpLHU9dCh1KSxuLnBvcCgpLGNbb109dX0pKSxjfXJldHVybiBlfSh0KX0odCxyLG4pfWZ1bmN0aW9uIHNuKHQpe3JldHVybiEoIWZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IFN0cmluZ10iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KXx8IiI9PT10KX1mdW5jdGlvbiBwbih0LHI9e30pe2lmKHVuKHQpKXtpZigwPT09dC5sZW5ndGgpcmV0dXJuW119ZWxzZXtpZighY24odCkpcmV0dXJuW107aWYoZnVuY3Rpb24odCl7aWYoY24odCkpe2ZvcihsZXQgciBpbiB0KXJldHVybiExO3JldHVybiEwfXJldHVybiExfSh0KSlyZXR1cm5bXX1sZXQgZT1zdChyLCJiaW5kS2V5IixudWxsKTtzbihlKXx8KGU9ImlkIik7bGV0IG49c3QociwiYmluZENoaWxkcmVuIixudWxsKTtzbihuKXx8KG49ImNoaWxkcmVuIik7bGV0IG89ITE7Y24odCkmJihvPSEwLHQ9W3RdKTtsZXQgdT1bXTtyZXR1cm4gbG4odCwoKHQscixvKT0+e2xldCBjPXN0KHQsZSxudWxsKSxhPXN0KHQsbixudWxsKTtpZihjKXtsZXQgZT1mdW5jdGlvbih0KXtsZXQgcj1bdFswXV07Zm9yKGxldCBlPTE7ZTx0Lmxlbmd0aDtlKyspe2xldCBvPXRbZV07ci5wdXNoKG4pLHIucHVzaChvKX1yZXR1cm4gcn0oWy4uLm8scl0pO2lmKHUucHVzaCh7Li4udCxsZXZlbDooZXIoZSktMSkvMixuazplfSksYSlyZXR1cm4gYX19KSksbyYmKHU9dVswXSksdX1sZXQgZmxhdHRlblRyZWVXaz1hc3luYyBmdW5jdGlvbih0LHI9e30pe3JldHVybiBwbih0LHIpfTsKCgpsZXQgaW5zdGFuY2UgPSBudWxsCmZ1bmN0aW9uIGluaXQoaW5wdXQpewoKICAgIC8vaW5pdAogICAgbGV0IHIKICAgIAogICAgICAgIHIgPSB7CiAgICAgICAgICAgIG1haW46IGZsYXR0ZW5UcmVlV2sKICAgICAgICB9CiAgICAgICAgCgogICAgLy9vbgogICAgCgogICAgLy9zYXZlCiAgICBpbnN0YW5jZSA9IHIKCn0KCmZ1bmN0aW9uIHNlbmRNZXNzYWdlKGRhdGEpIHsKICAgIAogICAgICAgIHNlbGYucG9zdE1lc3NhZ2UoZGF0YSkKICAgICAgICAKfQoKYXN5bmMgZnVuY3Rpb24gcnVuKGRhdGEpIHsKICAgIC8vIGNvbnNvbGUubG9nKCdpbm5lciB3b3JrZXIgcnVuJyxkYXRhKQoKICAgIC8vbW9kZQogICAgbGV0IG1vZGUgPSBkYXRhLm1vZGUKCiAgICAvL2NoZWNrCiAgICBpZihtb2RlICE9PSAnaW5pdCcgJiYgbW9kZSAhPT0gJ2NhbGwnKXsKICAgICAgICByZXR1cm4KICAgIH0KCiAgICAvL2luaXQKICAgIGlmKG1vZGUgPT09ICdpbml0Jyl7CiAgICAgICAgCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy90eXBlCiAgICAgICAgICAgIGxldCB0eXBlID0gZGF0YS50eXBlCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKICAgIAogICAgICAgICAgICAvL2luc3RhbmNlCiAgICAgICAgICAgIGlmKHR5cGUgPT09ICdmdW5jdGlvbicpewogICAgICAgICAgICAgICAgaW5pdCguLi5pbnB1dCkKICAgICAgICAgICAgfQogICAgICAgICAgICBlbHNlIGlmKHR5cGUgPT09ICdvYmplY3QnKXsKICAgICAgICAgICAgICAgIGluc3RhbmNlID0gZmxhdHRlblRyZWVXawogICAgICAgICAgICB9CgogICAgICAgIH0KICAgICAgICBjYXRjaChlcnIpewogICAgICAgIAogICAgICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgICAgIGxldCByZXMgPSB7CiAgICAgICAgICAgICAgICBtb2RlOiAnZW1pdCcsCiAgICAgICAgICAgICAgICBldk5hbWU6ICdlcnJvcicsCiAgICAgICAgICAgICAgICBtc2c6IGVyciwKICAgICAgICAgICAgfQogICAgICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgICAgIH0KICAgICAgICAgICAgCiAgICB9CgogICAgLy9jaGVjawogICAgaWYobW9kZSA9PT0gJ2NhbGwnKXsKICAgICAgICBsZXQgc3RhdGUgPSAnJwogICAgICAgIGxldCBtc2cgPSBudWxsCgogICAgICAgIHRyeXsKCiAgICAgICAgICAgIC8vZnVuCiAgICAgICAgICAgIGxldCBmdW4gPSBpbnN0YW5jZVtkYXRhLmZ1bl0KCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAoKICAgICAgICAgICAgLy9leGVjCiAgICAgICAgICAgIGF3YWl0IGZ1biguLi5pbnB1dCkKICAgICAgICAgICAgICAgIC50aGVuKChzdWMpID0+IHsKICAgICAgICAgICAgICAgICAgICBzdGF0ZT0nc3VjY2VzcycKICAgICAgICAgICAgICAgICAgICBtc2c9c3VjCiAgICAgICAgICAgICAgICB9KQogICAgICAgICAgICAgICAgLmNhdGNoKChlcnIpID0+IHsKICAgICAgICAgICAgICAgICAgICBzdGF0ZT0nZXJyb3InCiAgICAgICAgICAgICAgICAgICAgbXNnPWVycgogICAgICAgICAgICAgICAgfSkKCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgICAgIHN0YXRlID0gJ2Vycm9yJwogICAgICAgICAgICBtc2cgPSBlcnIKICAgICAgICB9CiAgICAgICAgCiAgICAgICAgLy9zZW5kTWVzc2FnZQogICAgICAgIGxldCByZXMgPSB7CiAgICAgICAgICAgIG1vZGU6ICdyZXR1cm4nLAogICAgICAgICAgICBpZDogZGF0YS5pZCwKICAgICAgICAgICAgZnVuOiBkYXRhLmZ1biwKICAgICAgICAgICAgc3RhdGUsCiAgICAgICAgICAgIG1zZywKICAgICAgICB9CiAgICAgICAgc2VuZE1lc3NhZ2UocmVzKQoKICAgIH0KCn0KCmZ1bmN0aW9uIHJlY3ZNZXNzYWdlKGRhdGEpIHsKICAgIC8vIGNvbnNvbGUubG9nKCdpbm5lciB3b3JrZXIgcmVjdjonLCBkYXRhKQoKICAgIC8vZGF0YVJlY3YKICAgIGxldCBkYXRhUmVjdiA9IGRhdGEKCiAgICAvL3J1bgogICAgcnVuKGRhdGFSZWN2KQoKfQoKCiAgICAgICAgc2VsZi5vbm1lc3NhZ2UgPSBmdW5jdGlvbiAoZSkgewogICAgICAgICAgICByZWN2TWVzc2FnZShlLmRhdGEpCiAgICAgICAgfQogICAgICAgIAoKdHJ5ewogICAgcHJvY2Vzcy5vbigndW5oYW5kbGVkUmVqZWN0aW9uJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmhhbmRsZWRSZWplY3Rpb24nLCBlcnIpCiAgICB9KQogICAgcHJvY2Vzcy5vbigndW5jYXVnaHRFeGNlcHRpb24nLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uJywgZXJyKQogICAgfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5jYXVnaHRFeGNlcHRpb25Nb25pdG9yJywgZXJyKQogICAgfSkKfQpjYXRjaChlcnIpe30KCg==");function e(){let e=new om,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(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,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}im=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(py){}var lm=im;function am(n){let e=Tn(n,"clientX",null),t=Tn(n,"clientY",null),r=Tn(n,"pageX",null),o=Tn(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=Tn(n,"changedTouches",[]);if(1!==di(i))return null;let l=i[0];return{clientX:Tn(l,"clientX",null),clientY:Tn(l,"clientY",null),pageX:Tn(l,"pageX",null),pageY:Tn(l,"pageY",null)}}function dm(n,e){if(!Oi(n))return null;if(!An(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function sm(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,r=null,o=null,i=null,l=null,a=!1,d=Tn(n,"attIdentify",null);An(d)||(d="dragprevid");let s=Tn(n,"containerOpacity",null);yi(s)||(s=.4);let u=Tn(n,"containerBackground",null);An(u)||(u="white");let c=Tn(n,"containerBorderWidth",null);yi(c)||(c=1);let p=Tn(n,"containerBorderColor",null);An(p)||(p="#f26");let f=`c${Ni(8)}`;function h(n,e,t){r&&o&&i&&l&&!a&&(l.style.top=e-r.tShiftY+"px",l.style.left=n-r.tShiftX+"px")}function g(){Ud(`[${e}='${f}']`),r=null,o=null,i=null,l=null}let m=function(n){h(n.clientX,n.clientY)};window.addEventListener("mousemove",m);let v=function(n){let e=am(n);e&&h(e.clientX,e.clientY)};return window.addEventListener("touchmove",v),{createPreview:function(n,a,m){try{!function(){let g=function(n,e,r){let o=Pc(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===g)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(g);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=`${g.tWidth+2*c}px`,b.style.height=`${g.tHeight+2*c}px`,b.style.opacity=s,b.style.background=u,b.style.border=`${c}px solid ${p}`,b.style.pointerEvents="none",b.appendChild(y),document.querySelector("body").appendChild(b),r=g,o=v,i=y,l=b,h(a,m)}()}catch(n){}let v=setInterval((()=>{let n=dm(t,d);document.querySelector(`[${d}='${n}']`)||(clearInterval(v),g())}),500)},updateDragPreview:h,pauseDragPreview:function(n){a=n},removeDragPreview:g,setNodeStyle:function(n){try{De(n,((n,e)=>{r.style[e]=n}))}catch(n){}},setCoverStyle:function(n){try{De(n,((n,e)=>{o.style[e]=n}))}catch(n){}},setSellStyle:function(n){try{De(n,((n,e)=>{i.style[e]=n}))}catch(n){}},setContainerStyle:function(n){try{De(n,((n,e)=>{l.style[e]=n}))}catch(n){}},clear:function(){window.removeEventListener("mousemove",m),window.removeEventListener("touchmove",v)}}}let um={};function cm(n,e,t){let{attIdentify:r,previewOpacity:o,previewBackground:i,previewBorderWidth:l,previewBorderColor:a}=t;if(!Zn(um,n)){let e=ga(),t=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(){De(e,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}return{bind:t,unbind:r}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});t.bind();let d=sm({attIdentify:r,containerOpacity:o,containerBackground:i,containerBorderWidth:l,containerBorderColor:a});um[n]={eleIds:[],evg:e,oevg:t,pv:d,isInit:!1,isActive:!0}}return um[n].eleIds.push(e),um[n].evg}function pm(n,e,t){let r=null;return De(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(dm(n,e)===t)return r=n,!1})),r}function fm(n,e,t){let r=null,o=am(n);return o?(De(function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(o.clientX,o.clientY),(n=>{if(dm(n,e)===t)return r=n,!1})),r):r}function hm(n,e){let t=dm(n,e);return t=Vr(t),t}function gm(n){let{gid:e,attGroup:t,attIndex:r,attIdentify:o,timeDragStartDelay:i,previewOpacity:l,previewDisabledOpacity:a}=n,d=null,s=null,u=null,c=null;if(um[e].isInit)return um[e].evg;um[e].isInit=!0;let p=um[e].evg;p.on(e+"-dragStart",(function(n){let{e:t,ele:l,from:u}=n;if(!um[e].isActive)return;let c=hm(l,r);if(null===c)return;d=c,s=l;let h={event:t,startInd:d,startEle:s,tarInd:d,tarEid:dm(s,o)};p.emit(e+"-change",{mode:"start",...h}),p.emit(e+"-start",h);let g=am(t);if(!g)return;setTimeout((()=>{null!==d&&(f.createPreview(s,g.clientX,g.clientY),f.setContainerStyle({opacity:a}))}),i)})),p.on(e+"-dragMove",(function(n){let{e:i,name:h,from:g}=n;if(!um[e].isActive)return;let m=pm(i,t,e);if(null===d)return;let v=am(i);if(!v)return;function y(){let n={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o)};p.emit(e+"-change",{mode:"leave",...n}),p.emit(e+"-leave",n),u=null,c=null,f.setContainerStyle({opacity:a})}if(!m)return void(null!==u&&y());let b=hm(m,r);if(null===b)return;if(b===d)return void(null!==u&&y());if(b!==u)null!==u&&y(),function(n,t){u=n,c=t;let r={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o)};p.emit(e+"-change",{mode:"enter",...r}),p.emit(e+"-enter",r),f.setContainerStyle({opacity:l})}(b,m);else{let n=function(n,e){if(!Di(n))return null;if(!yi(n.clientX)||!yi(n.clientY))return null;if(!Oi(e))return null;let t=Pc(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(v,m),t=0;n.w>0&&(t=n.x/n.w);let r=0;n.h>0&&(r=n.y/n.h),t>=0&&t<=1&&r>=0&&r<=1&&function(n,t,r){let a={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o),...n,rx:t,ry:r};p.emit(e+"-change",{mode:"move",...a}),p.emit(e+"-move",a),f.setContainerStyle({opacity:l})}(n,t,r)}})),p.on(e+"-dragDrop",(function(n){let{e:i,name:l,from:a}=n;if(f.removeDragPreview(),!um[e].isActive)return;if(null===d)return;let h=fm(i,t,e);if(!h)return d=null,s=null,u=null,void(c=null);let g=hm(h,r);if(null===g)return;(function(n,t){u=n,c=t;let r={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o)};p.emit(e+"-change",{mode:"drop",...r}),p.emit(e+"-drop",r)})(g,h),d=null,s=null,u=null,c=null}));let f=um[e].pv}function mm(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Oi(n))return void console.log("ele is not a HTMLElement",n);let t=Tn(e,"attIdentify",null);An(t)||(t="dragid");let r=Tn(e,"attIndex",null);An(r)||(r="dragindex");let o=Tn(e,"attGroup",null);An(o)||(o="draggroup");let i=Tn(e,"group",null);An(i)||(i="group");let l=Tn(e,"previewOpacity",null);yi(l)||(l=.4);let a=Tn(e,"previewDisabledOpacity",null);yi(a)||(a=.2);let d=Tn(e,"previewBackground",null);An(d)||(d="white");let s=Tn(e,"previewBorderWidth",null);yi(s)||(s=1);let u=Tn(e,"previewBorderColor",null);An(u)||(u="#f26");let c=Tn(e,"timeDragStartDelay",null);yi(c)||(c=120);let p=`c${Ni(8)}`,f=i;n.setAttribute(o,f),n.setAttribute(t,p);let h=cm(f,p,{attIdentify:t,previewOpacity:l,previewBackground:d,previewBorderWidth:s,previewBorderColor:u}),g=function(n,e,t,r){let o=[];return{bind:function(){let t;t="mousedown";let r=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,r,!1),o.push({ele:n,name:t,f:r}),t="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),o.push({ele:n,name:t,f:i}),t="touchmove";let l=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(t,l,!1),o.push({ele:n,name:t,f:l})},unbind:function(){De(o,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}}}(n,{dragStart:n=>{h.emit(f+"-dragStart",n)},dragMove:n=>{h.emit(f+"-dragMove",n)}});g.bind(),gm({gid:f,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:c,previewOpacity:l,previewDisabledOpacity:a});let m=ga();return h.on(i+"-change",(n=>{n.tarEid===p&&m.emit("change",n)})),h.on(i+"-start",(n=>{n.tarEid===p&&m.emit("start",n)})),h.on(i+"-move",(n=>{n.tarEid===p&&m.emit("move",n)})),h.on(i+"-enter",(n=>{n.tarEid===p&&m.emit("enter",n)})),h.on(i+"-leave",(n=>{n.tarEid===p&&m.emit("leave",n)})),h.on(i+"-drop",(n=>{n.tarEid===p&&m.emit("drop",n)})),m.setIsActive=function(n){um[f].isActive=n},m.unbind=function(){g.unbind(),function(n,e){let t=um[n],r=pa(t.eleIds);cs(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete um[n])}(f,p)},m}function vm(){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=Tn(r,"value");if(l=Di(l),!l)return;let a=Tn(r,"value.group");if(!An(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=mm(t,{group:a,attIdentify:Tn(r,"value.attIdentify"),attGroup:Tn(r,"value.attGroup"),attIndex:Tn(r,"value.attIndex"),previewOpacity:Tn(r,"value.previewOpacity"),previewDisabledOpacity:Tn(r,"value.previewDisabledOpacity"),previewBackground:Tn(r,"value.previewBackground"),previewBorderWidth:Tn(r,"value.previewBorderWidth"),previewBorderColor:Tn(r,"value.previewBorderColor"),timeDragStartDelay:Tn(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${Ni()}`;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 ym(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 bm(n,e){var t=!0;return ze(n,(function(n,r,o){return t=!!e(n,r,o)})),t}function Cm(n,e,t){var r=u(n)?ym:bm;return t&&Do(n,e,t)&&(e=void 0),r(n,ar(e))}const xm={directives:{domresize:ma()},components:{WPanelScrollyCore:lg},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 Sm=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)};Sm._withStripped=!0;const Im=t({render:Sm,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})}),xm,"data-v-1626f0ce",false,undefined,!1,o,void 0,void 0);const wm={directives:{domripple:ns()},components:{WIcon:ls},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=Ye(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${Qd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return ui(this.backgroundColor)},effBackgroundColorHover:function(){return ui(this.backgroundColorHover)},effBackgroundActive:function(){return ui(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return ui(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 ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},effTextActive:function(){return ui(this.textColorActive)},effTextColorDisabled:function(){return ui(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 ui(this.iconColor)},effIconColorHover:function(){return ui(this.iconColorHover)},effIconActive:function(){return ui(this.iconColorActive)},effIconColorDisabled:function(){return ui(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 ui(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var km=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)])};km._withStripped=!0;const Tm=t({render:km,staticRenderFns:[]},(function(n){n&&n("data-v-4d1777c6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})}),wm,"data-v-4d1777c6",false,undefined,!1,o,void 0,void 0);var Bm={directives:{domresize:ma()},components:{WPanelScrolly:Im,WListItem:Tm},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!==di(this.items)&&Cm(this.items,(n=>Bn(n)))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=Tn(e,"$refs.refHeader");Oi(r)&&(t=r.offsetHeight);let o=0,i=Tn(e,"$refs.refFooter");Oi(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?Tn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return Tn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Qc(n,e.itemActiveTrans)),t},getEditable:function(n){return Tn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(An(n.queryTrans))for(let t=0;t<di(n.items);t++){let r=n.items[t],o=!1;if(je(n.funFilter))o=n.funFilter(r,t),_r(o)&&(o=await o);else{let e=Wr(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(r):Ka(r),t=t.toLowerCase();for(let n=0;n<di(e);n++){let r=e[n];if(t.indexOf(r)>=0){o=!0;break}}}o&&e.push(pa(r))}else e=pa(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 Hm=Bm;var Am=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)])};Am._withStripped=!0;const Wm=t({render:Am,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})}),Hm,"data-v-e0a8f594",false,undefined,!1,o,void 0,void 0);var Fm={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 Tn({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?ui(n.iconColor):ui(n.iconDisabledColor)},useIconBackgroundColor:function(){return ui(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return ui(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};const Zm=Fm;var Xm=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",{staticStyle:{padding:"1px"}},[t("div",{staticClass:"cc circle",style:"transition:all 0.5s; 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)])])};Xm._withStripped=!0;const Pm=t({render:Xm,staticRenderFns:[]},(function(n){n&&n("data-v-3ff0a738_0",{source:"\n.caretRight[data-v-3ff0a738] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-3ff0a738] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-3ff0a738] {\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:";AA+LA;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 style="padding:1px;">\r\n                            <div\r\n                                class="cc circle"\r\n                                :style="`transition:all 0.5s; background:${useIconBackgroundColor};`"\r\n                                @mouseenter="mouseenter"\r\n                                @mouseleave="mouseleave"\r\n                            >\r\n                                \x3c!-- 圖標稍微偏左1px得強制移動 --\x3e\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                        </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})}),Zm,"data-v-3ff0a738",false,undefined,!1,o,void 0,void 0);const Rm={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?ui(n.checkedDisabledColor):"unchecked"===n.mode?ui(n.uncheckedDisabledColor):ui(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?ui(n.uncheckedColor):ui(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?ui(n.checkedColor):ui(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?ui(n.checkedPartiallyColor):ui(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Lm=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 -1 24 23"}},[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 -1 24 23"}},[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 -1 24 23"}},[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+";"})])])])])])};Lm._withStripped=!0;const zm=t({render:Lm,staticRenderFns:[]},(function(n){n&&n("data-v-180cf748_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Rm,"data-v-180cf748",false,undefined,!1,o,void 0,void 0);let Vm=qh();var Nm={directives:{domdragdrop:vm(),domripple:ns()},components:{WDynamicList:cg,WButtonCircle:Qu,WButtonChip:Eu,WText:Ip,WPopup:zc,WDialog:Ah,WListVertical:Wm,WTreeIconToggle:Pm,WTreeIconCheckbox:zm,Teleport:s},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..."},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:Na},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:Wa},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:Za},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:Xa},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:Mh(),mmkey:Ni(),viewHeightMaxTrans:2,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&&Vm.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 yi(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=Tn(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.filterKeyWordsDebounce(),""},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:${Qd(this.paddingStyle)};`},useItemTextColor:function(){return ui(this.itemTextColor)},useItemBackgroundColor:function(){return ui(this.itemBackgroundColor)},useItemTextColorHover:function(){return ui(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return ui(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return ui(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return ui(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return ui(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return ui(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return ui(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return ui(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return ui(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 ui(this.editorRenameContentBackgroundColor)},useEditorFooterBackgroundColor:function(){return ui(this.editorRenameFooterBackgroundColor)}},methods:{getEmitData:function(n,e){return{event:n,ele:Tn(n,"currentTarget",null),row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(yi(e.viewHeightMax))return;let t=Tn(n,"height");yi(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:async function(n){return sr(await lm(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(!Ge(n)&&!Bn(n)){return"data is not an array or object"}null!==e.mmkey&&Vm.remove(e.mmkey),n=pa(n);let t=await e.getRowsFromData(n);Vm.set(e.mmkey,t),await $r((()=>void 0!==e.$refs.wdl),{timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterKeyWords()})().catch((n=>{console.log(n)}))},getText:function(n){let e=Tn(n,this.keyText,"");return e=Ka(e),e},getEditable:function(n){return!Tn(n,this.keyLocked,!1)},isKey:function(n){return An(n)||Fn(n)},getUseActivable:function(n){let e=this;if(!e.activable)return!1;let t=!0;if(je(e.funActive)&&(t=e.funActive(e.getEmitData({},n)),!Ln(t)))throw new Error("funActive return value is not a boolean");return t},getTextColor:function(n){let e=this,t=Tn(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=Tn(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=Tn(e,"row.item"),o=Tn(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=Tn(e,"row.item"),o=!0;if(je(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=Tn(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(Qc(n.selectionsTrans,n.selections))return;await $r((()=>void 0!==n.$refs.wdl),{timeInterval:20});let t={fun:function(t){let r={};De(t,((e,o)=>{let i=Tn(e,`row.item.${n.keyPrimary}`);if(Zn(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"})),De(pa(n.selections),(o=>{let i=o[n.keyPrimary],l=r[i];if(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",pa(e))})().catch((n=>{console.log(n)}))},addSelection:function(n,e){let t=this,r=Tn(e,t.keyPrimary,null);if(null!==r){if(!Zg(n,{[t.keyPrimary]:r})){let r={};De(e,((n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=pa(n))})),n.push(r)}}},removeSelection:function(n,e){let t=this,r=Tn(e,t.keyPrimary,null);if(null!==r){Zg(n,{[t.keyPrimary]:r})&&function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=ar(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}Vg(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 Vm.get(this.mmkey)},getLevelDiff:function(n){let e=Vm.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=Tn(n,`${e}.item.level`,null),r=Tn(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=Tn(n,`${e}.row.item.level`,null),r=Tn(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Fr(n)&&Fr(e)?e-n:0},getLevel:function(n){return Tn(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,t){let l=Tn(n,`${e}.row.item.level`,null);if(null!==l)for(let t=e+1;t<n.length;t++){let e=Tn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(l>=e)break;let a=i();n[t].displayShow=a;let d=r.getLevelDiffFromItems(n,t);if(d>0){let e=Tn(n,`${t}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=jg(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=Tn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=Tn(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=mg(o),o=jg(o),De(o,(e=>{t.toggleItemsCore(n,e,!0)}))},defaultToggleItems:function(){let n=this;(async function(){if(!yi(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=Vr(n.defaultDisplayLevelTrans);De(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),De(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=Tn(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=Tn(r,`${o}.row.unfolding`,null);null!==i?(Ln(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(!je(n))return;let e=n(this.getRows());_r(e)&&(e=await e);let t=Tn(e,"row");if(!Di(t))return void console.log("invalid row",t);let r=Tn(e,"toUnfolding");Ln(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:Kr(mg(o),"-")}},getParentIndex:function(n,e){let t=Tn(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=Tn(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=Tn(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=Tn(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=Tn(e,i,null),a=Tn(l,"row.checked",""),d=function(n){let t=Tn(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:Tn(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=Tn(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:Tn(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=Tn(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:Tn(e,`${o}.row.checked`,"")})}let o=di(r),i=0,l=0;return De(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=pa(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=Tn(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",pa(t))})().catch((n=>{console.log(n)}))},filterKeyWordsCore:async function(n){let e=this;if(e.useDraggableOrOperatable)return Promise.resolve();if(e.filterKeywordsTransTemp===e.filterKeywordsTrans)return Promise.resolve();e.filterKeywordsTransTemp=e.filterKeywordsTrans;let t=0;if(0===di(e.filterKeywordsTrans)){for(let e=0;e<n.length;e++)n[e].filterShow=!0;t=n.length}else{let r=Wr(e.filterKeywordsTrans.toLowerCase()," "),o={};for(let i=0;i<n.length;i++){let l=!1;if(je(e.funFilter))l=e.funFilter(n[i].row.item,r),_r(l)&&(l=await l);else{let t=e.getText(n[i].row.item);t=t.toLowerCase();for(let n=0;n<r.length;n++){let e=r[n];if(t.indexOf(e)>=0){l=!0;break}}}if(l){n[i].filterShow=!0;let r=e.getAllParentIndex(n,i);""!==r.path&&(Zn(o,r.path)||(De(r.inds,(e=>{n[e].filterShow=!0})),o[r.path]=r)),t++}else n[i].filterShow=!1}}return t},filterKeyWords:function(){let n=this;(async function(){if(!n.$refs.wdl)return;if(n.filtering)return;n.filtering=!0;let e=-1,t={fun:async function(t){e=await n.filterKeyWordsCore(t)}};n.$refs.wdl.setSearchingResults(-1),n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.$refs.wdl&&n.$refs.wdl.setSearchingResults(e),n.filtering=!1})().catch((n=>{console.log(n)}))},filterKeyWordsDebounce:function(){let n=this;n.dbc((()=>{n.filterKeyWords()}))},deleteItem:function(n,e){if(0===di(e))throw new Error("invalid nk");if(1===di(e))Gg(n,e);else{let t=jg(e),r=Rg(e),o=Tn(n,t,[]);Gg(o,[r])}},getPathInfors:function(n,e){let t=this,r=[];for(let o=0;o<di(e);o++){if(e[o]===t.keyChildren)continue;let i=[];for(let n=0;n<=o;n++)i.push(e[n]);let l=Tn(n,i),a={};De(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=Vm.get(o.mmkey),l=pa(o.data),a=i[n],d=i[e],s=a.item.nk,u=d.item.nk,c=pa(Tn(l,s)),p=o.getPathInfors(l,s),f=[],h=s,g=[];if("forward"===t&&o.deleteItem(l,s),"before"===r||"after"===r){let n,e=Rg(u)[0];if(1===di(u))n=l;else{let e=jg(u);n=Tn(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,c);let t=jg(u);t=[...t,e],g=t,f=o.getPathInfors(l,t)}else if("belongto"===r){let n=[...u,o.keyChildren],e=Tn(l,n,[]);e.push(c),Sg(l,n,e);let t=[...n,di(e)-1];g=t,f=o.getPathInfors(l,t)}"backward"===t&&o.deleteItem(l,s),o.$nextTick((()=>{o.$emit("update:data",pa(l)),o.$emit("change-item",{from:"drag",mode:"move",dir:t,kind:r,nkOri:h,pathInforsOri:p,nkNew:g,pathInforsNew:f})}))},getUseOperateItems:function(n){let e=this;if(!e.operatable)return[];let t=null;if(je(e.funOperateItem)){let r=e.funOperateItem(e.getEmitData({},n));if(!Ln(r)&&!Ge(r))throw new Error("funOperateItem return value is not a boolean or an array");!0===r?t=e.operateItems:!1===r?t=[]:(t=[],De(r,(n=>{let r=Zg(e.operateItems,{key:n});Di(r)&&t.push(r)})))}else t=e.operateItems;return t},getUseOperatable:function(n){return di(this.getUseOperateItems(n))>0},getOperatePanelHeight:function(n){let e=this,t="";if(Fn(e.operatePanelHeight))t=`height:${e.operatePanelHeight}px;`;else if(An(e.operatePanelHeight))t=`height:${e.operatePanelHeight};`;else if(Fn(e.operateItemHeight)){let r=Zr(e.operateItemHeight);t=`height:${di(e.getUseOperateItems(n))*r}px;`}return t},operateItem:async function(n,e,t){let r=this;await async function(){let o=Vm.get(r.mmkey),i=pa(r.data),l=o[n],a=l.item.nk,d="",s=[],u=[],c=[],p=[];if("Delete"===e)d="self",c=a,s=r.getPathInfors(i,a),r.deleteItem(i,a),p=[],u=[];else if("Rename"===e){if(r.editorRenameData=i,r.editorRenameItem=Tn(l,"item",{}),r.editorRenameInputText=Tn(l,`item.${r.keyText}`,""),"save"!==await r.showEditor())return;d="self",c=a,s=r.getPathInfors(r.data,a),i=r.editorRenameData,p=c,u=r.getPathInfors(i,a)}else{if(!je(t))throw new Error("invalid fun");let n=t();if(_r(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=[],s=[];let e,t=Rg(a)[0];if(1===di(a))e=i;else{let n=jg(a);e=Tn(i,n,[])}"before"===o||"after"===o&&(t+=1),e.splice(t,0,n);let l=jg(a);l=[...l,t],p=l,u=r.getPathInfors(i,l)}else if("belongto"===o){c=[],s=[];let e=[...a,r.keyChildren],t=Tn(i,e,[]);t.push(n),Sg(i,e,t);let o=[...e,di(t)-1];p=o,u=r.getPathInfors(i,o)}}r.$nextTick((()=>{r.$emit("update:data",pa(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:s,nkNew:p,pathInforsNew:u})}))}().catch((n=>{console.log(n)}))},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Ni()}`),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 di(n)>=di(e)&&function(n,e){let t=cc([di(n),di(e)]);return Qc(Pg(n,t),Pg(e,t))}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=Vm.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=Tn(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Zr(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){Sg(n,e,t),this.setData(n)},saveRename:function(){let n=this,e=[...Tn(n.editorRenameItem,"nk",[]),n.keyText],t=n.editorRenameInputText;Sg(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=Xn();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 Dm=Nm;var Gm=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,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)};Gm._withStripped=!0;const jm=t({render:Gm,staticRenderFns:[]},(function(n){n&&n("data-v-a3691466_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Dm,"data-v-a3691466",false,undefined,!1,o,void 0,void 0);var Km={directives:{domresize:ma()},components:{WIcon:ls,WTree:jm,WListVertical:Wm,WDrawer:Vh,WButtonChip:Eu,WButtonCircle:Qu},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:Ra},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:Ra},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:Ha},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:Na},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:Za},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:Xa},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 ui(this.treeBackgroundColor)},effListBackgroundColor:function(){return ui(this.listBackgroundColor)},effPathBackgroundColor:function(){return ui(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return ui(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return ui(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return ui(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return ui(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return ui(this.listItemIconColor)},effListItemIconColorHover:function(){return ui(this.listItemIconColorHover)},effListItemIconColorActive:function(){return ui(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return ui(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=Qd(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){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!rs(n))return[];if(1===di(n))return n;let t=Tn(e,"localeCompare");Ln(t)||(t=!1);let r=Tn(e,"returnIndex");Ln(r)||(r=!1);let o=Tn(e,"compareKey",null),i=null;i=t?xg:Cg;let l,a=yg(n);if(""===a)return[];if("obj"===a){if(!An(o))return[];let e=sr(n,((n,e)=>Tn(n,o,""))),a=yg(e);if("num"!==a&&"str"!==a)return[];{t&&(a="files");let o=i(bg(e,a),!0);l=r?o:sr(o,(e=>n[e]))}}else"num"!==a&&"str"!==a||(t&&(a="files"),l=i(bg(n,a),r));return l}(n,{compareKey:"text",localeCompare:!0}),je(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=Xg(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=Tn(n,"isHover");Ln(t)||(t=!1);let r=Tn(n,"isActive");return Ln(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=Tn(n,"isHover");Ln(t)||(t=!1);let r=Tn(n,"isActive");return Ln(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=sr(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=Tn(t.treeItems,r),i=`${r}.children`,l=Tn(t.treeItems,i);t.listFolder(l);let a=Tn(o,"pathInfors",[]);t.pathInfors=a},ckTreeFolder:function(n){let e=this,t=Tn(n,"data",null),r=Tn(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=Tn(n,"item.data",null),r=Tn(n,"item.data.id","");"folder"===Tn(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=Tn(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(!je(n))return;let t=[];De(e.kpPath,(n=>{let r=Tn(e.treeItems,n,"");t.push(r)}));let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});_r(r)&&(r=await r);let o=Tn(r,"id");An(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return Tn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=di(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=Tn(n,e,{}),o=Tn(r,"text","");if(!An(o))throw new Error("node.text is not a string");let i=Tn(n,t,{}),l="/"+Kr([...Tn(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=pa(e.itemsTrans),r.push(o)}else if("delete"===n.mode){let o=t(n.pathInforsOri),i=di(o.path),l=pa(e.itemsTrans);r=[],De(l,(n=>{ja(n.path,i)!==o.path&&r.push(n)}))}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,o=n.pathInforsNew,i="/"+Kr(sr(t,"text"),"/"),l=di(i),a="/"+Kr(sr(o,"text"),"/");r=pa(e.itemsTrans),r=sr(r,(n=>{if(ja(n.path,l)===i){let e=Gr(n.path,l);n.path=a+e}return n}))}r=(n=>{let t=di(e.bindRoot)+1;return n=sr(n,(n=>(n.path=Gr(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 Ym=Km;var _m=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)};_m._withStripped=!0;const $m=t({render:_m,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})}),Ym,"data-v-23417630",false,undefined,!1,o,void 0,void 0);const Em={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var Mm=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)};Mm._withStripped=!0;const Om=t({render:Mm,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})}),Em,"data-v-203dff40",false,undefined,!1,o,void 0,void 0);const Jm={components:{WGroupBaggageItem:Om},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 ui(this.connLineColor)},effTagTextColor:function(){return ui(this.tagTextColor)},effTagTextColorHover:function(){return ui(this.tagTextColorHover)},effTagBorderColor:function(){return ui(this.tagBorderColor)},effTagBorderColorHover:function(){return ui(this.tagBorderColorHover)},effTagBackgroundColor:function(){return ui(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return ui(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${Qd(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},effContentTextColor:function(){return ui(this.contentTextColor)},effContentTextColorHover:function(){return ui(this.contentTextColorHover)},effContentBorderColor:function(){return ui(this.contentBorderColor)},effContentBorderColorHover:function(){return ui(this.contentBorderColorHover)},effContentBackgroundColor:function(){return ui(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return ui(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${Qd(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=Ye(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return yi(n)?`width:${n}px; min-width:${n}px; max-width:${n}px;`:""},getTag:function(n){return Tn(n,this.keyTag,"")},getText:function(n){return Tn(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 Qm=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)};Qm._withStripped=!0;const Um=t({render:Qm,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})}),Jm,"data-v-992f831a",false,undefined,!1,o,void 0,void 0);const qm={directives:{domdragdrop:vm()},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!==di(this.itemsTrans)&&Cm(this.itemsTrans,(n=>Bn(n)))}},methods:{getForKey:function(n){let e=this,t=null;return t=je(e.keyBinder)?e.keyBinder(n):e.isObjValue?Eh(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Ni()}`),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=pa(e.itemsTrans);if(t>r){let n=Gg(o,t)[0];o.splice(r,0,n)}else{let n=pa(o[t]);o.splice(r+1,0,n),Gg(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}e.$nextTick((()=>{e.$emit("dragdrop",n)}))}}};var nv=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)};nv._withStripped=!0;const ev=t({render:nv,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})}),qm,"data-v-c444ef32",false,undefined,!1,o,void 0,void 0);var tv={components:{WButtonCircle:Qu},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:Tn,itemsTrans:[]}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=pa(n.items),t=sr(e,(e=>{let t=function(e){let t;return t=n.multiCheck?Uc(n.value,e):Qc(e,n.value),t}(e);return{active:t,hover:!1}})),r=sr(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 ui(this.seplineColor)},useShadow:function(){let n=this;return n.shadow&&An(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=Yo(n=Ye(n,"}","{"),"{");return r=sr(r,(n=>{if(n.indexOf(e)>=0){let e=Wr(n,"=")[1];return e=Fn(e)?Zr(e):.2,function(n,e){let t=ui(n),r=Ed.toRgba(t);return r.a=e,Ed.toRgbaString(r)}(t,e)}return n})),Kr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{getBorderRadiusStyle:function(n){let e=di(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=pa(e.value);if(n.active){let e=[];De(t,(t=>{Qc(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 rv=tv;var ov=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)])])};ov._withStripped=!0;const iv=t({render:ov,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})}),rv,"data-v-848ff9d4",false,undefined,!1,o,void 0,void 0);const lv={components:{WGroupIconCheck:iv},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 av=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))};av._withStripped=!0;const dv=t({render:av,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})}),lv,"data-v-0c54f846",false,undefined,!1,o,void 0,void 0);const sv={components:{WPopup:zc,WTextCore:Cp,WDynamicList:cg,WIcon:ls},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:za},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 di(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Bn(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)},useItemBackgroundColor:function(){return ui(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return ui(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useItemTextColor:function(){return ui(this.itemTextColor)},useItemTextColorHover:function(){return ui(this.itemTextColorHover)},useItemPadding:function(){return`padding:${Qd(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return ui(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Bn(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=Tn(n,"showPanel",null),o=Tn(n,"focused",null);setTimeout((()=>{Ln(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),Ln(r)&&t.showPanelTrans!==r&&(di(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))}),20)}}};var uv=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)})};uv._withStripped=!0;const cv=t({render:uv,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})}),sv,"data-v-102853a6",false,undefined,!1,o,void 0,void 0);const pv={directives:{domresize:ma()},components:{WShellEllipse:cp,WTextSuggestCore:cv},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=Qd(e.paddingStyle,{returnObj:!0}).bottom-2,r=Tn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return Bn(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 fv=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)};fv._withStripped=!0;const hv=t({render:fv,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})}),pv,"data-v-70d0e212",false,undefined,!1,o,void 0,void 0);var gv={directives:{domdragdrop:vm()},components:{WButtonChip:Eu,WTextSuggest:hv},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:Va},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:Va},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:Tn,o2j:Eh,mdiPlusCircle:Va,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=pa(n.value),n.itemActiveTrans=pa(n.valueActive),""},isObjValue:function(){return 0!==di(this.itemsTrans)&&Cm(this.itemsTrans,(n=>Bn(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:${Qd(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Ni()}`),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=Tn(n,e,null)),r||(r=Tn(t,e,null)),r},isActive:function(n){return!!this.enableActive&&Qc(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=pa(e.itemsTrans);if(t>r){let n=Gg(o,t)[0];o.splice(r,0,n)}else{let n=pa(o[t]);o.splice(r+1,0,n),Gg(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}},getSuggestText:function(n){let e=this;return Bn(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(""===Ar(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick((()=>{n.$emit("click-add",n.userInput),n.userInput=""}));else{if(di(Ci(n.itemsTrans,(e=>Qc(e,n.userInput))))>=1)return void n.$nextTick((()=>{n.$emit("error","duplicate values"),n.userInput=""}));n.$nextTick((()=>{n.itemsTrans.push(Ar(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""}))}}},pull:function(n,e){let t=[];return De(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=Xn(),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 mv=gv;var vv=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)};vv._withStripped=!0;const yv=t({render:vv,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})}),mv,"data-v-38e0b664",false,undefined,!1,o,void 0,void 0);var bv={components:{WIconLoading:fi},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(){eo(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 Di(this.options)},isGenDone:function(){return""!==this.b64}},methods:{plot:function(){let n=this;(async function(){if(await $r((()=>void 0!==n.$el)),!n.isEff)return;if(n.isGenDone)return;let e=Tn(n,"$el.offsetWidth"),t=Tn(n,"$el.offsetHeight");if(!yi(e)||!yi(t))return;if(e<=0||t<=0||n.scale<=0)return;if(!je(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 Cv=bv;var xv=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)};xv._withStripped=!0;const Sv=t({render:xv,staticRenderFns:[]},(function(n){n&&n("data-v-103739aa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Cv,"data-v-103739aa",false,undefined,!1,o,void 0,void 0);const Iv={components:{WIconLoading:fi},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;eo(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),ro().use(t,{Highcharts:n})}n.cmpName="Highcharts"}))},computed:{},methods:{}};var wv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};wv._withStripped=!0;const kv=t({render:wv,staticRenderFns:[]},(function(n){n&&n("data-v-e04675ce_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Iv,"data-v-e04675ce",false,undefined,!1,o,void 0,void 0);const Tv={components:{WIconLoading:fi},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;eo(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),ro().use(t)}n.cmpName="Highstock"}))},computed:{},methods:{}};var Bv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Bv._withStripped=!0;const Hv=t({render:Bv,staticRenderFns:[]},(function(n){n&&n("data-v-2e846b32_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Tv,"data-v-2e846b32",false,undefined,!1,o,void 0,void 0);var Av=4294967295,Wv=Math.min;function Fv(n,e){if((n=Jn(n))<1||n>9007199254740991)return[];var t=Av,r=Wv(n,Av);e=Ne(e),n-=Av;for(var o=te(r,e);++t<n;)e(t);return o}var Zv={};
+     */var kp,Tp,Bp=9e15,Hp=1e9,Ap="0123456789abcdef",Wp="2.3025850929940456840179914546843642076011014886287729760333279009675726096773524802359972050895982983419677840422862486334095254650828067566662873690987816894829072083255546808437998948262331985283935053089653777326288461633662222876982198867465436674744042432743651550489343149393914796194044002221051017141748003688084012647080685567743216228355220114804663715659121373450747856947683463616792101806445070648000277502684916746550586856935673420670581136429224554405758925724208241314695689016758940256776311356919292033376587141660230105703089634572075440370847469940168269282808481184289314848524948644871927809676271275775397027668605952496716674183485704422507197965004714951050492214776567636938662976979522110718264549734772662425709429322582798502585509785265383207606726317164309505995087807523710333101197857547331541421808427543863591778117054309827482385045648019095610299291824318237525357709750539565187697510374970888692180205189339507238539205144634197265287286965110862571492198849978748873771345686209167058",Fp="3.1415926535897932384626433832795028841971693993751058209749445923078164062862089986280348253421170679821480865132823066470938446095505822317253594081284811174502841027019385211055596446229489549303819644288109756659334461284756482337867831652712019091456485669234603486104543266482133936072602491412737245870066063155881748815209209628292540917153643678925903600113305305488204665213841469519415116094330572703657595919530921861173819326117931051185480744623799627495673518857527248912279381830119491298336733624406566430860213949463952247371907021798609437027705392171762931767523846748184676694051320005681271452635608277857713427577896091736371787214684409012249534301465495853710507922796892589235420199561121290219608640344181598136297747713099605187072113499999983729780499510597317328160963185950244594553469083026425223082533446850352619311881710100031378387528865875332083814206171776691473035982534904287554687311595628638823537875937519577818577805321712268066130019278766111959092164201989380952572010654858632789",Zp={precision:20,rounding:4,modulo:1,toExpNeg:-7,toExpPos:21,minE:-Bp,maxE:Bp,crypto:!1},Xp=!0,Pp="[DecimalError] ",Rp=Pp+"Invalid argument: ",Lp=Pp+"Precision limit exceeded",zp=Pp+"crypto unavailable",Vp="[object Decimal]",Np=Math.floor,Dp=Math.pow,Gp=/^0b([01]+(\.[01]*)?|\.[01]+)(p[+-]?\d+)?$/i,jp=/^0x([0-9a-f]+(\.[0-9a-f]*)?|\.[0-9a-f]+)(p[+-]?\d+)?$/i,Kp=/^0o([0-7]+(\.[0-7]*)?|\.[0-7]+)(p[+-]?\d+)?$/i,Yp=/^(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i,_p=1e7,$p=7,Ep=Wp.length-1,Mp=Fp.length-1,Op={toStringTag:Vp};function Jp(n){var e,t,r,o=n.length-1,i="",l=n[0];if(o>0){for(i+=l,e=1;e<o;e++)r=n[e]+"",(t=$p-r.length)&&(i+=df(t)),i+=r;l=n[e],(t=$p-(r=l+"").length)&&(i+=df(t))}else if(0===l)return"0";for(;l%10==0;)l/=10;return i+l}function Qp(n,e,t){if(n!==~~n||n<e||n>t)throw Error(Rp+n)}function Up(n,e,t,r){var o,i,l,a;for(i=n[0];i>=10;i/=10)--e;return--e<0?(e+=$p,o=0):(o=Math.ceil((e+1)/$p),e%=$p),i=Dp(10,$p-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)==Dp(10,e-2)-1||(a==i/2||0==a)&&0==(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)==Dp(10,e-3)-1,l}function qp(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]+=Ap.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()}Op.absoluteValue=Op.abs=function(){var n=new this.constructor(this);return n.s<0&&(n.s=1),ef(n)},Op.ceil=function(){return ef(new this.constructor(this),this.e+1,2)},Op.clampedTo=Op.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(Rp+e);return t.cmp(n)<0?n:t.cmp(e)>0?e:new r(t)},Op.comparedTo=Op.cmp=function(n){var e,t,r,o,i=this,l=i.d,a=(n=new i.constructor(n)).d,d=i.s,s=n.s;if(!l||!a)return d&&s?d!==s?d:l===a?0:!l^d<0?1:-1:NaN;if(!l[0]||!a[0])return l[0]?d:a[0]?-s:0;if(d!==s)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},Op.cosine=Op.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())+$p,r.rounding=1,t=function(n,e){var t,r,o;if(e.isZero())return e;r=e.d.length,r<32?o=(1/yf(4,t=Math.ceil(r/3))).toString():(t=16,o="2.3283064365386962890625e-10");n.precision+=t,e=vf(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,bf(r,t)),r.precision=n,r.rounding=e,ef(2==Tp||3==Tp?t.neg():t,n,e,!0)):new r(1):new r(NaN)},Op.cubeRoot=Op.cbrt=function(){var n,e,t,r,o,i,l,a,d,s,u=this,c=u.constructor;if(!u.isFinite()||u.isZero())return new c(u);for(Xp=!1,(i=u.s*Dp(u.s*u,1/3))&&Math.abs(i)!=1/0?r=new c(i.toString()):(t=Jp(u.d),(i=((n=u.e)-t.length+1)%3)&&(t+=1==i||-2==i?"0":"00"),i=Dp(t,1/3),n=Np((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=u.s),l=(n=c.precision)+3;;)if(s=(d=(a=r).times(a).times(a)).plus(u),r=nf(s.plus(u).times(a),s.plus(d),l+2,1),Jp(a.d).slice(0,l)===(t=Jp(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))||(ef(r,n+1,1),e=!r.times(r).times(r).eq(u));break}if(!o&&(ef(a,n+1,0),a.times(a).times(a).eq(u))){r=a;break}l+=4,o=1}return Xp=!0,ef(r,n,c.rounding,e)},Op.decimalPlaces=Op.dp=function(){var n,e=this.d,t=NaN;if(e){if(t=((n=e.length-1)-Np(this.e/$p))*$p,n=e[n])for(;n%10==0;n/=10)t--;t<0&&(t=0)}return t},Op.dividedBy=Op.div=function(n){return nf(this,new this.constructor(n))},Op.dividedToIntegerBy=Op.divToInt=function(n){var e=this.constructor;return ef(nf(this,new e(n),0,1,1),e.precision,e.rounding)},Op.equals=Op.eq=function(n){return 0===this.cmp(n)},Op.floor=function(){return ef(new this.constructor(this),this.e+1,3)},Op.greaterThan=Op.gt=function(n){return this.cmp(n)>0},Op.greaterThanOrEqualTo=Op.gte=function(n){var e=this.cmp(n);return 1==e||0===e},Op.hyperbolicCosine=Op.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/yf(4,n=Math.ceil(o/3))).toString():(n=16,e="2.3283064365386962890625e-10"),i=vf(l,1,i.times(e),new l(1),!0);for(var d,s=n,u=new l(8);s--;)d=i.times(i),i=a.minus(d.times(u.minus(d.times(u))));return ef(i,l.precision=t,l.rounding=r,!0)},Op.hyperbolicSine=Op.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=vf(i,2,o,o,!0);else{n=(n=1.4*Math.sqrt(r))>16?16:0|n,o=vf(i,2,o=o.times(1/yf(5,n)),o,!0);for(var l,a=new i(5),d=new i(16),s=new i(20);n--;)l=o.times(o),o=o.times(a.plus(l.times(d.times(l).plus(s))))}return i.precision=e,i.rounding=t,ef(o,e,t,!0)},Op.hyperbolicTangent=Op.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,nf(t.sinh(),t.cosh(),r.precision=n,r.rounding=e)):new r(t.s)},Op.inverseCosine=Op.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()?lf(e,r,o):new e(0):new e(NaN):n.isZero()?lf(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))},Op.inverseHyperbolicCosine=Op.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,Xp=!1,t=t.times(t).minus(1).sqrt().plus(t),Xp=!0,r.precision=n,r.rounding=e,t.ln()):new r(t)},Op.inverseHyperbolicSine=Op.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,Xp=!1,t=t.times(t).plus(1).sqrt().plus(t),Xp=!0,r.precision=n,r.rounding=e,t.ln())},Op.inverseHyperbolicTangent=Op.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?ef(new i(o),n,e,!0):(i.precision=t=r-o.e,o=nf(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)},Op.inverseSine=Op.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=lf(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)))},Op.inverseTangent=Op.atan=function(){var n,e,t,r,o,i,l,a,d,s=this,u=s.constructor,c=u.precision,p=u.rounding;if(s.isFinite()){if(s.isZero())return new u(s);if(s.abs().eq(1)&&c+4<=Mp)return(l=lf(u,c+4,p).times(.25)).s=s.s,l}else{if(!s.s)return new u(NaN);if(c+4<=Mp)return(l=lf(u,c+4,p).times(.5)).s=s.s,l}for(u.precision=a=c+10,u.rounding=1,n=t=Math.min(28,a/$p+2|0);n;--n)s=s.div(s.times(s).plus(1).sqrt().plus(1));for(Xp=!1,e=Math.ceil(a/$p),r=1,d=s.times(s),l=new u(s),o=s;-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)),Xp=!0,ef(l,u.precision=c,u.rounding=p,!0)},Op.isFinite=function(){return!!this.d},Op.isInteger=Op.isInt=function(){return!!this.d&&Np(this.e/$p)>this.d.length-2},Op.isNaN=function(){return!this.s},Op.isNegative=Op.isNeg=function(){return this.s<0},Op.isPositive=Op.isPos=function(){return this.s>0},Op.isZero=function(){return!!this.d&&0===this.d[0]},Op.lessThan=Op.lt=function(n){return this.cmp(n)<0},Op.lessThanOrEqualTo=Op.lte=function(n){return this.cmp(n)<1},Op.logarithm=Op.log=function(n){var e,t,r,o,i,l,a,d,s=this,u=s.constructor,c=u.precision,p=u.rounding;if(null==n)n=new u(10),e=!0;else{if(t=(n=new u(n)).d,n.s<0||!t||!t[0]||n.eq(1))return new u(NaN);e=n.eq(10)}if(t=s.d,s.s<0||!t||!t[0]||s.eq(1))return new u(t&&!t[0]?-1/0:1!=s.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(Xp=!1,l=ff(s,a=c+5),r=e?of(u,a+10):ff(n,a),Up((d=nf(l,r,a,1)).d,o=c,p))do{if(l=ff(s,a+=10),r=e?of(u,a+10):ff(n,a),d=nf(l,r,a,1),!i){+Jp(d.d).slice(o+1,o+15)+1==1e14&&(d=ef(d,c+1,0));break}}while(Up(d.d,o+=10,p));return Xp=!0,ef(d,c,p)},Op.minus=Op.sub=function(n){var e,t,r,o,i,l,a,d,s,u,c,p,f=this,h=f.constructor;if(n=new h(n),!f.d||!n.d)return f.s&&n.s?f.d?n.s=-n.s:n=new h(n.d||f.s!==n.s?f:NaN):n=new h(NaN),n;if(f.s!=n.s)return n.s=-n.s,f.plus(n);if(s=f.d,p=n.d,a=h.precision,d=h.rounding,!s[0]||!p[0]){if(p[0])n.s=-n.s;else{if(!s[0])return new h(3===d?-0:0);n=new h(f)}return Xp?ef(n,a,d):n}if(t=Np(n.e/$p),u=Np(f.e/$p),s=s.slice(),i=u-t){for((c=i<0)?(e=s,i=-i,l=p.length):(e=p,t=u,l=s.length),i>(r=Math.max(Math.ceil(a/$p),l)+2)&&(i=r,e.length=1),e.reverse(),r=i;r--;)e.push(0);e.reverse()}else{for((c=(r=s.length)<(l=p.length))&&(l=r),r=0;r<l;r++)if(s[r]!=p[r]){c=s[r]<p[r];break}i=0}for(c&&(e=s,s=p,p=e,n.s=-n.s),l=s.length,r=p.length-l;r>0;--r)s[l++]=0;for(r=p.length;r>i;){if(s[--r]<p[r]){for(o=r;o&&0===s[--o];)s[o]=_p-1;--s[o],s[r]+=_p}s[r]-=p[r]}for(;0===s[--l];)s.pop();for(;0===s[0];s.shift())--t;return s[0]?(n.d=s,n.e=rf(s,t),Xp?ef(n,a,d):n):new h(3===d?-0:0)},Op.modulo=Op.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]?ef(new r(t),r.precision,r.rounding):(Xp=!1,9==r.modulo?(e=nf(t,n.abs(),0,3,1)).s*=n.s:e=nf(t,n,0,r.modulo,1),e=e.times(n),Xp=!0,t.minus(e))},Op.naturalExponential=Op.exp=function(){return pf(this)},Op.naturalLogarithm=Op.ln=function(){return ff(this)},Op.negated=Op.neg=function(){var n=new this.constructor(this);return n.s=-n.s,ef(n)},Op.plus=Op.add=function(n){var e,t,r,o,i,l,a,d,s,u,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(s=c.d,u=n.d,a=p.precision,d=p.rounding,!s[0]||!u[0])return u[0]||(n=new p(c)),Xp?ef(n,a,d):n;if(i=Np(c.e/$p),r=Np(n.e/$p),s=s.slice(),o=i-r){for(o<0?(t=s,o=-o,l=u.length):(t=u,r=i,l=s.length),o>(l=(i=Math.ceil(a/$p))>l?i+1:l+1)&&(o=l,t.length=1),t.reverse();o--;)t.push(0);t.reverse()}for((l=s.length)-(o=u.length)<0&&(o=l,t=u,u=s,s=t),e=0;o;)e=(s[--o]=s[o]+u[o]+e)/_p|0,s[o]%=_p;for(e&&(s.unshift(e),++r),l=s.length;0==s[--l];)s.pop();return n.d=s,n.e=rf(s,r),Xp?ef(n,a,d):n},Op.precision=Op.sd=function(n){var e,t=this;if(void 0!==n&&n!==!!n&&1!==n&&0!==n)throw Error(Rp+n);return t.d?(e=af(t.d),n&&t.e+1>e&&(e=t.e+1)):e=NaN,e},Op.round=function(){var n=this,e=n.constructor;return ef(new e(n),n.e+1,e.rounding)},Op.sine=Op.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())+$p,r.rounding=1,t=function(n,e){var t,r=e.d.length;if(r<3)return e.isZero()?e:vf(n,2,e,e);t=(t=1.4*Math.sqrt(r))>16?16:0|t,e=e.times(1/yf(5,t)),e=vf(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,bf(r,t)),r.precision=n,r.rounding=e,ef(Tp>2?t.neg():t,n,e,!0)):new r(NaN)},Op.squareRoot=Op.sqrt=function(){var n,e,t,r,o,i,l=this,a=l.d,d=l.e,s=l.s,u=l.constructor;if(1!==s||!a||!a[0])return new u(!s||s<0&&(!a||a[0])?NaN:a?l:1/0);for(Xp=!1,0==(s=Math.sqrt(+l))||s==1/0?(((e=Jp(a)).length+d)%2==0&&(e+="0"),s=Math.sqrt(e),d=Np((d+1)/2)-(d<0||d%2),r=new u(e=s==1/0?"5e"+d:(e=s.toExponential()).slice(0,e.indexOf("e")+1)+d)):r=new u(s.toString()),t=(d=u.precision)+3;;)if(r=(i=r).plus(nf(l,i,t+2,1)).times(.5),Jp(i.d).slice(0,t)===(e=Jp(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))||(ef(r,d+1,1),n=!r.times(r).eq(l));break}if(!o&&(ef(i,d+1,0),i.times(i).eq(l))){r=i;break}t+=4,o=1}return Xp=!0,ef(r,d,u.rounding,n)},Op.tangent=Op.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=nf(t,new r(1).minus(t.times(t)).sqrt(),n+10,0),r.precision=n,r.rounding=e,ef(2==Tp||4==Tp?t.neg():t,n,e,!0)):new r(NaN)},Op.times=Op.mul=function(n){var e,t,r,o,i,l,a,d,s,u=this,c=u.constructor,p=u.d,f=(n=new c(n)).d;if(n.s*=u.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=Np(u.e/$p)+Np(n.e/$p),(d=p.length)<(s=f.length)&&(i=p,p=f,f=i,l=d,d=s,s=l),i=[],r=l=d+s;r--;)i.push(0);for(r=s;--r>=0;){for(e=0,o=d+r;o>r;)a=i[o]+f[r]*p[o-r-1]+e,i[o--]=a%_p|0,e=a/_p|0;i[o]=(i[o]+e)%_p|0}for(;!i[--l];)i.pop();return e?++t:i.shift(),n.d=i,n.e=rf(i,t),Xp?ef(n,c.precision,c.rounding):n},Op.toBinary=function(n,e){return Cf(this,2,n,e)},Op.toDecimalPlaces=Op.toDP=function(n,e){var t=this,r=t.constructor;return t=new r(t),void 0===n?t:(Qp(n,0,Hp),void 0===e?e=r.rounding:Qp(e,0,8),ef(t,n+t.e+1,e))},Op.toExponential=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=tf(r,!0):(Qp(n,0,Hp),void 0===e?e=o.rounding:Qp(e,0,8),t=tf(r=ef(new o(r),n+1,e),!0,n+1)),r.isNeg()&&!r.isZero()?"-"+t:t},Op.toFixed=function(n,e){var t,r,o=this,i=o.constructor;return void 0===n?t=tf(o):(Qp(n,0,Hp),void 0===e?e=i.rounding:Qp(e,0,8),t=tf(r=ef(new i(o),n+o.e+1,e),!1,n+r.e+1)),o.isNeg()&&!o.isZero()?"-"+t:t},Op.toFraction=function(n){var e,t,r,o,i,l,a,d,s,u,c,p,f=this,h=f.d,g=f.constructor;if(!h)return new g(f);if(s=t=new g(1),r=d=new g(0),l=(i=(e=new g(r)).e=af(h)-f.e-1)%$p,e.d[0]=Dp(10,l<0?$p+l:l),null==n)n=i>0?e:s;else{if(!(a=new g(n)).isInt()||a.lt(s))throw Error(Rp+a);n=a.gt(e)?i>0?e:s:a}for(Xp=!1,a=new g(Jp(h)),u=g.precision,g.precision=i=h.length*$p*2;c=nf(a,e,0,1,1),1!=(o=t.plus(c.times(r))).cmp(n);)t=r,r=o,o=s,s=d.plus(c.times(o)),d=o,o=e,e=a.minus(c.times(o)),a=o;return o=nf(n.minus(t),r,0,1,1),d=d.plus(o.times(s)),t=t.plus(o.times(r)),d.s=s.s=f.s,p=nf(s,r,i,1).minus(f).abs().cmp(nf(d,t,i,1).minus(f).abs())<1?[s,r]:[d,t],g.precision=u,Xp=!0,p},Op.toHexadecimal=Op.toHex=function(n,e){return Cf(this,16,n,e)},Op.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:Qp(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]?(Xp=!1,t=nf(t,n,0,e,1).times(n),Xp=!0,ef(t)):(n.s=t.s,t=n),t},Op.toNumber=function(){return+this},Op.toOctal=function(n,e){return Cf(this,8,n,e)},Op.toPower=Op.pow=function(n){var e,t,r,o,i,l,a=this,d=a.constructor,s=+(n=new d(n));if(!(a.d&&n.d&&a.d[0]&&n.d[0]))return new d(Dp(+a,s));if((a=new d(a)).eq(1))return a;if(r=d.precision,i=d.rounding,n.eq(1))return ef(a,r,i);if((e=Np(n.e/$p))>=n.d.length-1&&(t=s<0?-s:s)<=9007199254740991)return o=sf(d,a,t,r),n.s<0?new d(1).div(o):ef(o,r,i);if((l=a.s)<0){if(e<n.d.length-1)return new d(NaN);if(0==(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=Dp(+a,s))&&isFinite(t)?new d(t+"").e:Np(s*(Math.log("0."+Jp(a.d))/Math.LN10+a.e+1)))>d.maxE+1||e<d.minE-1?new d(e>0?l/0:0):(Xp=!1,d.rounding=a.s=1,t=Math.min(12,(e+"").length),(o=pf(n.times(ff(a,r+t)),r)).d&&Up((o=ef(o,r+5,1)).d,r,i)&&(e=r+10,+Jp((o=ef(pf(n.times(ff(a,e+t)),e),e+5,1)).d).slice(r+1,r+15)+1==1e14&&(o=ef(o,r+1,0))),o.s=l,Xp=!0,d.rounding=i,ef(o,r,i))},Op.toPrecision=function(n,e){var t,r=this,o=r.constructor;return void 0===n?t=tf(r,r.e<=o.toExpNeg||r.e>=o.toExpPos):(Qp(n,1,Hp),void 0===e?e=o.rounding:Qp(e,0,8),t=tf(r=ef(new o(r),n,e),n<=r.e||r.e<=o.toExpNeg,n)),r.isNeg()&&!r.isZero()?"-"+t:t},Op.toSignificantDigits=Op.toSD=function(n,e){var t=this.constructor;return void 0===n?(n=t.precision,e=t.rounding):(Qp(n,1,Hp),void 0===e?e=t.rounding:Qp(e,0,8)),ef(new t(this),n,e)},Op.toString=function(){var n=this,e=n.constructor,t=tf(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()&&!n.isZero()?"-"+t:t},Op.truncated=Op.trunc=function(){return ef(new this.constructor(this),this.e+1,1)},Op.valueOf=Op.toJSON=function(){var n=this,e=n.constructor,t=tf(n,n.e<=e.toExpNeg||n.e>=e.toExpPos);return n.isNeg()?"-"+t:t};var nf=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 s,u,c,p,f,h,g,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,u=r.e-o.e):(d=_p,f=$p,u=Np(r.e/f)-Np(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)&&u--,null==i?(S=i=A.precision,l=A.rounding):S=a?i+(r.e-o.e)+1:i,S<0)y.push(1),h=!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;h=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,(s=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==(s=e(g=n(Z,p,d),b,m=g.length,C=b.length))&&(p--,t(g,B<m?H:Z,m,d))):(0==p&&(s=p=1),g=Z.slice()),(m=g.length)<C&&g.unshift(0),t(b,g,C,d),-1==s&&(s=e(Z,b,B,C=b.length))<1&&(p++,t(b,B<C?H:Z,C,d)),C=b.length):0===s&&(p++,b=[0]),y[c++]=p,s&&b[0]?b[C++]=F[w]||0:(b=[F[w]],C=1)}while((w++<k||void 0!==b[0])&&S--);h=void 0!==b[0]}y[0]||y.shift()}if(1==f)v.e=u,kp=h;else{for(c=1,p=y[0];p>=10;p/=10)c++;v.e=c+u*f-1,ef(v,a?i+v.e+1:i,l,h)}return v}}();function ef(n,e,t,r){var o,i,l,a,d,s,u,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+=$p,l=e,d=(u=c[p=0])/Dp(10,o-l-1)%10|0;else if((p=Math.ceil((i+1)/$p))>=(a=c.length)){if(!r)break n;for(;a++<=p;)c.push(0);u=d=0,o=1,l=(i%=$p)-$p+1}else{for(u=a=c[p],o=1;a>=10;a/=10)o++;d=(l=(i%=$p)-$p+o)<0?0:u/Dp(10,o-l-1)%10|0}if(r=r||e<0||void 0!==c[p+1]||(l<0?u:u%Dp(10,o-l-1)),s=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?u/Dp(10,o-l):0:c[p-1])%10&1||t==(n.s<0?8:7)),e<1||!c[0])return c.length=0,s?(e-=n.e+1,c[0]=Dp(10,($p-e%$p)%$p),n.e=-e||0):c[0]=n.e=0,n;if(0==i?(c.length=p,a=1,p--):(c.length=p+1,a=Dp(10,$p-i),c[p]=l>0?(u/Dp(10,o-l)%Dp(10,l)|0)*a:0),s)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]==_p&&(c[0]=1));break}if(c[p]+=a,c[p]!=_p)break;c[p--]=0,a=1}for(i=c.length;0===c[--i];)c.pop()}return Xp&&(n.e>f.maxE?(n.d=null,n.e=NaN):n.e<f.minE&&(n.e=0,n.d=[0])),n}function tf(n,e,t){if(!n.isFinite())return hf(n);var r,o=n.e,i=Jp(n.d),l=i.length;return e?(t&&(r=t-l)>0?i=i.charAt(0)+"."+i.slice(1)+df(r):l>1&&(i=i.charAt(0)+"."+i.slice(1)),i=i+(n.e<0?"e":"e+")+n.e):o<0?(i="0."+df(-o-1)+i,t&&(r=t-l)>0&&(i+=df(r))):o>=l?(i+=df(o+1-l),t&&(r=t-o-1)>0&&(i=i+"."+df(r))):((r=o+1)<l&&(i=i.slice(0,r)+"."+i.slice(r)),t&&(r=t-l)>0&&(o+1===l&&(i+="."),i+=df(r))),i}function rf(n,e){var t=n[0];for(e*=$p;t>=10;t/=10)e++;return e}function of(n,e,t){if(e>Ep)throw Xp=!0,t&&(n.precision=t),Error(Lp);return ef(new n(Wp),e,1,!0)}function lf(n,e,t){if(e>Mp)throw Error(Lp);return ef(new n(Fp),e,t,!0)}function af(n){var e=n.length-1,t=e*$p+1;if(e=n[e]){for(;e%10==0;e/=10)t--;for(e=n[0];e>=10;e/=10)t++}return t}function df(n){for(var e="";n--;)e+="0";return e}function sf(n,e,t,r){var o,i=new n(1),l=Math.ceil(r/$p+4);for(Xp=!1;;){if(t%2&&xf((i=i.times(e)).d,l)&&(o=!0),0===(t=Np(t/2))){t=i.d.length-1,o&&0===i.d[t]&&++i.d[t];break}xf((e=e.times(e)).d,l)}return Xp=!0,i}function uf(n){return 1&n.d[n.d.length-1]}function cf(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 pf(n,e){var t,r,o,i,l,a,d,s=0,u=0,c=0,p=n.constructor,f=p.rounding,h=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?(Xp=!1,d=h):d=e,a=new p(.03125);n.e>-2;)n=n.times(a),c+=5;for(d+=r=Math.log(Dp(2,c))/Math.LN10*2+5|0,t=i=l=new p(1),p.precision=d;;){if(i=ef(i.times(n),d,1),t=t.times(++u),Jp((a=l.plus(nf(i,t,d,1))).d).slice(0,d)===Jp(l.d).slice(0,d)){for(o=c;o--;)l=ef(l.times(l),d,1);if(null!=e)return p.precision=h,l;if(!(s<3&&Up(l.d,d-r,f,s)))return ef(l,p.precision=h,f,Xp=!0);p.precision=d+=10,t=i=a=new p(1),u=0,s++}l=a}}function ff(n,e){var t,r,o,i,l,a,d,s,u,c,p,f=1,h=n,g=h.d,m=h.constructor,v=m.rounding,y=m.precision;if(h.s<0||!g||!g[0]||!h.e&&1==g[0]&&1==g.length)return new m(g&&!g[0]?-1/0:1!=h.s?NaN:g?0:h);if(null==e?(Xp=!1,u=y):u=e,m.precision=u+=10,r=(t=Jp(g)).charAt(0),!(Math.abs(i=h.e)<15e14))return s=of(m,u+2,y).times(i+""),h=ff(new m(r+"."+t.slice(1)),u-10).plus(s),m.precision=y,null==e?ef(h,y,v,Xp=!0):h;for(;r<7&&1!=r||1==r&&t.charAt(1)>3;)r=(t=Jp((h=h.times(n)).d)).charAt(0),f++;for(i=h.e,r>1?(h=new m("0."+t),i++):h=new m(r+"."+t.slice(1)),c=h,d=l=h=nf(h.minus(1),h.plus(1),u,1),p=ef(h.times(h),u,1),o=3;;){if(l=ef(l.times(p),u,1),Jp((s=d.plus(nf(l,new m(o),u,1))).d).slice(0,u)===Jp(d.d).slice(0,u)){if(d=d.times(2),0!==i&&(d=d.plus(of(m,u+2,y).times(i+""))),d=nf(d,new m(f),u,1),null!=e)return m.precision=y,d;if(!Up(d.d,u-10,v,a))return ef(d,m.precision=y,v,Xp=!0);m.precision=u+=10,s=l=h=nf(c.minus(1),c.plus(1),u,1),p=ef(h.times(h),u,1),o=a=1}d=s,o+=2}}function hf(n){return String(n.s*n.s/0)}function gf(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)%$p,t<0&&(r+=$p),r<o){for(r&&n.d.push(+e.slice(0,r)),o-=$p;r<o;)n.d.push(+e.slice(r,r+=$p));e=e.slice(r),r=$p-e.length}else r-=o;for(;r--;)e+="0";n.d.push(+e),Xp&&(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 mf(n,e){var t,r,o,i,l,a,d,s,u;if(e.indexOf("_")>-1){if(e=e.replace(/(\d)_(?=\d)/g,"$1"),Yp.test(e))return gf(n,e)}else if("Infinity"===e||"NaN"===e)return+e||(n.s=NaN),n.e=NaN,n.d=null,n;if(jp.test(e))t=16,e=e.toLowerCase();else if(Gp.test(e))t=2;else{if(!Kp.test(e))throw Error(Rp+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=sf(r,new r(t),i,2*i)),i=u=(s=qp(e,t,_p)).length-1;0===s[i];--i)s.pop();return i<0?new r(0*n.s):(n.e=rf(s,u),n.d=s,Xp=!1,l&&(n=nf(n,o,4*a)),d&&(n=n.times(Math.abs(d)<54?Dp(2,d):dh.pow(2,d))),Xp=!0,n)}function vf(n,e,t,r,o){var i,l,a,d,s=n.precision,u=Math.ceil(s/$p);for(Xp=!1,d=t.times(t),a=new n(r);;){if(l=nf(a.times(d),new n(e++*e++),s,1),a=o?r.plus(l):r.minus(l),r=nf(l.times(d),new n(e++*e++),s,1),void 0!==(l=a.plus(r)).d[u]){for(i=u;l.d[i]===a.d[i]&&i--;);if(-1==i)break}i=a,a=r,r=l,l=i}return Xp=!0,l.d.length=u+1,l}function yf(n,e){for(var t=n;--e;)t*=n;return t}function bf(n,e){var t,r=e.s<0,o=lf(n,n.precision,1),i=o.times(.5);if((e=e.abs()).lte(i))return Tp=r?4:1,e;if((t=e.divToInt(o)).isZero())Tp=r?3:2;else{if((e=e.minus(t.times(o))).lte(i))return Tp=uf(t)?r?2:3:r?4:1,e;Tp=uf(t)?r?1:4:r?3:2}return e.minus(o).abs()}function Cf(n,e,t,r){var o,i,l,a,d,s,u,c,p,f=n.constructor,h=void 0!==t;if(h?(Qp(t,1,Hp),void 0===r?r=f.rounding:Qp(r,0,8)):(t=f.precision,r=f.rounding),n.isFinite()){for(h?(o=2,16==e?t=4*t-3:8==e&&(t=3*t-2)):o=e,(l=(u=tf(n)).indexOf("."))>=0&&(u=u.replace(".",""),(p=new f(1)).e=u.length-l,p.d=qp(tf(p),10,o),p.e=p.d.length),i=d=(c=qp(u,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=nf(n,p,t,r,0,o)).d,i=n.e,s=kp),l=c[t],a=o/2,s=s||void 0!==c[t+1],s=r<4?(void 0!==l||s)&&(0===r||r===(n.s<0?3:2)):l>a||l===a&&(4===r||s||6===r&&1&c[t-1]||r===(n.s<0?8:7)),c.length=t,s)for(;++c[--t]>o-1;)c[t]=0,t||(++i,c.unshift(1));for(d=c.length;!c[d-1];--d);for(l=0,u="";l<d;l++)u+=Ap.charAt(c[l]);if(h){if(d>1)if(16==e||8==e){for(l=16==e?4:3,--d;d%l;d++)u+="0";for(d=(c=qp(u,o,e)).length;!c[d-1];--d);for(l=1,u="1.";l<d;l++)u+=Ap.charAt(c[l])}else u=u.charAt(0)+"."+u.slice(1);u=u+(i<0?"p":"p+")+i}else if(i<0){for(;++i;)u="0"+u;u="0."+u}else if(++i>d)for(i-=d;i--;)u+="0";else i<d&&(u=u.slice(0,i)+"."+u.slice(i))}else u=h?"0p+0":"0";u=(16==e?"0x":2==e?"0b":8==e?"0o":"")+u}else u=hf(n);return n.s<0?"-"+u:u}function xf(n,e){if(n.length>e)return n.length=e,!0}function Sf(n){return new this(n).abs()}function If(n){return new this(n).acos()}function wf(n){return new this(n).acosh()}function kf(n,e){return new this(n).plus(e)}function Tf(n){return new this(n).asin()}function Bf(n){return new this(n).asinh()}function Hf(n){return new this(n).atan()}function Af(n){return new this(n).atanh()}function Wf(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?lf(this,r,o):new this(0)).s=n.s:!n.d||e.isZero()?(t=lf(this,i,1).times(.5)).s=n.s:e.s<0?(this.precision=i,this.rounding=1,t=this.atan(nf(n,e,i,1)),e=lf(this,i,1),this.precision=r,this.rounding=o,t=n.s<0?t.minus(e):t.plus(e)):t=this.atan(nf(n,e,i,1)):(t=lf(this,i,1).times(e.s>0?.25:.75)).s=n.s:t=new this(NaN),t}function Ff(n){return new this(n).cbrt()}function Zf(n){return ef(n=new this(n),n.e+1,2)}function Xf(n,e,t){return new this(n).clamp(e,t)}function Pf(n){if(!n||"object"!=typeof n)throw Error(Pp+"Object expected");var e,t,r,o=!0===n.defaults,i=["precision",1,Hp,"rounding",0,8,"toExpNeg",-Bp,0,"toExpPos",0,Bp,"maxE",0,Bp,"minE",-Bp,0,"modulo",0,9];for(e=0;e<i.length;e+=3)if(t=i[e],o&&(this[t]=Zp[t]),void 0!==(r=n[t])){if(!(Np(r)===r&&r>=i[e+1]&&r<=i[e+2]))throw Error(Rp+t+": "+r);this[t]=r}if(t="crypto",o&&(this[t]=Zp[t]),void 0!==(r=n[t])){if(!0!==r&&!1!==r&&0!==r&&1!==r)throw Error(Rp+t+": "+r);if(r){if("undefined"==typeof crypto||!crypto||!crypto.getRandomValues&&!crypto.randomBytes)throw Error(zp);this[t]=!0}else this[t]=!1}return this}function Rf(n){return new this(n).cos()}function Lf(n){return new this(n).cosh()}function zf(n,e){return new this(n).div(e)}function Vf(n){return new this(n).exp()}function Nf(n){return ef(n=new this(n),n.e+1,3)}function Df(){var n,e,t=new this(0);for(Xp=!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 Xp=!0,new this(1/0);t=e}return Xp=!0,t.sqrt()}function Gf(n){return n instanceof dh||n&&n.toStringTag===Vp||!1}function jf(n){return new this(n).ln()}function Kf(n,e){return new this(n).log(e)}function Yf(n){return new this(n).log(2)}function _f(n){return new this(n).log(10)}function $f(){return cf(this,arguments,-1)}function Ef(){return cf(this,arguments,1)}function Mf(n,e){return new this(n).mod(e)}function Of(n,e){return new this(n).mul(e)}function Jf(n,e){return new this(n).pow(e)}function Qf(n){var e,t,r,o,i=0,l=new this(1),a=[];if(void 0===n?n=this.precision:Qp(n,1,Hp),r=Math.ceil(n/$p),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(zp);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(r=a[--i],n%=$p,r&&n&&(o=Dp(10,$p-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-=$p)a.shift();for(r=1,o=a[0];o>=10;o/=10)r++;r<$p&&(t-=$p-r)}return l.e=t,l.d=a,l}function Uf(n){return ef(n=new this(n),n.e+1,this.rounding)}function qf(n){return(n=new this(n)).d?n.d[0]?n.s:0*n.s:n.s||NaN}function nh(n){return new this(n).sin()}function eh(n){return new this(n).sinh()}function th(n){return new this(n).sqrt()}function rh(n,e){return new this(n).sub(e)}function oh(){var n=0,e=arguments,t=new this(e[n]);for(Xp=!1;t.s&&++n<e.length;)t=t.plus(e[n]);return Xp=!0,ef(t,this.precision,this.rounding)}function ih(n){return new this(n).tan()}function lh(n){return new this(n).tanh()}function ah(n){return ef(n=new this(n),n.e+1,1)}Op[Symbol.for("nodejs.util.inspect.custom")]=Op.toString,Op[Symbol.toStringTag]="Decimal";var dh=Op.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,Gf(n))return o.s=n.s,void(Xp?!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(Xp?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)):gf(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),Yp.test(n)?gf(o,n):mf(o,n);if("bigint"===r)return n<0?(n=-n,o.s=-1):o.s=1,gf(o,n.toString());throw Error(Rp+n)}if(i.prototype=Op,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=Pf,i.clone=n,i.isDecimal=Gf,i.abs=Sf,i.acos=If,i.acosh=wf,i.add=kf,i.asin=Tf,i.asinh=Bf,i.atan=Hf,i.atanh=Af,i.atan2=Wf,i.cbrt=Ff,i.ceil=Zf,i.clamp=Xf,i.cos=Rf,i.cosh=Lf,i.div=zf,i.exp=Vf,i.floor=Nf,i.hypot=Df,i.ln=jf,i.log=Kf,i.log10=_f,i.log2=Yf,i.max=$f,i.min=Ef,i.mod=Mf,i.mul=Of,i.pow=Jf,i.random=Qf,i.round=Uf,i.sign=qf,i.sin=nh,i.sinh=eh,i.sqrt=th,i.sub=rh,i.sum=oh,i.tan=ih,i.tanh=lh,i.trunc=ah,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}(Zp);function sh(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=null,o=null,i=null,l=null,a=null,d=null,s=null,u=null,c=null,p=null,f=null,h=null,g=null,m=null,v=null,y=!1,b=Tn(t,"getHeighRatio",null);R(b)||(b=()=>1);let C=Tn(t,"getWidthRatio",null);R(C)||(C=()=>1);let x=Tn(t,"stopScrollPropagationForPanel",null);Rn(x)||(x=!1);let S=Tn(t,"stopTouchDragPropagationForPanel",null);Rn(S)||(S=!1);let I=Tn(t,"useTouchDragForPanel",null);Rn(I)||(I=!0);let w=n,k=e,T=ga();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&&Od(n)},w.addEventListener("wheel",r),o=n=>{if(I){let e=Tn(n,"touches.0.clientY",0),t=Tn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();y=!0,T.emit("pressBar",{clientY:r,clientX:o}),S&&Od(n)}},w.addEventListener("touchstart",o),i=n=>{if(I&&y){let e=Tn(n,"touches.0.clientY",0),t=Tn(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();T.emit("dragBar",{clientY:r,clientX:o}),S&&Od(n)}},w.addEventListener("touchmove",i,{passive:!1}),l=n=>{I&&y&&(y=!1,T.emit("freeBar"),S&&Od(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),s=n=>{y=!0,T.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},k.addEventListener("touchstart",s),u=n=>{y&&(T.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),Od(n))},k.addEventListener("touchmove",u,{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&&Od(n))},window.addEventListener("mouseup",f),h=n=>{},window.addEventListener("scroll",h,{passive:!1}),g=n=>{},window.addEventListener("wheel",g,{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",s),k.removeEventListener("touchmove",u),k.removeEventListener("touchend",c),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),window.removeEventListener("scroll",h),window.removeEventListener("wheel",g),document.removeEventListener("scroll",m),document.removeEventListener("wheel",v)},T}Wp=new dh(Wp),Fp=new dh(Fp);var uh={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=ru(t.placement),d=su(a),s=[Ds,Ns].indexOf(a)>=0?"height":"width";if(i&&l){var u=function(n,e){return cu("number"!=typeof(n="function"==typeof n?n(Object.assign({},e.rects,{placement:e.placement})):n)?n:pu(n,js))}(o.padding,t),c=Ws(i),p="y"===d?zs:Ds,f="y"===d?Vs:Ns,h=t.rects.reference[s]+t.rects.reference[d]-l[d]-t.rects.popper[s],g=l[d]-t.rects.reference[d],m=Ls(i),v=m?"y"===d?m.clientHeight||0:m.clientWidth||0:0,y=h/2-g/2,b=u[p],C=v-c[s]-u[f],x=v/2-c[s]/2+y,S=Pu(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)))&&(gs(r)||console.error(['Popper: "arrow" element must be an HTMLElement (not an SVGElement).',"To use an SVG arrow, wrap it in an HTMLElement that will be used as","the arrow."].join(" ")),ou(e.elements.popper,r)?e.elements.arrow=r:console.error(['Popper: "arrow" modifier\'s `element` must be a child of the popper',"element."].join(" ")))},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},ch={directives:{domresize:ma()},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=sh(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 ui(this.progColor)},effProgColorDisabled:function(){return ui(this.progColorDisabled)},useProgColor:function(){let n=this;return n.editable?n.effProgColor:n.effProgColorDisabled},effProgBackgroundColor:function(){return ui(this.progBackgroundColor)},effProgBackgroundColorDisabled:function(){return ui(this.progBackgroundColorDisabled)},useProgBackgroundColor:function(){let n=this;return n.editable?n.effProgBackgroundColor:n.effProgBackgroundColorDisabled},effSliderBackgroundColor:function(){return ui(this.sliderBackgroundColor)},effSliderBackgroundColorHover:function(){return ui(this.sliderBackgroundColorHover)},effSliderBackgroundColorDisabled:function(){return ui(this.sliderBackgroundColorDisabled)},useSliderBackgroundColor:function(){let n=this;return n.editable?n.effecting?n.effSliderBackgroundColorHover:n.effSliderBackgroundColor:n.effSliderBackgroundColorDisabled},useTooltipBorderRadius:function(){let n=this;return yi(n.tooltipBorderRadius)?`border-radius:${n.tooltipBorderRadius}px;`:""},useTooltipTextFontSize:function(){let n=this.tooltipTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTooltipTextColor:function(){return ui(this.tooltipTextColor)},useTooltipBackgroundColor:function(){return ui(this.tooltipBackgroundColor)},valueDig:function(){let n=this;return wp(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,i=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Nr(e)||(e=0),e=Vr(e);let r=Tn(t,"rounding","");return"ROUND_HALF_UP"!==r&&"ROUND_HALF_EVEN"!==r&&(r="ROUND_HALF_UP"),Fn(n)?new dh(n).toDecimalPlaces(e,dh[r]).toNumber():""}(n/o);t=i*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=Zr(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=Tn(e,"$refs.divTrigger",null);if(null===t)return;let r=Tn(e,"$refs.divContent",null);if(null===r)return;let o={strategy:"fixed",placement:"top",modifiers:[uh,{name:"arrow",options:{padding:5}},Au,{name:"flip",options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"]}},Wu,{name:"offset",options:{offset:({placement:n,reference:t,popper:r})=>[0,e.tooltipPlacementDist]}},Xu]};e.popperInstance=Iu(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 ph=ch;var fh=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":""}})])])])};fh._withStripped=!0;const hh=t({render:fh,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})}),ph,"data-v-56f48c07",false,undefined,!1,o,void 0,void 0);var gh={components:{WGroupChipRadio:ip,WPanelLabelItem:dp,WText:Ip,WSlider:hh},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=ui(n.value);let e=Ed.toRgba(n.valueTrans),t=Ed.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 ui(this.borderColor)},useBackgroundColor:function(){return ui(this.backgroundColor)}},methods:{cki255:function(n){if(!Nr(n))return 0;let e=n;return(n=Vr(n))<0?n=0:n>255&&(n=255),n===Vr(e)?e:n},cki360:function(n){if(!Nr(n))return 0;let e=n;return(n=Vr(n))<0?n=0:n>360&&(n=360),n===Vr(e)?e:n},ckd1:function(n){if(!Jc(n))return 0;let e=n;return(n=Zr(n))<0?n=0:n>1&&(n=1),n===Zr(e)?e:n},updateColorCore:function(){let n=this,e=!1,t=!1;{let t=Vr(n.rt);n.r!==t&&(n.r=t,e=!0)}{let t=Vr(n.gt);n.g!==t&&(n.g=t,e=!0)}{let t=Vr(n.bt);n.b!==t&&(n.b=t,e=!0)}{let t=Zr(n.at);n.a!==t&&(n.a=t,e=!0)}{let e=Vr(n.ht);n.h!==e&&(n.h=e,t=!0)}{let e=Zr(n.st);n.s!==e&&(n.s=e,t=!0)}{let e=Zr(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}),Di(r)&&(r=Ed.toRgbaString(r),n.valueTrans=r,n.$emit("input",r))},updateColor:function(n,e,t){let r=this;setTimeout((()=>{r.updateColorCore()}),1)}}};const mh=gh;var vh=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:{type: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:{type: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:{type: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:{type: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:{type: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:{type: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:{type: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:{type: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)])])};vh._withStripped=!0;const yh=t({render:vh,staticRenderFns:[]},(function(n){n&&n("data-v-bf997be2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),mh,"data-v-bf997be2",false,undefined,!1,o,void 0,void 0);var bh={directives:{domresize:ma()},components:{WPopup:zc,WColorSelectPanel:Oc,WColorSelectInput:yh,WButtonChip:Eu,WIcon:ls},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:"OK"},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=ui(n.value),n.valueNew=n.valueOri,""},changeType:function(){return this.typeTrans=this.type,""},hasEyeDropper:function(){return je(window.EyeDropper)},useColorBlockBorderColor:function(){return ui(this.colorBlockBorderColor)},useColorTextColor:function(){return ui(this.colorTextColor)},usePanelBackgroundColor:function(){return ui(this.panelBackgroundColor)},useToolBackgroundColor:function(){return ui(this.toolBackgroundColor)},useBorderColor:function(){return ui(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=Tn(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=Tn(n,"snew.windowHeight",0);try{let n=Pc(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=Tn(n,"snew.clientHeight",0);this.selectPanelHeight=e},resizeSelectInput:function(n){if(!this.show)return;let e=Tn(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=Tn(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 Ch=bh;var xh=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-left:"+n.space+"px;"}),n._v(" "),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)]),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)])])]},proxy:!0}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}})};xh._withStripped=!0;const Sh=t({render:xh,staticRenderFns:[]},(function(n){n&&n("data-v-444af511_0",{source:"\n.icon-spinner[data-v-444af511] {\r\n    animation: spin-animation-data-v-444af511 1.5s infinite;\r\n    display: inline-block;\n}\n@keyframes spin-animation-data-v-444af511 {\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:";AA+wBA;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 :style=\"`padding-left:${space}px;`\"></div>\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 :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>\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='OK'] 輸入確認按鈕之文字字串，預設'OK'\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: 'OK',\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})}),Ch,"data-v-444af511",false,undefined,!1,o,void 0,void 0);function Ih(n){return null==n?[]:function(n,e){return mn(e,(function(e){return n[e]}))}(n,Re(n))}let wh={};let kh={getLevel:function(n,e){Zn(wh,n)||(wh[n]={});let t=Tn(wh,n,{}),r=Tn(t,e,null);if(yi(r))return r;let o=Ih(wh[n]);return 0===di(o)?(r=1,wh[n][e]=r,r):(r=fc(o)+1,wh[n][e]=r,r)},destroyLevel:function(n,e){Zn(wh,n)&&delete wh[n][e]}};var Th={directives:{domresize:ma()},components:{WButtonCircle:Qu,WIcon:ls},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:Tn,mmkey:Ni(),zind:0,mdiCheckCircle:Ia,mdiClose:Wa,mdiCheckerboard:Ba,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=kh.getLevel("dialog",n.mmkey),n.showPanel()):kh.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:Ba},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 ui(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ye(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTitleColor:function(){return ui(this.titleColor)},useHeaderBackgroundColor:function(){return ui(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ye(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return ui(this.contentTextColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=Tn(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=Tn(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};Qc(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((()=>{e.$emit("resize",pa(t))})))},updateTitleWidth:function(n){let e=this,t=Tn(e,"$refs.hdIcon.clientWidth",0),r=Tn(e,"$refs.hdStl.clientWidth",0),o=Tn(e,"$refs.hdStr.clientWidth",0),i=Tn(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=!ps(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",pa(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=Xn();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 Bh=Th;var Hh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100svw + "+n.nativeBarWidth+"px ); height:100svh; overflow-x:hidden; overflow-y:scroll;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:none;\n            user-select:none;\n        "},[t("div",{style:"\n                width:calc( 100svw + "+(n.nativeBarWidth+1)+"px ); height:100svh;\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; left:0px; top:0px;\n                    width:100svw; height:100svh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{click:n.clickOutside}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divPanel",style:"\n                        transition:all 100ms ease-out;\n                        "+n.panelStyleShow+"\n                        "+n.panelStylePlus+"\n                        "+n.useWidth+" "+n.useHeight+" "+n.useBorder+"\n                        background:"+n.useContentBackgroundColor+";\n                        "+n.usePanelShadowStyle+"\n                        user-select:text;\n                    ",on:{domresize:n.resizePanel}},[n._t("panel",(function(){return[t("div",{ref:"divHeader",style:"\n                                background:"+n.useHeaderBackgroundColor+";\n                                "+n.useHeaderShadowStyle+"\n                            "},[n._t("header",(function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"\n                                        display:table;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px",display:"table-cell","vertical-align":"middle"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor,colorHover:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"table-cell","vertical-align":"middle"}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:"max-width:"+n.titleWidth+"px; "+n.useTitleFontSize+" color:"+n.useTitleColor+"; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;"},[n._v("\n                                                "+n._s(n.title)+"\n                                            ")]),n._v(" "),t("div",{ref:"hdStl"},[n._t("header-left")],2)])]),n._v(" "),t("div",{ref:"hdStr",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._t("header-right")],2)]),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"table-cell","vertical-align":"middle"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n._l(n.headerBtns,(function(e,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()])};Hh._withStripped=!0;const Ah=t({render:Hh,staticRenderFns:[]},(function(n){n&&n("data-v-4f94c6fc_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})}),Bh,"data-v-4f94c6fc",false,undefined,!1,o,void 0,void 0);var Wh={components:{WButtonChip:Eu,WIcon:ls,WDialog:Ah},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:xa},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:xa,mdiCheckboxMarkedCircle:Ta,mdiCloseCircle:Fa,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=ui(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=ui(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=ui(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=ui(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=ui(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 Fh=Wh;var Zh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",(function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]}))],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",(function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]}))],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",(function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]}))],2):n._e()]},proxy:!0}],null,!0)})};Zh._withStripped=!0;const Xh=t({render:Zh,staticRenderFns:[]},(function(n){n&&n("data-v-2f0bda94_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),Fh,"data-v-2f0bda94",false,undefined,!1,o,void 0,void 0);function Ph(){let n=to();return{width:(()=>{let e=[Tn(n,"innerWidth"),Tn(n,"document.documentElement.clientWidth"),Tn(n,"document.body.clientWidth")];return e=Ci(e,yi),cc(e)})(),height:(()=>{let e=[Tn(n,"innerHeight"),Tn(n,"document.documentElement.clientHeight"),Tn(n,"document.body.clientHeight")];return e=Ci(e,yi),cc(e)})()}}var Rh={directives:{domresize:ma()},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=sh(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=yi(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?ui(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 ui(this.drawerBarColor)},useDrawerBarBorderColor:function(){return ui(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=Ph();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=e.switchWidth,r=Tn(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=!ps(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:Tn(Ph(),"width")}}else{e=je(Tn(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?Tn(Ph(),"width"):Tn(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();Fn(e.drawerWidthMax)&&(i=Zr(e.drawerWidthMax));let l=0;Fn(e.drawerWidthMin)&&(l=Zr(e.drawerWidthMin)),yi(i)&&(o=Math.min(o,i)),yi(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const Lh=Rh;var zh=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+";"})])])])])])])])};zh._withStripped=!0;const Vh=t({render:zh,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})}),Lh,"data-v-2a829eed",false,undefined,!1,o,void 0,void 0);async function Nh(n){let e=[],t=Xn();return await async function n(t){let r=null;if(t.isFile&&(r=await function(n){let e=Xn();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=Xn();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await Ke(r,(async e=>{await n(e)}))}}(n),t.resolve(e),t}async function Dh(n){let e=[];De(n,(n=>{let t=n.webkitGetAsEntry();t&&e.push(t)}));let t=await async function(n){let e=[];return await Ke(n,(async n=>{De(await Nh(n),(n=>{e.push(n)}))})),e}(e);return t}async function Gh(n){let e=[],t=[];try{e=await async function(n){let e=[];return De(n,(n=>{n.type&&e.push({type:"file",name:n.name,file:n})})),e}(Tn(n,"files",[])),Md()||(t=await Dh(Tn(n,"items",[])).catch((n=>{console.log(n)})))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}var jh={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=ga();function o(n){Od(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){Od(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),Gh(n.dataTransfer).then((t=>{let o=Ci(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?ui(n.borderColorDropIn):n.bMouseIn?ui(n.borderColorHover):ui(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?ui(n.backgroundColorDropIn):n.bMouseIn?ui(n.backgroundColorHover):ui(n.backgroundColor)}},methods:{}};const Kh=jh;var Yh=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)};Yh._withStripped=!0;const _h=t({render:Yh,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})}),Kh,"data-v-920803be",false,undefined,!1,o,void 0,void 0);function $h(n,e){if(!rs(n))return[];if(!An(e)&&!rs(e))return[];let t=null;t=An(e)?Wr(e," "):e;let r=di(t);let o=sr(n,(n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===ja(l,1),s="-"===ja(l,1);if((d||s)&&(a=Gr(l,1)),""===Ar(a))continue;let u=n.indexOf(a)>=0;if(d){if(u){e=!0,o=1;break}e=!1,o=0;break}if(s){if(u){e=!1,o=0;break}e=!0,o=1;break}if(u){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n)));return o}function Eh(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(es(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Mh(){return new function(n){let e=[],t=null,r=null;return Yr(n)||(n=300),n=Vr(n),function(o){if(je(o)){r=Date.now();for(var i=arguments.length,l=new Array(i>1?i-1:0),a=1;a<i;a++)l[a-1]=arguments[a];e.push({func:o,input:l}),null===t&&(t=setInterval((()=>{if(Date.now()-r>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not a function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}let Oh=function(n){if(!je(n))throw new Error("fn is not a function");return function(){let e=Xn(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):_r(t)?t.then((n=>{e.resolve({state:"success",msg:n})})).catch((n=>{"cancelled"===Tn(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}};function Jh(){let n=ga(),e=[],t=null,r=!1;return function(o){let i=Xn();if(!je(o))return void console.log("func is not a function");let l=Ni();for(var a=arguments.length,d=new Array(a>1?a-1:0),s=1;s<a;s++)d[s-1]=arguments[s];return e.push({id:l,func:o,input:d}),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=je(o.func)?await Oh(o.func)(...o.input):{state:"error",msg:"fun is not a function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(l,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}function Qh(n,e){let t=di(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=Ci(e,(n=>n.v<=0)),d=(u="v",(s=e)&&s.length?sc(s,ar(u),pc):void 0).i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}var s,u;return d}let Uh={};function qh(){return{set:function(n,e){Uh[n]=e},get:function(n){return Uh[n]},remove:function(n){delete Uh[n]}}}function ng(){let n={};return{bind:function(e,t,r){let o=`r${Ni()}`;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 eg(){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}}()||je(window.IntersectionObserverEntry))}function tg(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Oi(n))return Promise.reject("invalid element");if(eg())return Promise.reject("invalid IntersectionObserver");let t=Tn(e,"mode","");"promise"!==t&&"event"!==t&&(t="promise");let r=()=>{let e=ga(),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(!Oi(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=Xn();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 rg={directives:{domresize:ma(),dommutation:ng(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${Ni()}`;e.setAttribute("ev-visible",o);let i=!1,l=setInterval((()=>{tg(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:Mh(),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=Tn(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=Tn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=Tn(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=Tn(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=Tn(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=Tn(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 $r((()=>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};Qc(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&Tn(e,"$refs.divShell")&&Tn(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&&Tn(e,"$refs.divShell")&&Tn(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 og=rg;var ig=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;"})])])])])};ig._withStripped=!0;const lg=t({render:ig,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})}),og,"data-v-01f5c13c",false,undefined,!1,o,void 0,void 0);let ag=qh();var dg={components:{WPanelScrollyCore:lg},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Jh(),dbcRefresh:Mh(),dbcSetRows:Mh(),mmkey:Ni(),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&&ag.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return ag.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!Ge(n)){return"rows is not array"}null!==e.mmkey&&ag.remove(e.mmkey);let t=sr(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));ag.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=di(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=ag.get(n.mmkey),t=di(e),r=[],o=!1,i=!1;if(t>0){let i=Qh(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=Qh(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),s=0;for(let n=0;n<l;n++){let t=e[n];t.displayShow&&t.filterShow&&(s+=t.height)}let u=0;for(let n=d+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(u+=t.height)}for(let t=l;t<=d;t++){let o=pa(e[t]);o.displayShow&&o.filterShow&&(o.nowShow=!0,o.top=o.y-n.scrollInfor.t,r.push(o))}n.itemsHeightPre!==s&&(o=!0,n.itemsHeightPre=s),n.itemsHeightAft!==u&&(o=!0,n.itemsHeightAft=u)}if(Qc(n.useItems,r)||(i=!0,n.useItems=r),n.$refs.wdsDiv){let e=sr(r,"row"),t=sr(r,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),Qc(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===di(n)||De(Tn(this,"$refs.wdsDiv",[]),((r,o)=>{if(!r.getAttribute)return console.log("找不到getAttribute"),!0;let i=r.getAttribute("index");if(!Nr(i))return console.log("!isp0int(index)",i),!0;i=Vr(i);let l=Tn(r,"children.0");if(!Oi(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(je(e)&&e(i,a),t=!0)})),t},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=ag.get(n.mmkey),t=di(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,r=3;await async function(){e.lockFromRefreshUseItems=!0;let n=pa(e.scrollInfor),o=await async function(){let n=Xn();if(t+=1,t>r)return n.resolve(null),n;e.filterItems();let o=e.genUseItems();await Er(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:o,updateItemsHeight:i}),n}(),i=Tn(o,"genUseItems.change",!1)||Tn(o,"updateItemsHeight.change",!1),l=Tn(o,"updateItemsHeight.itemsHeight",null);if(yi(l))if(l<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=l-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=l,e.$emit("change-height-of-items",{height:l})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=ag.get(e.mmkey);if(!Ge(t))return;let r=Tn(n,"fun",null);if(je(r)){let n=r(t);_r(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=Tn(n,"indStart",null),i=Tn(n,"indEnd",null);if(Xr(o)&&Xr(i)){let r=Tn(n,"displayShow",null);if(Ln(r)){for(let n=o;n<=i;n++){Tn(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=Tn(n,"filterShow",null);if(Ln(l)){for(let n=o;n<=i;n++){Tn(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=ag.get(n.mmkey),t=di(e);if(n.searchingResults=-1,0===di(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=sr(e,(n=>{let e=n.row,t="";return t=Hn(e)?e:Fn(e)?xn(e):Di(e)?Kr(Ih(e)," "):Eh(e),t=t.toLowerCase(),t})),o=$h(r,t),i=0;De(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=Tn(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const sg=dg;var ug=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};ug._withStripped=!0;const cg=t({render:ug,staticRenderFns:[]},(function(n){n&&n("data-v-3a897dd0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),sg,"data-v-3a897dd0",false,undefined,!1,o,void 0,void 0);const pg={components:{WIconLoading:fi},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;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window.VueECharts;n.default&&(n=n.default),ro().component("v-chart",n)}n.cmpName="v-chart"}))},computed:{},methods:{}};var fg=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options,autoresize:""}})};fg._withStripped=!0;const hg=t({render:fg,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})}),pg,"data-v-0df2e329",false,undefined,!1,o,void 0,void 0);var gg=Array.prototype.reverse;function mg(n){return null==n?n:gg.call(n)}function vg(n,e){return An(n)&&Nr(e)?0===(e=Vr(e))?n:ja(n,n.length-e):""}function yg(n){let e=0,t=0,r=0,o=di(n);De(n,(n=>{Fn(n)?e+=1:Hn(n)?t+=1:Bn(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 bg(n,e){let t=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)t=sr(n,((n,e)=>({key:e,payload:n,value:Zr(n)})));else if("files"===e)t=sr(n,((n,e)=>({key:e,payload:n,value:Ka(n)})));else if("str"===e){let e=sr(n,(n=>function(n){let e=Tn(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},"excludeString");if(Ln(e)||(e=!1),!An(n))return"";let t=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,r=Ar(n);if(e){let n=r.split("");for(let e=0;e<n.length;e++)if(t(n[e])){r=Gr(r,e),n=Qn(n,e);break}n=mg(n);for(let e=0;e<n.length;e++)if(t(n[e])){r=vg(r,e);break}}return r}(n,{excludeString:!0}))),r=0;De(e,(n=>{Fn(n)&&r++}));let o=r===di(e);t=sr(n,((n,t)=>{let r=n;return o?(r=e[t],r=Zr(r)):r=Ka(r),{key:t,payload:n,value:r}}))}return t}function Cg(n,e){let t=Li(n,"value");return sr(t,e?"key":"payload")}function xg(n,e){let t=function(n,e){let t=pa(n);return t.sort(((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0}))),t}(n,"value");return sr(t,e?"key":"payload")}function Sg(n,e,t){return null==n?n:function(n,e,t,r){if(!W(n))return n;for(var o=-1,i=(e=Sn(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=wn(e[o]),s=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var u=a[d];void 0===(s=r?r(u,d,a):void 0)&&(s=W(u)?u:ge(e[o+1])?[]:{})}al(a,d,s),a=a[d]}return n}(n,e,t)}function Ig(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 wg(n,e,t,r){return ze(n,(function(n,o,i){e(r,n,t(n),i)})),r}var kg,Tg,Bg=Object.prototype.hasOwnProperty,Hg=(kg=function(n,e,t){Bg.call(n,t)?n[t].push(e):il(n,t,[e])},function(n,e){var t=u(n)?Ig:wg,r=Tg?Tg():{};return t(n,kg,ar(e),r)}),Ag=Hg;var Wg=Math.max;var Fg,Zg=(Fg=function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:Jn(t);return o<0&&(o=Wg(r+o,0)),cr(n,ar(e),o)},function(n,e,t){var r=Object(n);if(!Pe(n)){var o=ar(e);n=Re(n),e=function(n){return o(r[n],n,r)}}var i=Fg(n,e,t);return i>-1?r[o?n[i]:i]:void 0});function Xg(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!rs(n))return{};let t=Tn(e,"delimiter");An(t)||(t="❯");let r=Tn(e,"bindRoot");An(r)||(r="root");let o=Tn(e,"soryItems"),i=sr(n,((n,e)=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let r=(n=>{let e=Wr(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:Kr(e,t)}})(n.path);return{ind:e,type:n.type,ss:r.ss,data:pa(n)}})),l=n=>{let e=di(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=Kr(e,t);r.push({id:i,name:n[o]})}return r},a=-1,d=[],s={};De(i,(n=>{let e=[r],o=r,i=di(n.ss)-1;De(n.ss,((r,u)=>{let c=u<i||"folder"===n.type;e.push(r);let p=null,f=null;u===i&&(p=n.ind,f=n.data);let h=Kr(e,t),g=l(e);if(Zn(s,h)){let e=s[h],t="folder"===Tn(e,"_type","");if(!t&&c)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a file to folder`);if(!t&&!c)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two files`);if(t&&!c)throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] is unrecognized from a folder to file`);if(Di(s[h].data)&&Di(f))throw console.log("kpLv[id]",e),console.log("v",n),new Error(`id[${h}] get repeat data from two folders`);if(null===s[h].data&&Di(f)){s[h]._indOri=p,s[h].data=f;let n=s[h]._indNormalize,e=d[n];d[n]={...f,type:e.type,path:e.path}}}else{a++;let n=a,t=null;t=c?{_indOri:p,_indNormalize:n,ns:di(e),ts:pa(e),pathInfors:g,_type:"folder",type:"array",numOfChilren:-1,id:h,parentId:o,text:r,children:[],data:f}:{_indOri:p,_indNormalize:n,ns:di(e),ts:pa(e),pathInfors:g,_type:"file",type:"node",numOfChilren:-1,id:h,parentId:o,text:r,data:f},s[h]=t,d.push({...Tn(s[h],"data",{}),type:s[h]._type,path:"/"+Kr(e,"/")})}o=h}))}));let u=Ih(s);if(u=Li(u,"id"),u=Li(u,"ns"),je(o)){let n=[];De(Ag(u,"ns"),((e,t)=>{De(Ag(e,"parentId"),((e,r)=>{let i=o(e,r,t);n=[...n,...i]}))})),u=n}let c=[],p=[];De(u,(n=>{"folder"===n._type?c.push(n):p.push(n)}));let f=Ag(c,"ns"),h=Ag(p,"ns"),g=fc(sr(c,"ns")),m=fc(sr(p,"ns")),v=null;{let n=[r];v=[{_indOri:null,_indNormalize:null,ns:di(n),ts:pa(n),pathInfors:l(n),_type:"folder",type:"array",numOfChilren:-1,id:r,parentId:"",text:r,children:[],data:null}]}let y={};y[r]="0.children";let b={};b[r]="0";for(let n=2;n<=g;n++){De(f[n],(n=>{let e=Tn(y,n.parentId,"");if(!An(e))throw console.log("kpPathFd",y),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=Tn(v,e);if(Ge(t)||Sg(v,e,[]),t=Tn(v,e),!Di(Zg(t,{id:n.id}))){t.push({...n,children:[]});let r=`${e}.${di(t)-1}`;y[n.id]=`${r}.children`,b[n.id]=r}}))}let C=pa(v),x={};for(let n=2;n<=m;n++){De(h[n],(n=>{let e=Tn(y,n.parentId,"");if(!An(e))throw console.log("kpPathFd",y),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=Tn(v,e);if(!Ge(t))throw console.log("treeItems",v),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!Di(Zg(t,{id:n.id}))){t.push(n);let r=`${e}.${di(t)-1}`;x[n.id]=r,b[n.id]=r}}))}return{treeItems:v,treeItemsFolder:C,kpPath:b,fpsNormalize:d}}function Pg(n,e,t){return n&&n.length?zn(n,0,(e=t||void 0===e?1:Jn(e))<0?0:e):[]}function Rg(n,e,t){var r=null==n?0:n.length;return r?zn(n,(e=r-(e=t||void 0===e?1:Jn(e)))<0?0:e,r):[]}function Lg(n,e){return null==(n=function(n,e){return e.length<2?n:kn(n,zn(e,0,-1))}(n,e=Sn(e,n)))||delete n[wn(as(e))]}var zg=Array.prototype.splice;function Vg(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;ge(o)?zg.call(n,o,1):Lg(n,o)}}return n}function Ng(n){return(null==n?0:n.length)?Ii(n,1):[]}var Dg=function(n){return Pi(Bi(n,void 0,Ng),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:Tn(n,e[t]);return o}(n,e);return Vg(n,mn(e,(function(n){return ge(n,t)?+n:n})).sort(wi)),r})),Gg=Dg;function jg(n,e,t){var r=null==n?0:n.length;return r?zn(n,0,(e=r-(e=t||void 0===e?1:Jn(e)))<0?0:e):[]}const Kg="function"==typeof Buffer,Yg="function"==typeof TextDecoder?new TextDecoder:void 0,_g=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),$g=(n=>{let e={};return _g.forEach(((n,t)=>e[n]=t)),e})(),Eg=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,Mg=String.fromCharCode.bind(String),Og="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),Jg=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),Qg=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,Ug=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 Mg(55296+(e>>>10))+Mg(56320+(1023&e));case 3:return Mg((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return Mg((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},qg="function"==typeof atob?n=>atob(Jg(n)):Kg?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!Eg.test(n))throw new TypeError("malformed base64.");n+="==".slice(2-(3&n.length));let e,t,r,o="";for(let i=0;i<n.length;)e=$g[n.charAt(i++)]<<18|$g[n.charAt(i++)]<<12|(t=$g[n.charAt(i++)])<<6|(r=$g[n.charAt(i++)]),o+=64===t?Mg(e>>16&255):64===r?Mg(e>>16&255,e>>8&255):Mg(e>>16&255,e>>8&255,255&e);return o},nm=Kg?n=>Og(Buffer.from(n,"base64")):n=>Og(qg(n).split("").map((n=>n.charCodeAt(0)))),em=Kg?n=>Buffer.from(n,"base64").toString("utf8"):Yg?n=>Yg.decode(nm(n)):n=>(n=>n.replace(Qg,Ug))(qg(n)),tm=n=>em((n=>Jg(n.replace(/[-_]/g,(n=>"-"==n?"+":"/"))))(n));var rm={};!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,s,u=this._events[a],c=arguments.length;if(u.fn){switch(u.once&&this.removeListener(n,u.fn,void 0,!0),c){case 1:return u.fn.call(u.context),!0;case 2:return u.fn.call(u.context,e),!0;case 3:return u.fn.call(u.context,e,r),!0;case 4:return u.fn.call(u.context,e,r,o),!0;case 5:return u.fn.call(u.context,e,r,o,i),!0;case 6:return u.fn.call(u.context,e,r,o,i,l),!0}for(s=1,d=new Array(c-1);s<c;s++)d[s-1]=arguments[s];u.fn.apply(u.context,d)}else{var p,f=u.length;for(s=0;s<f;s++)switch(u[s].once&&this.removeListener(n,u[s].fn,void 0,!0),c){case 1:u[s].fn.call(u[s].context);break;case 2:u[s].fn.call(u[s].context,e);break;case 3:u[s].fn.call(u[s].context,e,r);break;case 4:u[s].fn.call(u[s].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(c-1);p<c;p++)d[p-1]=arguments[p];u[s].fn.apply(u[s].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,s=[],u=a.length;d<u;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&s.push(a[d]);s.length?this._events[i]=1===s.length?s[0]:s: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}({get exports(){return rm},set exports(n){rm=n}});var om=rm;let im;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=tm("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXkscj0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwsZT0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49cnx8ZXx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxjPXUuaGFzT3duUHJvcGVydHksYT11LnRvU3RyaW5nLGk9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPSJbb2JqZWN0IE51bGxdIixzPSJbb2JqZWN0IFVuZGVmaW5lZF0iLHA9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDtmdW5jdGlvbiBiKHQpe3JldHVybiBudWxsPT10P3ZvaWQgMD09PXQ/czpsOnAmJnAgaW4gT2JqZWN0KHQpP2Z1bmN0aW9uKHQpe3ZhciByPWMuY2FsbCh0LGkpLGU9dFtpXTt0cnl7dFtpXT12b2lkIDA7dmFyIG49ITB9Y2F0Y2godCl7fXZhciBvPWEuY2FsbCh0KTtyZXR1cm4gbiYmKHI/dFtpXT1lOmRlbGV0ZSB0W2ldKSxvfSh0KTpmdW5jdGlvbih0KXtyZXR1cm4gZi5jYWxsKHQpfSh0KX1mdW5jdGlvbiB5KHQpe3JldHVybiBudWxsIT10JiYib2JqZWN0Ij09dHlwZW9mIHR9dmFyIHY9IltvYmplY3QgU3ltYm9sXSI7ZnVuY3Rpb24gaCh0KXtyZXR1cm4ic3ltYm9sIj09dHlwZW9mIHR8fHkodCkmJmIodCk9PXZ9dmFyIGo9L1wufFxbKD86W15bXF1dKnwoWyInXSkoPzooPyFcMSlbXlxcXXxcXC4pKj9cMSlcXS8sZD0vXlx3KiQvO2Z1bmN0aW9uIF8odCl7dmFyIHI9dHlwZW9mIHQ7cmV0dXJuIG51bGwhPXQmJigib2JqZWN0Ij09cnx8ImZ1bmN0aW9uIj09cil9dmFyIGc9IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iLE89IltvYmplY3QgRnVuY3Rpb25dIix3PSJbb2JqZWN0IEdlbmVyYXRvckZ1bmN0aW9uXSIsbT0iW29iamVjdCBQcm94eV0iO2Z1bmN0aW9uIEEodCl7aWYoIV8odCkpcmV0dXJuITE7dmFyIHI9Yih0KTtyZXR1cm4gcj09T3x8cj09d3x8cj09Z3x8cj09bX12YXIgeCxTPW5bIl9fY29yZS1qc19zaGFyZWRfXyJdLHo9KHg9L1teLl0rJC8uZXhlYyhTJiZTLmtleXMmJlMua2V5cy5JRV9QUk9UT3x8IiIpKT8iU3ltYm9sKHNyYylfMS4iK3g6IiI7dmFyIFA9RnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nO2Z1bmN0aW9uIEkodCl7aWYobnVsbCE9dCl7dHJ5e3JldHVybiBQLmNhbGwodCl9Y2F0Y2godCl7fXRyeXtyZXR1cm4gdCsiIn1jYXRjaCh0KXt9fXJldHVybiIifXZhciBFPS9eXFtvYmplY3QgLis/Q29uc3RydWN0b3JcXSQvLEY9RnVuY3Rpb24ucHJvdG90eXBlLFU9T2JqZWN0LnByb3RvdHlwZSxNPUYudG9TdHJpbmcsJD1VLmhhc093blByb3BlcnR5LEI9UmVnRXhwKCJeIitNLmNhbGwoJCkucmVwbGFjZSgvW1xcXiQuKis/KClbXF17fXxdL2csIlxcJCYiKS5yZXBsYWNlKC9oYXNPd25Qcm9wZXJ0eXwoZnVuY3Rpb24pLio/KD89XFxcKCl8IGZvciAuKz8oPz1cXFxdKS9nLCIkMS4qPyIpKyIkIik7ZnVuY3Rpb24gVCh0KXtyZXR1cm4hKCFfKHQpfHwocj10LHomJnogaW4gcikpJiYoQSh0KT9COkUpLnRlc3QoSSh0KSk7dmFyIHJ9ZnVuY3Rpb24gayh0LHIpe3ZhciBlPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbcl19KHQscik7cmV0dXJuIFQoZSk/ZTp2b2lkIDB9dmFyIEM9ayhPYmplY3QsImNyZWF0ZSIpO3ZhciBEPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIE49T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBSKHQpe3ZhciByPS0xLGU9bnVsbD09dD8wOnQubGVuZ3RoO2Zvcih0aGlzLmNsZWFyKCk7KytyPGU7KXt2YXIgbj10W3JdO3RoaXMuc2V0KG5bMF0sblsxXSl9fWZ1bmN0aW9uIFYodCxyKXtyZXR1cm4gdD09PXJ8fHQhPXQmJnIhPXJ9ZnVuY3Rpb24gVyh0LHIpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS07KWlmKFYodFtlXVswXSxyKSlyZXR1cm4gZTtyZXR1cm4tMX1SLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189Qz9DKG51bGwpOnt9LHRoaXMuc2l6ZT0wfSxSLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5oYXModCkmJmRlbGV0ZSB0aGlzLl9fZGF0YV9fW3RdO3JldHVybiB0aGlzLnNpemUtPXI/MTowLHJ9LFIucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO2lmKEMpe3ZhciBlPXJbdF07cmV0dXJuIl9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iPT09ZT92b2lkIDA6ZX1yZXR1cm4gRC5jYWxsKHIsdCk/clt0XTp2b2lkIDB9LFIucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO3JldHVybiBDP3ZvaWQgMCE9PXJbdF06Ti5jYWxsKHIsdCl9LFIucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIHRoaXMuc2l6ZSs9dGhpcy5oYXModCk/MDoxLGVbdF09QyYmdm9pZCAwPT09cj8iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI6cix0aGlzfTt2YXIgTD1BcnJheS5wcm90b3R5cGUuc3BsaWNlO2Z1bmN0aW9uIHEodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19cS5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPVtdLHRoaXMuc2l6ZT0wfSxxLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPVcocix0KTtyZXR1cm4hKGU8MCkmJihlPT1yLmxlbmd0aC0xP3IucG9wKCk6TC5jYWxsKHIsZSwxKSwtLXRoaXMuc2l6ZSwhMCl9LHEucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9VyhyLHQpO3JldHVybiBlPDA/dm9pZCAwOnJbZV1bMV19LHEucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gVyh0aGlzLl9fZGF0YV9fLHQpPi0xfSxxLnByb3RvdHlwZS5zZXQ9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fLG49VyhlLHQpO3JldHVybiBuPDA/KCsrdGhpcy5zaXplLGUucHVzaChbdCxyXSkpOmVbbl1bMV09cix0aGlzfTt2YXIgRz1rKG4sIk1hcCIpO2Z1bmN0aW9uIEsodCxyKXt2YXIgZSxuLG89dC5fX2RhdGFfXztyZXR1cm4oInN0cmluZyI9PShuPXR5cGVvZihlPXIpKXx8Im51bWJlciI9PW58fCJzeW1ib2wiPT1ufHwiYm9vbGVhbiI9PW4/Il9fcHJvdG9fXyIhPT1lOm51bGw9PT1lKT9vWyJzdHJpbmciPT10eXBlb2Ygcj8ic3RyaW5nIjoiaGFzaCJdOm8ubWFwfWZ1bmN0aW9uIEgodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19SC5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLnNpemU9MCx0aGlzLl9fZGF0YV9fPXtoYXNoOm5ldyBSLG1hcDpuZXcoR3x8cSksc3RyaW5nOm5ldyBSfX0sSC5wcm90b3R5cGUuZGVsZXRlPWZ1bmN0aW9uKHQpe3ZhciByPUsodGhpcyx0KS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sSC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiBLKHRoaXMsdCkuZ2V0KHQpfSxILnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIEsodGhpcyx0KS5oYXModCl9LEgucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPUsodGhpcyx0KSxuPWUuc2l6ZTtyZXR1cm4gZS5zZXQodCxyKSx0aGlzLnNpemUrPWUuc2l6ZT09bj8wOjEsdGhpc307dmFyIEo9IkV4cGVjdGVkIGEgZnVuY3Rpb24iO2Z1bmN0aW9uIFEodCxyKXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdHx8bnVsbCE9ciYmImZ1bmN0aW9uIiE9dHlwZW9mIHIpdGhyb3cgbmV3IFR5cGVFcnJvcihKKTt2YXIgZT1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPXI/ci5hcHBseSh0aGlzLG4pOm5bMF0sdT1lLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgYz10LmFwcGx5KHRoaXMsbik7cmV0dXJuIGUuY2FjaGU9dS5zZXQobyxjKXx8dSxjfTtyZXR1cm4gZS5jYWNoZT1uZXcoUS5DYWNoZXx8SCksZX1RLkNhY2hlPUg7dmFyIFgsWSxaLHR0PS9bXi5bXF1dK3xcWyg/OigtP1xkKyg/OlwuXGQrKT8pfChbIiddKSgoPzooPyFcMilbXlxcXXxcXC4pKj8pXDIpXF18KD89KD86XC58XFtcXSkoPzpcLnxcW1xdfCQpKS9nLHJ0PS9cXChcXCk/L2csZXQ9KFg9ZnVuY3Rpb24odCl7dmFyIHI9W107cmV0dXJuIDQ2PT09dC5jaGFyQ29kZUF0KDApJiZyLnB1c2goIiIpLHQucmVwbGFjZSh0dCwoZnVuY3Rpb24odCxlLG4sbyl7ci5wdXNoKG4/by5yZXBsYWNlKHJ0LCIkMSIpOmV8fHQpfSkpLHJ9LFk9UShYLChmdW5jdGlvbih0KXtyZXR1cm4gNTAwPT09Wi5zaXplJiZaLmNsZWFyKCksdH0pKSxaPVkuY2FjaGUsWSksbnQ9ZXQ7dmFyIG90PTEvMCx1dD1vP28ucHJvdG90eXBlOnZvaWQgMCxjdD11dD91dC50b1N0cmluZzp2b2lkIDA7ZnVuY3Rpb24gYXQocil7aWYoInN0cmluZyI9PXR5cGVvZiByKXJldHVybiByO2lmKHQocikpcmV0dXJuIGZ1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoLG89QXJyYXkobik7KytlPG47KW9bZV09cih0W2VdLGUsdCk7cmV0dXJuIG99KHIsYXQpKyIiO2lmKGgocikpcmV0dXJuIGN0P2N0LmNhbGwocik6IiI7dmFyIGU9cisiIjtyZXR1cm4iMCI9PWUmJjEvcj09LW90PyItMCI6ZX1mdW5jdGlvbiBpdChyLGUpe3JldHVybiB0KHIpP3I6ZnVuY3Rpb24ocixlKXtpZih0KHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiByO3JldHVybiEoIm51bWJlciIhPW4mJiJzeW1ib2wiIT1uJiYiYm9vbGVhbiIhPW4mJm51bGwhPXImJiFoKHIpKXx8ZC50ZXN0KHIpfHwhai50ZXN0KHIpfHxudWxsIT1lJiZyIGluIE9iamVjdChlKX0ocixlKT9bcl06bnQoZnVuY3Rpb24odCl7cmV0dXJuIG51bGw9PXQ/IiI6YXQodCl9KHIpKX12YXIgZnQ9MS8wO2Z1bmN0aW9uIGx0KHQpe2lmKCJzdHJpbmciPT10eXBlb2YgdHx8aCh0KSlyZXR1cm4gdDt2YXIgcj10KyIiO3JldHVybiIwIj09ciYmMS90PT0tZnQ/Ii0wIjpyfWZ1bmN0aW9uIHN0KHQscixlKXt2YXIgbj1udWxsPT10P3ZvaWQgMDpmdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0wLG49KHI9aXQocix0KSkubGVuZ3RoO251bGwhPXQmJmU8bjspdD10W2x0KHJbZSsrXSldO3JldHVybiBlJiZlPT1uP3Q6dm9pZCAwfSh0LHIpO3JldHVybiB2b2lkIDA9PT1uP2U6bn12YXIgcHQ9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiBidCh0KXt2YXIgcj10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiByJiZyLnByb3RvdHlwZXx8cHQpfWZ1bmN0aW9uIHl0KHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KHIoZSkpfX12YXIgdnQ9eXQoT2JqZWN0LmtleXMsT2JqZWN0KSxodD1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIGp0KHQpe2lmKCFidCh0KSlyZXR1cm4gdnQodCk7dmFyIHI9W107Zm9yKHZhciBlIGluIE9iamVjdCh0KSlodC5jYWxsKHQsZSkmJiJjb25zdHJ1Y3RvciIhPWUmJnIucHVzaChlKTtyZXR1cm4gcn12YXIgZHQ9ayhuLCJEYXRhVmlldyIpLF90PWsobiwiUHJvbWlzZSIpLGd0PWsobiwiU2V0IiksT3Q9ayhuLCJXZWFrTWFwIiksd3Q9IltvYmplY3QgTWFwXSIsbXQ9IltvYmplY3QgUHJvbWlzZV0iLEF0PSJbb2JqZWN0IFNldF0iLHh0PSJbb2JqZWN0IFdlYWtNYXBdIixTdD0iW29iamVjdCBEYXRhVmlld10iLHp0PUkoZHQpLFB0PUkoRyksSXQ9SShfdCksRXQ9SShndCksRnQ9SShPdCksVXQ9YjsoZHQmJlV0KG5ldyBkdChuZXcgQXJyYXlCdWZmZXIoMSkpKSE9U3R8fEcmJlV0KG5ldyBHKSE9d3R8fF90JiZVdChfdC5yZXNvbHZlKCkpIT1tdHx8Z3QmJlV0KG5ldyBndCkhPUF0fHxPdCYmVXQobmV3IE90KSE9eHQpJiYoVXQ9ZnVuY3Rpb24odCl7dmFyIHI9Yih0KSxlPSJbb2JqZWN0IE9iamVjdF0iPT1yP3QuY29uc3RydWN0b3I6dm9pZCAwLG49ZT9JKGUpOiIiO2lmKG4pc3dpdGNoKG4pe2Nhc2UgenQ6cmV0dXJuIFN0O2Nhc2UgUHQ6cmV0dXJuIHd0O2Nhc2UgSXQ6cmV0dXJuIG10O2Nhc2UgRXQ6cmV0dXJuIEF0O2Nhc2UgRnQ6cmV0dXJuIHh0fXJldHVybiByfSk7dmFyIE10PVV0LCR0PTkwMDcxOTkyNTQ3NDA5OTE7ZnVuY3Rpb24gQnQodCl7cmV0dXJuIm51bWJlciI9PXR5cGVvZiB0JiZ0Pi0xJiZ0JTE9PTAmJnQ8PSR0fWZ1bmN0aW9uIFR0KHQpe3JldHVybiBudWxsIT10JiZCdCh0Lmxlbmd0aCkmJiFBKHQpfXZhciBrdD0iW29iamVjdCBTdHJpbmddIjt2YXIgQ3QsRHQ9KEN0PSJsZW5ndGgiLGZ1bmN0aW9uKHQpe3JldHVybiBudWxsPT10P3ZvaWQgMDp0W0N0XX0pLE50PVJlZ0V4cCgiW1xcdTIwMGRcXHVkODAwLVxcdWRmZmZcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZcXHVmZTBlXFx1ZmUwZl0iKTt2YXIgUnQ9IlxcdWQ4MDAtXFx1ZGZmZiIsVnQ9IlsiK1J0KyJdIixXdD0iW1xcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZl0iLEx0PSJcXHVkODNjW1xcdWRmZmItXFx1ZGZmZl0iLHF0PSJbXiIrUnQrIl0iLEd0PSIoPzpcXHVkODNjW1xcdWRkZTYtXFx1ZGRmZl0pezJ9IixLdD0iW1xcdWQ4MDAtXFx1ZGJmZl1bXFx1ZGMwMC1cXHVkZmZmXSIsSHQ9Iig/OiIrV3QrInwiK0x0KyIpIisiPyIsSnQ9IltcXHVmZTBlXFx1ZmUwZl0/IixRdD1KdCtIdCsoIig/OlxcdTIwMGQoPzoiK1txdCxHdCxLdF0uam9pbigifCIpKyIpIitKdCtIdCsiKSoiKSxYdD0iKD86IitbcXQrV3QrIj8iLFd0LEd0LEt0LFZ0XS5qb2luKCJ8IikrIikiLFl0PVJlZ0V4cChMdCsiKD89IitMdCsiKXwiK1h0K1F0LCJnIik7ZnVuY3Rpb24gWnQodCl7cmV0dXJuIGZ1bmN0aW9uKHQpe3JldHVybiBOdC50ZXN0KHQpfSh0KT9mdW5jdGlvbih0KXtmb3IodmFyIHI9WXQubGFzdEluZGV4PTA7WXQudGVzdCh0KTspKytyO3JldHVybiByfSh0KTpEdCh0KX12YXIgdHI9IltvYmplY3QgTWFwXSIscnI9IltvYmplY3QgU2V0XSI7ZnVuY3Rpb24gZXIocil7aWYobnVsbD09cilyZXR1cm4gMDtpZihUdChyKSlyZXR1cm4ic3RyaW5nIj09dHlwZW9mKGU9cil8fCF0KGUpJiZ5KGUpJiZiKGUpPT1rdD9adChyKTpyLmxlbmd0aDt2YXIgZSxuPU10KHIpO3JldHVybiBuPT10cnx8bj09cnI/ci5zaXplOmp0KHIpLmxlbmd0aH12YXIgbnI9TWF0aC5jZWlsLG9yPU1hdGgubWF4O3ZhciB1cj05MDA3MTk5MjU0NzQwOTkxLGNyPS9eKD86MHxbMS05XVxkKikkLztmdW5jdGlvbiBhcih0LHIpe3ZhciBlPXR5cGVvZiB0O3JldHVybiEhKHI9bnVsbD09cj91cjpyKSYmKCJudW1iZXIiPT1lfHwic3ltYm9sIiE9ZSYmY3IudGVzdCh0KSkmJnQ+LTEmJnQlMT09MCYmdDxyfXZhciBpcj0vXHMvO3ZhciBmcj0vXlxzKy87ZnVuY3Rpb24gbHIodCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgcj10Lmxlbmd0aDtyLS0mJmlyLnRlc3QodC5jaGFyQXQocikpOyk7cmV0dXJuIHJ9KHQpKzEpLnJlcGxhY2UoZnIsIiIpOnR9dmFyIHNyPU5hTixwcj0vXlstK10weFswLTlhLWZdKyQvaSxicj0vXjBiWzAxXSskL2kseXI9L14wb1swLTddKyQvaSx2cj1wYXJzZUludDt2YXIgaHI9MS8wLGpyPTE3OTc2OTMxMzQ4NjIzMTU3ZTI5MjtmdW5jdGlvbiBkcih0KXtyZXR1cm4gdD8odD1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoaCh0KSlyZXR1cm4gc3I7aWYoXyh0KSl7dmFyIHI9ImZ1bmN0aW9uIj09dHlwZW9mIHQudmFsdWVPZj90LnZhbHVlT2YoKTp0O3Q9XyhyKT9yKyIiOnJ9aWYoInN0cmluZyIhPXR5cGVvZiB0KXJldHVybiAwPT09dD90Oit0O3Q9bHIodCk7dmFyIGU9YnIudGVzdCh0KTtyZXR1cm4gZXx8eXIudGVzdCh0KT92cih0LnNsaWNlKDIpLGU/Mjo4KTpwci50ZXN0KHQpP3NyOit0fSh0KSk9PT1ocnx8dD09PS1ocj8odDwwPy0xOjEpKmpyOnQ9PXQ/dDowOjA9PT10P3Q6MH12YXIgX3IsZ3I9ZnVuY3Rpb24odCxyLGUpe3JldHVybiBlJiYibnVtYmVyIiE9dHlwZW9mIGUmJmZ1bmN0aW9uKHQscixlKXtpZighXyhlKSlyZXR1cm4hMTt2YXIgbj10eXBlb2YgcjtyZXR1cm4hISgibnVtYmVyIj09bj9UdChlKSYmYXIocixlLmxlbmd0aCk6InN0cmluZyI9PW4mJnIgaW4gZSkmJlYoZVtyXSx0KX0odCxyLGUpJiYocj1lPXZvaWQgMCksdD1kcih0KSx2b2lkIDA9PT1yPyhyPXQsdD0wKTpyPWRyKHIpLGZ1bmN0aW9uKHQscixlLG4pe2Zvcih2YXIgbz0tMSx1PW9yKG5yKChyLXQpLyhlfHwxKSksMCksYz1BcnJheSh1KTt1LS07KWNbbj91Oisrb109dCx0Kz1lO3JldHVybiBjfSh0LHIsZT12b2lkIDA9PT1lP3Q8cj8xOi0xOmRyKGUpLF9yKX0sT3I9Z3I7ZnVuY3Rpb24gd3IodCl7dmFyIHI9dGhpcy5fX2RhdGFfXz1uZXcgcSh0KTt0aGlzLnNpemU9ci5zaXplfXdyLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189bmV3IHEsdGhpcy5zaXplPTB9LHdyLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPXIuZGVsZXRlKHQpO3JldHVybiB0aGlzLnNpemU9ci5zaXplLGV9LHdyLnByb3RvdHlwZS5nZXQ9ZnVuY3Rpb24odCl7cmV0dXJuIHRoaXMuX19kYXRhX18uZ2V0KHQpfSx3ci5wcm90b3R5cGUuaGFzPWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLl9fZGF0YV9fLmhhcyh0KX0sd3IucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187aWYoZSBpbnN0YW5jZW9mIHEpe3ZhciBuPWUuX19kYXRhX187aWYoIUd8fG4ubGVuZ3RoPDE5OSlyZXR1cm4gbi5wdXNoKFt0LHJdKSx0aGlzLnNpemU9KytlLnNpemUsdGhpcztlPXRoaXMuX19kYXRhX189bmV3IEgobil9cmV0dXJuIGUuc2V0KHQsciksdGhpcy5zaXplPWUuc2l6ZSx0aGlzfTt2YXIgbXI9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9ayhPYmplY3QsImRlZmluZVByb3BlcnR5Iik7cmV0dXJuIHQoe30sIiIse30pLHR9Y2F0Y2godCl7fX0oKSxBcj1tcjtmdW5jdGlvbiB4cih0LHIsZSl7Il9fcHJvdG9fXyI9PXImJkFyP0FyKHQscix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITAsdmFsdWU6ZSx3cml0YWJsZTohMH0pOnRbcl09ZX12YXIgU3I9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiB6cih0LHIsZSl7dmFyIG49dFtyXTtTci5jYWxsKHQscikmJlYobixlKSYmKHZvaWQgMCE9PWV8fHIgaW4gdCl8fHhyKHQscixlKX1mdW5jdGlvbiBQcih0LHIsZSxuKXt2YXIgbz0hZTtlfHwoZT17fSk7Zm9yKHZhciB1PS0xLGM9ci5sZW5ndGg7Kyt1PGM7KXt2YXIgYT1yW3VdLGk9bj9uKGVbYV0sdFthXSxhLGUsdCk6dm9pZCAwO3ZvaWQgMD09PWkmJihpPXRbYV0pLG8/eHIoZSxhLGkpOnpyKGUsYSxpKX1yZXR1cm4gZX1mdW5jdGlvbiBJcih0KXtyZXR1cm4geSh0KSYmIltvYmplY3QgQXJndW1lbnRzXSI9PWIodCl9dmFyIEVyPU9iamVjdC5wcm90b3R5cGUsRnI9RXIuaGFzT3duUHJvcGVydHksVXI9RXIucHJvcGVydHlJc0VudW1lcmFibGUsTXI9SXIoZnVuY3Rpb24oKXtyZXR1cm4gYXJndW1lbnRzfSgpKT9JcjpmdW5jdGlvbih0KXtyZXR1cm4geSh0KSYmRnIuY2FsbCh0LCJjYWxsZWUiKSYmIVVyLmNhbGwodCwiY2FsbGVlIil9O3ZhciAkcj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLEJyPSRyJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsVHI9QnImJkJyLmV4cG9ydHM9PT0kcj9uLkJ1ZmZlcjp2b2lkIDAsa3I9KFRyP1RyLmlzQnVmZmVyOnZvaWQgMCl8fGZ1bmN0aW9uKCl7cmV0dXJuITF9LENyPXt9O2Z1bmN0aW9uIERyKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gdChyKX19Q3JbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPUNyWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1DclsiW29iamVjdCBJbnQ4QXJyYXldIl09Q3JbIltvYmplY3QgSW50MTZBcnJheV0iXT1DclsiW29iamVjdCBJbnQzMkFycmF5XSJdPUNyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09Q3JbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09Q3JbIltvYmplY3QgVWludDE2QXJyYXldIl09Q3JbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsQ3JbIltvYmplY3QgQXJndW1lbnRzXSJdPUNyWyJbb2JqZWN0IEFycmF5XSJdPUNyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPUNyWyJbb2JqZWN0IEJvb2xlYW5dIl09Q3JbIltvYmplY3QgRGF0YVZpZXddIl09Q3JbIltvYmplY3QgRGF0ZV0iXT1DclsiW29iamVjdCBFcnJvcl0iXT1DclsiW29iamVjdCBGdW5jdGlvbl0iXT1DclsiW29iamVjdCBNYXBdIl09Q3JbIltvYmplY3QgTnVtYmVyXSJdPUNyWyJbb2JqZWN0IE9iamVjdF0iXT1DclsiW29iamVjdCBSZWdFeHBdIl09Q3JbIltvYmplY3QgU2V0XSJdPUNyWyJbb2JqZWN0IFN0cmluZ10iXT1DclsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBOcj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLFJyPU5yJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsVnI9UnImJlJyLmV4cG9ydHM9PT1OciYmci5wcm9jZXNzLFdyPWZ1bmN0aW9uKCl7dHJ5e3ZhciB0PVJyJiZSci5yZXF1aXJlJiZSci5yZXF1aXJlKCJ1dGlsIikudHlwZXM7cmV0dXJuIHR8fFZyJiZWci5iaW5kaW5nJiZWci5iaW5kaW5nKCJ1dGlsIil9Y2F0Y2godCl7fX0oKSxMcj1XciYmV3IuaXNUeXBlZEFycmF5LHFyPUxyP0RyKExyKTpmdW5jdGlvbih0KXtyZXR1cm4geSh0KSYmQnQodC5sZW5ndGgpJiYhIUNyW2IodCldfSxHcj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIEtyKHIsZSl7dmFyIG49dChyKSxvPSFuJiZNcihyKSx1PSFuJiYhbyYma3IociksYz0hbiYmIW8mJiF1JiZxcihyKSxhPW58fG98fHV8fGMsaT1hP2Z1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49QXJyYXkodCk7KytlPHQ7KW5bZV09cihlKTtyZXR1cm4gbn0oci5sZW5ndGgsU3RyaW5nKTpbXSxmPWkubGVuZ3RoO2Zvcih2YXIgbCBpbiByKSFlJiYhR3IuY2FsbChyLGwpfHxhJiYoImxlbmd0aCI9PWx8fHUmJigib2Zmc2V0Ij09bHx8InBhcmVudCI9PWwpfHxjJiYoImJ1ZmZlciI9PWx8fCJieXRlTGVuZ3RoIj09bHx8ImJ5dGVPZmZzZXQiPT1sKXx8YXIobCxmKSl8fGkucHVzaChsKTtyZXR1cm4gaX1mdW5jdGlvbiBIcih0KXtyZXR1cm4gVHQodCk/S3IodCk6anQodCl9dmFyIEpyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7ZnVuY3Rpb24gUXIodCl7aWYoIV8odCkpcmV0dXJuIGZ1bmN0aW9uKHQpe3ZhciByPVtdO2lmKG51bGwhPXQpZm9yKHZhciBlIGluIE9iamVjdCh0KSlyLnB1c2goZSk7cmV0dXJuIHJ9KHQpO3ZhciByPWJ0KHQpLGU9W107Zm9yKHZhciBuIGluIHQpKCJjb25zdHJ1Y3RvciIhPW58fCFyJiZKci5jYWxsKHQsbikpJiZlLnB1c2gobik7cmV0dXJuIGV9ZnVuY3Rpb24gWHIodCl7cmV0dXJuIFR0KHQpP0tyKHQsITApOlFyKHQpfXZhciBZcj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLFpyPVlyJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsdGU9WnImJlpyLmV4cG9ydHM9PT1Zcj9uLkJ1ZmZlcjp2b2lkIDAscmU9dGU/dGUuYWxsb2NVbnNhZmU6dm9pZCAwO2Z1bmN0aW9uIGVlKCl7cmV0dXJuW119dmFyIG5lPU9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUsb2U9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyx1ZT1vZT9mdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD9bXToodD1PYmplY3QodCksZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgYz10W2VdO3IoYyxlLHQpJiYodVtvKytdPWMpfXJldHVybiB1fShvZSh0KSwoZnVuY3Rpb24ocil7cmV0dXJuIG5lLmNhbGwodCxyKX0pKSl9OmVlLGNlPXVlO2Z1bmN0aW9uIGFlKHQscil7Zm9yKHZhciBlPS0xLG49ci5sZW5ndGgsbz10Lmxlbmd0aDsrK2U8bjspdFtvK2VdPXJbZV07cmV0dXJuIHR9dmFyIGllPXl0KE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLGZlPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciByPVtdO3Q7KWFlKHIsY2UodCkpLHQ9aWUodCk7cmV0dXJuIHJ9OmVlLGxlPWZlO2Z1bmN0aW9uIHNlKHIsZSxuKXt2YXIgbz1lKHIpO3JldHVybiB0KHIpP286YWUobyxuKHIpKX1mdW5jdGlvbiBwZSh0KXtyZXR1cm4gc2UodCxIcixjZSl9ZnVuY3Rpb24gYmUodCl7cmV0dXJuIHNlKHQsWHIsbGUpfXZhciB5ZT1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O3ZhciB2ZT1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gaGUodCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5ieXRlTGVuZ3RoKTtyZXR1cm4gbmV3IHZlKHIpLnNldChuZXcgdmUodCkpLHJ9dmFyIGplPS9cdyokLzt2YXIgZGU9bz9vLnByb3RvdHlwZTp2b2lkIDAsX2U9ZGU/ZGUudmFsdWVPZjp2b2lkIDA7dmFyIGdlPSJbb2JqZWN0IEJvb2xlYW5dIixPZT0iW29iamVjdCBEYXRlXSIsd2U9IltvYmplY3QgTWFwXSIsbWU9IltvYmplY3QgTnVtYmVyXSIsQWU9IltvYmplY3QgUmVnRXhwXSIseGU9IltvYmplY3QgU2V0XSIsU2U9IltvYmplY3QgU3RyaW5nXSIsemU9IltvYmplY3QgU3ltYm9sXSIsUGU9IltvYmplY3QgQXJyYXlCdWZmZXJdIixJZT0iW29iamVjdCBEYXRhVmlld10iLEVlPSJbb2JqZWN0IEZsb2F0MzJBcnJheV0iLEZlPSJbb2JqZWN0IEZsb2F0NjRBcnJheV0iLFVlPSJbb2JqZWN0IEludDhBcnJheV0iLE1lPSJbb2JqZWN0IEludDE2QXJyYXldIiwkZT0iW29iamVjdCBJbnQzMkFycmF5XSIsQmU9IltvYmplY3QgVWludDhBcnJheV0iLFRlPSJbb2JqZWN0IFVpbnQ4Q2xhbXBlZEFycmF5XSIsa2U9IltvYmplY3QgVWludDE2QXJyYXldIixDZT0iW29iamVjdCBVaW50MzJBcnJheV0iO2Z1bmN0aW9uIERlKHQscixlKXt2YXIgbixvPXQuY29uc3RydWN0b3I7c3dpdGNoKHIpe2Nhc2UgUGU6cmV0dXJuIGhlKHQpO2Nhc2UgZ2U6Y2FzZSBPZTpyZXR1cm4gbmV3IG8oK3QpO2Nhc2UgSWU6cmV0dXJuIGZ1bmN0aW9uKHQscil7dmFyIGU9cj9oZSh0LmJ1ZmZlcik6dC5idWZmZXI7cmV0dXJuIG5ldyB0LmNvbnN0cnVjdG9yKGUsdC5ieXRlT2Zmc2V0LHQuYnl0ZUxlbmd0aCl9KHQsZSk7Y2FzZSBFZTpjYXNlIEZlOmNhc2UgVWU6Y2FzZSBNZTpjYXNlICRlOmNhc2UgQmU6Y2FzZSBUZTpjYXNlIGtlOmNhc2UgQ2U6cmV0dXJuIGZ1bmN0aW9uKHQscil7dmFyIGU9cj9oZSh0LmJ1ZmZlcik6dC5idWZmZXI7cmV0dXJuIG5ldyB0LmNvbnN0cnVjdG9yKGUsdC5ieXRlT2Zmc2V0LHQubGVuZ3RoKX0odCxlKTtjYXNlIHdlOnJldHVybiBuZXcgbztjYXNlIG1lOmNhc2UgU2U6cmV0dXJuIG5ldyBvKHQpO2Nhc2UgQWU6cmV0dXJuIGZ1bmN0aW9uKHQpe3ZhciByPW5ldyB0LmNvbnN0cnVjdG9yKHQuc291cmNlLGplLmV4ZWModCkpO3JldHVybiByLmxhc3RJbmRleD10Lmxhc3RJbmRleCxyfSh0KTtjYXNlIHhlOnJldHVybiBuZXcgbztjYXNlIHplOnJldHVybiBuPXQsX2U/T2JqZWN0KF9lLmNhbGwobikpOnt9fX12YXIgTmU9T2JqZWN0LmNyZWF0ZSxSZT1mdW5jdGlvbigpe2Z1bmN0aW9uIHQoKXt9cmV0dXJuIGZ1bmN0aW9uKHIpe2lmKCFfKHIpKXJldHVybnt9O2lmKE5lKXJldHVybiBOZShyKTt0LnByb3RvdHlwZT1yO3ZhciBlPW5ldyB0O3JldHVybiB0LnByb3RvdHlwZT12b2lkIDAsZX19KCksVmU9UmU7dmFyIFdlPVdyJiZXci5pc01hcCxMZT1XZT9EcihXZSk6ZnVuY3Rpb24odCl7cmV0dXJuIHkodCkmJiJbb2JqZWN0IE1hcF0iPT1NdCh0KX07dmFyIHFlPVdyJiZXci5pc1NldCxHZT1xZT9EcihxZSk6ZnVuY3Rpb24odCl7cmV0dXJuIHkodCkmJiJbb2JqZWN0IFNldF0iPT1NdCh0KX0sS2U9MSxIZT0yLEplPTQsUWU9IltvYmplY3QgQXJndW1lbnRzXSIsWGU9IltvYmplY3QgRnVuY3Rpb25dIixZZT0iW29iamVjdCBHZW5lcmF0b3JGdW5jdGlvbl0iLFplPSJbb2JqZWN0IE9iamVjdF0iLHRuPXt9O2Z1bmN0aW9uIHJuKHIsZSxuLG8sdSxjKXt2YXIgYSxpPWUmS2UsZj1lJkhlLGw9ZSZKZTtpZihuJiYoYT11P24ocixvLHUsYyk6bihyKSksdm9pZCAwIT09YSlyZXR1cm4gYTtpZighXyhyKSlyZXR1cm4gcjt2YXIgcz10KHIpO2lmKHMpe2lmKGE9ZnVuY3Rpb24odCl7dmFyIHI9dC5sZW5ndGgsZT1uZXcgdC5jb25zdHJ1Y3RvcihyKTtyZXR1cm4gciYmInN0cmluZyI9PXR5cGVvZiB0WzBdJiZ5ZS5jYWxsKHQsImluZGV4IikmJihlLmluZGV4PXQuaW5kZXgsZS5pbnB1dD10LmlucHV0KSxlfShyKSwhaSlyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT0tMSxuPXQubGVuZ3RoO2ZvcihyfHwocj1BcnJheShuKSk7KytlPG47KXJbZV09dFtlXTtyZXR1cm4gcn0ocixhKX1lbHNle3ZhciBwPU10KHIpLGI9cD09WGV8fHA9PVllO2lmKGtyKHIpKXJldHVybiBmdW5jdGlvbih0LHIpe2lmKHIpcmV0dXJuIHQuc2xpY2UoKTt2YXIgZT10Lmxlbmd0aCxuPXJlP3JlKGUpOm5ldyB0LmNvbnN0cnVjdG9yKGUpO3JldHVybiB0LmNvcHkobiksbn0ocixpKTtpZihwPT1aZXx8cD09UWV8fGImJiF1KXtpZihhPWZ8fGI/e306ZnVuY3Rpb24odCl7cmV0dXJuImZ1bmN0aW9uIiE9dHlwZW9mIHQuY29uc3RydWN0b3J8fGJ0KHQpP3t9OlZlKGllKHQpKX0ociksIWkpcmV0dXJuIGY/ZnVuY3Rpb24odCxyKXtyZXR1cm4gUHIodCxsZSh0KSxyKX0ocixmdW5jdGlvbih0LHIpe3JldHVybiB0JiZQcihyLFhyKHIpLHQpfShhLHIpKTpmdW5jdGlvbih0LHIpe3JldHVybiBQcih0LGNlKHQpLHIpfShyLGZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlByKHIsSHIociksdCl9KGEscikpfWVsc2V7aWYoIXRuW3BdKXJldHVybiB1P3I6e307YT1EZShyLHAsaSl9fWN8fChjPW5ldyB3cik7dmFyIHk9Yy5nZXQocik7aWYoeSlyZXR1cm4geTtjLnNldChyLGEpLEdlKHIpP3IuZm9yRWFjaCgoZnVuY3Rpb24odCl7YS5hZGQocm4odCxlLG4sdCxyLGMpKX0pKTpMZShyKSYmci5mb3JFYWNoKChmdW5jdGlvbih0LG8pe2Euc2V0KG8scm4odCxlLG4sbyxyLGMpKX0pKTt2YXIgdj1zP3ZvaWQgMDoobD9mP2JlOnBlOmY/WHI6SHIpKHIpO3JldHVybiBmdW5jdGlvbih0LHIpe2Zvcih2YXIgZT0tMSxuPW51bGw9PXQ/MDp0Lmxlbmd0aDsrK2U8biYmITEhPT1yKHRbZV0sZSx0KTspO30odnx8ciwoZnVuY3Rpb24odCxvKXt2JiYodD1yW289dF0pLHpyKGEsbyxybih0LGUsbixvLHIsYykpfSkpLGF9dG5bUWVdPXRuWyJbb2JqZWN0IEFycmF5XSJdPXRuWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPXRuWyJbb2JqZWN0IERhdGFWaWV3XSJdPXRuWyJbb2JqZWN0IEJvb2xlYW5dIl09dG5bIltvYmplY3QgRGF0ZV0iXT10blsiW29iamVjdCBGbG9hdDMyQXJyYXldIl09dG5bIltvYmplY3QgRmxvYXQ2NEFycmF5XSJdPXRuWyJbb2JqZWN0IEludDhBcnJheV0iXT10blsiW29iamVjdCBJbnQxNkFycmF5XSJdPXRuWyJbb2JqZWN0IEludDMyQXJyYXldIl09dG5bIltvYmplY3QgTWFwXSJdPXRuWyJbb2JqZWN0IE51bWJlcl0iXT10bltaZV09dG5bIltvYmplY3QgUmVnRXhwXSJdPXRuWyJbb2JqZWN0IFNldF0iXT10blsiW29iamVjdCBTdHJpbmddIl09dG5bIltvYmplY3QgU3ltYm9sXSJdPXRuWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09dG5bIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09dG5bIltvYmplY3QgVWludDE2QXJyYXldIl09dG5bIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsdG5bIltvYmplY3QgRXJyb3JdIl09dG5bWGVdPXRuWyJbb2JqZWN0IFdlYWtNYXBdIl09ITE7dmFyIGVuPTEsbm49NDtmdW5jdGlvbiBvbih0KXtyZXR1cm4gcm4odCxlbnxubil9ZnVuY3Rpb24gdW4odCl7cmV0dXJuIltvYmplY3QgQXJyYXldIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX1mdW5jdGlvbiBjbih0KXtyZXR1cm4iW29iamVjdCBPYmplY3RdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX12YXIgYW49IltvYmplY3QgQm9vbGVhbl0iO2Z1bmN0aW9uIGZuKHQpe3JldHVybiEwPT09KHI9dCl8fCExPT09cnx8eShyKSYmYihyKT09YW47dmFyIHJ9ZnVuY3Rpb24gbG4odCxyPW51bGwsZT17fSl7QShyKXx8KHI9dD0+dCk7bGV0IG49c3QoZSwiZm9yY2UiLCExKTtyZXR1cm4gZm4obil8fChuPSExKSxmdW5jdGlvbih0LHIsZT0hMSl7bGV0IG49W107aWYoIXVuKHQpJiYhY24odCkpcmV0dXJuIHIodCxudWxsLFtdKTtmdW5jdGlvbiBvKHQpe2lmKHVuKHQpKXJldHVybiBPcihlcih0KSk7aWYoY24odCkpe2xldCByPU9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzKHQpLG49bnVsbDtyZXR1cm4gZSYmKG49T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyh0KSksdW4ocil8fChyPVtdKSx1bihuKXx8KG49W10pLFsuLi5yLC4uLm5dfXJldHVybiB0fXJldHVybiBmdW5jdGlvbiB0KGUsdSl7aWYodW4oZSkpcmV0dXJuIG8oZSkubWFwKChvPT57bGV0IHU9ZVtvXSxjPW9uKG4pO3JldHVybiBuLnB1c2gobyksdT1yKHUsbyxjKSx1PXQodSksbi5wb3AoKSx1fSkpO2lmKGNuKGUpKXtsZXQgdT1vKGUpLGM9e307cmV0dXJuIHUubWFwKChvPT57bGV0IHU9ZVtvXSxhPW9uKG4pO24ucHVzaChvKSx1PXIodSxvLGEpLHU9dCh1KSxuLnBvcCgpLGNbb109dX0pKSxjfXJldHVybiBlfSh0KX0odCxyLG4pfWZ1bmN0aW9uIHNuKHQpe3JldHVybiEoIWZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IFN0cmluZ10iPT09T2JqZWN0LnByb3RvdHlwZS50b1N0cmluZy5jYWxsKHQpfSh0KXx8IiI9PT10KX1mdW5jdGlvbiBwbih0LHI9e30pe2lmKHVuKHQpKXtpZigwPT09dC5sZW5ndGgpcmV0dXJuW119ZWxzZXtpZighY24odCkpcmV0dXJuW107aWYoZnVuY3Rpb24odCl7aWYoY24odCkpe2ZvcihsZXQgciBpbiB0KXJldHVybiExO3JldHVybiEwfXJldHVybiExfSh0KSlyZXR1cm5bXX1sZXQgZT1zdChyLCJiaW5kS2V5IixudWxsKTtzbihlKXx8KGU9ImlkIik7bGV0IG49c3QociwiYmluZENoaWxkcmVuIixudWxsKTtzbihuKXx8KG49ImNoaWxkcmVuIik7bGV0IG89ITE7Y24odCkmJihvPSEwLHQ9W3RdKTtsZXQgdT1bXTtyZXR1cm4gbG4odCwoKHQscixvKT0+e2xldCBjPXN0KHQsZSxudWxsKSxhPXN0KHQsbixudWxsKTtpZihjKXtsZXQgZT1mdW5jdGlvbih0KXtsZXQgcj1bdFswXV07Zm9yKGxldCBlPTE7ZTx0Lmxlbmd0aDtlKyspe2xldCBvPXRbZV07ci5wdXNoKG4pLHIucHVzaChvKX1yZXR1cm4gcn0oWy4uLm8scl0pO2lmKHUucHVzaCh7Li4udCxsZXZlbDooZXIoZSktMSkvMixuazplfSksYSlyZXR1cm4gYX19KSksbyYmKHU9dVswXSksdX1sZXQgZmxhdHRlblRyZWVXaz1hc3luYyBmdW5jdGlvbih0LHI9e30pe3JldHVybiBwbih0LHIpfTsKCgpsZXQgaW5zdGFuY2UgPSBudWxsCmZ1bmN0aW9uIGluaXQoaW5wdXQpewoKICAgIC8vaW5pdAogICAgbGV0IHIKICAgIAogICAgICAgIHIgPSB7CiAgICAgICAgICAgIG1haW46IGZsYXR0ZW5UcmVlV2sKICAgICAgICB9CiAgICAgICAgCgogICAgLy9vbgogICAgCgogICAgLy9zYXZlCiAgICBpbnN0YW5jZSA9IHIKCn0KCmZ1bmN0aW9uIHNlbmRNZXNzYWdlKGRhdGEpIHsKICAgIAogICAgICAgIHNlbGYucG9zdE1lc3NhZ2UoZGF0YSkKICAgICAgICAKfQoKYXN5bmMgZnVuY3Rpb24gcnVuKGRhdGEpIHsKICAgIC8vIGNvbnNvbGUubG9nKCdpbm5lciB3b3JrZXIgcnVuJyxkYXRhKQoKICAgIC8vbW9kZQogICAgbGV0IG1vZGUgPSBkYXRhLm1vZGUKCiAgICAvL2NoZWNrCiAgICBpZihtb2RlICE9PSAnaW5pdCcgJiYgbW9kZSAhPT0gJ2NhbGwnKXsKICAgICAgICByZXR1cm4KICAgIH0KCiAgICAvL2luaXQKICAgIGlmKG1vZGUgPT09ICdpbml0Jyl7CiAgICAgICAgCiAgICAgICAgdHJ5ewoKICAgICAgICAgICAgLy90eXBlCiAgICAgICAgICAgIGxldCB0eXBlID0gZGF0YS50eXBlCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKICAgIAogICAgICAgICAgICAvL2luc3RhbmNlCiAgICAgICAgICAgIGlmKHR5cGUgPT09ICdmdW5jdGlvbicpewogICAgICAgICAgICAgICAgaW5pdCguLi5pbnB1dCkKICAgICAgICAgICAgfQogICAgICAgICAgICBlbHNlIGlmKHR5cGUgPT09ICdvYmplY3QnKXsKICAgICAgICAgICAgICAgIGluc3RhbmNlID0gZmxhdHRlblRyZWVXawogICAgICAgICAgICB9CgogICAgICAgIH0KICAgICAgICBjYXRjaChlcnIpewogICAgICAgIAogICAgICAgICAgICAvL3NlbmRNZXNzYWdlCiAgICAgICAgICAgIGxldCByZXMgPSB7CiAgICAgICAgICAgICAgICBtb2RlOiAnZW1pdCcsCiAgICAgICAgICAgICAgICBldk5hbWU6ICdlcnJvcicsCiAgICAgICAgICAgICAgICBtc2c6IGVyciwKICAgICAgICAgICAgfQogICAgICAgICAgICBzZW5kTWVzc2FnZShyZXMpCgogICAgICAgIH0KICAgICAgICAgICAgCiAgICB9CgogICAgLy9jaGVjawogICAgaWYobW9kZSA9PT0gJ2NhbGwnKXsKICAgICAgICBsZXQgc3RhdGUgPSAnJwogICAgICAgIGxldCBtc2cgPSBudWxsCgogICAgICAgIHRyeXsKCiAgICAgICAgICAgIC8vZnVuCiAgICAgICAgICAgIGxldCBmdW4gPSBpbnN0YW5jZVtkYXRhLmZ1bl0KCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAoKICAgICAgICAgICAgLy9leGVjCiAgICAgICAgICAgIGF3YWl0IGZ1biguLi5pbnB1dCkKICAgICAgICAgICAgICAgIC50aGVuKChzdWMpID0+IHsKICAgICAgICAgICAgICAgICAgICBzdGF0ZT0nc3VjY2VzcycKICAgICAgICAgICAgICAgICAgICBtc2c9c3VjCiAgICAgICAgICAgICAgICB9KQogICAgICAgICAgICAgICAgLmNhdGNoKChlcnIpID0+IHsKICAgICAgICAgICAgICAgICAgICBzdGF0ZT0nZXJyb3InCiAgICAgICAgICAgICAgICAgICAgbXNnPWVycgogICAgICAgICAgICAgICAgfSkKCiAgICAgICAgfQogICAgICAgIGNhdGNoKGVycil7CiAgICAgICAgICAgIHN0YXRlID0gJ2Vycm9yJwogICAgICAgICAgICBtc2cgPSBlcnIKICAgICAgICB9CiAgICAgICAgCiAgICAgICAgLy9zZW5kTWVzc2FnZQogICAgICAgIGxldCByZXMgPSB7CiAgICAgICAgICAgIG1vZGU6ICdyZXR1cm4nLAogICAgICAgICAgICBpZDogZGF0YS5pZCwKICAgICAgICAgICAgZnVuOiBkYXRhLmZ1biwKICAgICAgICAgICAgc3RhdGUsCiAgICAgICAgICAgIG1zZywKICAgICAgICB9CiAgICAgICAgc2VuZE1lc3NhZ2UocmVzKQoKICAgIH0KCn0KCmZ1bmN0aW9uIHJlY3ZNZXNzYWdlKGRhdGEpIHsKICAgIC8vIGNvbnNvbGUubG9nKCdpbm5lciB3b3JrZXIgcmVjdjonLCBkYXRhKQoKICAgIC8vZGF0YVJlY3YKICAgIGxldCBkYXRhUmVjdiA9IGRhdGEKCiAgICAvL3J1bgogICAgcnVuKGRhdGFSZWN2KQoKfQoKCiAgICAgICAgc2VsZi5vbm1lc3NhZ2UgPSBmdW5jdGlvbiAoZSkgewogICAgICAgICAgICByZWN2TWVzc2FnZShlLmRhdGEpCiAgICAgICAgfQogICAgICAgIAoKdHJ5ewogICAgcHJvY2Vzcy5vbigndW5oYW5kbGVkUmVqZWN0aW9uJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmhhbmRsZWRSZWplY3Rpb24nLCBlcnIpCiAgICB9KQogICAgcHJvY2Vzcy5vbigndW5jYXVnaHRFeGNlcHRpb24nLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uJywgZXJyKQogICAgfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5jYXVnaHRFeGNlcHRpb25Nb25pdG9yJywgZXJyKQogICAgfSkKfQpjYXRjaChlcnIpe30KCg==");function e(){let e=new om,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(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10,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}im=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(py){}var lm=im;function am(n){let e=Tn(n,"clientX",null),t=Tn(n,"clientY",null),r=Tn(n,"pageX",null),o=Tn(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=Tn(n,"changedTouches",[]);if(1!==di(i))return null;let l=i[0];return{clientX:Tn(l,"clientX",null),clientY:Tn(l,"clientY",null),pageX:Tn(l,"pageX",null),pageY:Tn(l,"pageY",null)}}function dm(n,e){if(!Oi(n))return null;if(!An(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function sm(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,r=null,o=null,i=null,l=null,a=!1,d=Tn(n,"attIdentify",null);An(d)||(d="dragprevid");let s=Tn(n,"containerOpacity",null);yi(s)||(s=.4);let u=Tn(n,"containerBackground",null);An(u)||(u="white");let c=Tn(n,"containerBorderWidth",null);yi(c)||(c=1);let p=Tn(n,"containerBorderColor",null);An(p)||(p="#f26");let f=`c${Ni(8)}`;function h(n,e,t){r&&o&&i&&l&&!a&&(l.style.top=e-r.tShiftY+"px",l.style.left=n-r.tShiftX+"px")}function g(){Ud(`[${e}='${f}']`),r=null,o=null,i=null,l=null}let m=function(n){h(n.clientX,n.clientY)};window.addEventListener("mousemove",m);let v=function(n){let e=am(n);e&&h(e.clientX,e.clientY)};return window.addEventListener("touchmove",v),{createPreview:function(n,a,m){try{!function(){let g=function(n,e,r){let o=Pc(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===g)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(g);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=`${g.tWidth+2*c}px`,b.style.height=`${g.tHeight+2*c}px`,b.style.opacity=s,b.style.background=u,b.style.border=`${c}px solid ${p}`,b.style.pointerEvents="none",b.appendChild(y),document.querySelector("body").appendChild(b),r=g,o=v,i=y,l=b,h(a,m)}()}catch(n){}let v=setInterval((()=>{let n=dm(t,d);document.querySelector(`[${d}='${n}']`)||(clearInterval(v),g())}),500)},updateDragPreview:h,pauseDragPreview:function(n){a=n},removeDragPreview:g,setNodeStyle:function(n){try{De(n,((n,e)=>{r.style[e]=n}))}catch(n){}},setCoverStyle:function(n){try{De(n,((n,e)=>{o.style[e]=n}))}catch(n){}},setSellStyle:function(n){try{De(n,((n,e)=>{i.style[e]=n}))}catch(n){}},setContainerStyle:function(n){try{De(n,((n,e)=>{l.style[e]=n}))}catch(n){}},clear:function(){window.removeEventListener("mousemove",m),window.removeEventListener("touchmove",v)}}}let um={};function cm(n,e,t){let{attIdentify:r,previewOpacity:o,previewBackground:i,previewBorderWidth:l,previewBorderColor:a}=t;if(!Zn(um,n)){let e=ga(),t=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(){De(e,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}return{bind:t,unbind:r}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});t.bind();let d=sm({attIdentify:r,containerOpacity:o,containerBackground:i,containerBorderWidth:l,containerBorderColor:a});um[n]={eleIds:[],evg:e,oevg:t,pv:d,isInit:!1,isActive:!0}}return um[n].eleIds.push(e),um[n].evg}function pm(n,e,t){let r=null;return De(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(dm(n,e)===t)return r=n,!1})),r}function fm(n,e,t){let r=null,o=am(n);return o?(De(function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(o.clientX,o.clientY),(n=>{if(dm(n,e)===t)return r=n,!1})),r):r}function hm(n,e){let t=dm(n,e);return t=Vr(t),t}function gm(n){let{gid:e,attGroup:t,attIndex:r,attIdentify:o,timeDragStartDelay:i,previewOpacity:l,previewDisabledOpacity:a}=n,d=null,s=null,u=null,c=null;if(um[e].isInit)return um[e].evg;um[e].isInit=!0;let p=um[e].evg;p.on(e+"-dragStart",(function(n){let{e:t,ele:l,from:u}=n;if(!um[e].isActive)return;let c=hm(l,r);if(null===c)return;d=c,s=l;let h={event:t,startInd:d,startEle:s,tarInd:d,tarEid:dm(s,o)};p.emit(e+"-change",{mode:"start",...h}),p.emit(e+"-start",h);let g=am(t);if(!g)return;setTimeout((()=>{null!==d&&(f.createPreview(s,g.clientX,g.clientY),f.setContainerStyle({opacity:a}))}),i)})),p.on(e+"-dragMove",(function(n){let{e:i,name:h,from:g}=n;if(!um[e].isActive)return;let m=pm(i,t,e);if(null===d)return;let v=am(i);if(!v)return;function y(){let n={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o)};p.emit(e+"-change",{mode:"leave",...n}),p.emit(e+"-leave",n),u=null,c=null,f.setContainerStyle({opacity:a})}if(!m)return void(null!==u&&y());let b=hm(m,r);if(null===b)return;if(b===d)return void(null!==u&&y());if(b!==u)null!==u&&y(),function(n,t){u=n,c=t;let r={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o)};p.emit(e+"-change",{mode:"enter",...r}),p.emit(e+"-enter",r),f.setContainerStyle({opacity:l})}(b,m);else{let n=function(n,e){if(!Di(n))return null;if(!yi(n.clientX)||!yi(n.clientY))return null;if(!Oi(e))return null;let t=Pc(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(v,m),t=0;n.w>0&&(t=n.x/n.w);let r=0;n.h>0&&(r=n.y/n.h),t>=0&&t<=1&&r>=0&&r<=1&&function(n,t,r){let a={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o),...n,rx:t,ry:r};p.emit(e+"-change",{mode:"move",...a}),p.emit(e+"-move",a),f.setContainerStyle({opacity:l})}(n,t,r)}})),p.on(e+"-dragDrop",(function(n){let{e:i,name:l,from:a}=n;if(f.removeDragPreview(),!um[e].isActive)return;if(null===d)return;let h=fm(i,t,e);if(!h)return d=null,s=null,u=null,void(c=null);let g=hm(h,r);if(null===g)return;(function(n,t){u=n,c=t;let r={event:i,startInd:d,startEle:s,endInd:u,endEle:c,tarInd:u,tarEid:dm(c,o)};p.emit(e+"-change",{mode:"drop",...r}),p.emit(e+"-drop",r)})(g,h),d=null,s=null,u=null,c=null}));let f=um[e].pv}function mm(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Oi(n))return void console.log("ele is not a HTMLElement",n);let t=Tn(e,"attIdentify",null);An(t)||(t="dragid");let r=Tn(e,"attIndex",null);An(r)||(r="dragindex");let o=Tn(e,"attGroup",null);An(o)||(o="draggroup");let i=Tn(e,"group",null);An(i)||(i="group");let l=Tn(e,"previewOpacity",null);yi(l)||(l=.4);let a=Tn(e,"previewDisabledOpacity",null);yi(a)||(a=.2);let d=Tn(e,"previewBackground",null);An(d)||(d="white");let s=Tn(e,"previewBorderWidth",null);yi(s)||(s=1);let u=Tn(e,"previewBorderColor",null);An(u)||(u="#f26");let c=Tn(e,"timeDragStartDelay",null);yi(c)||(c=120);let p=`c${Ni(8)}`,f=i;n.setAttribute(o,f),n.setAttribute(t,p);let h=cm(f,p,{attIdentify:t,previewOpacity:l,previewBackground:d,previewBorderWidth:s,previewBorderColor:u}),g=function(n,e,t,r){let o=[];return{bind:function(){let t;t="mousedown";let r=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,r,!1),o.push({ele:n,name:t,f:r}),t="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),o.push({ele:n,name:t,f:i}),t="touchmove";let l=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(t,l,!1),o.push({ele:n,name:t,f:l})},unbind:function(){De(o,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}}}(n,{dragStart:n=>{h.emit(f+"-dragStart",n)},dragMove:n=>{h.emit(f+"-dragMove",n)}});g.bind(),gm({gid:f,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:c,previewOpacity:l,previewDisabledOpacity:a});let m=ga();return h.on(i+"-change",(n=>{n.tarEid===p&&m.emit("change",n)})),h.on(i+"-start",(n=>{n.tarEid===p&&m.emit("start",n)})),h.on(i+"-move",(n=>{n.tarEid===p&&m.emit("move",n)})),h.on(i+"-enter",(n=>{n.tarEid===p&&m.emit("enter",n)})),h.on(i+"-leave",(n=>{n.tarEid===p&&m.emit("leave",n)})),h.on(i+"-drop",(n=>{n.tarEid===p&&m.emit("drop",n)})),m.setIsActive=function(n){um[f].isActive=n},m.unbind=function(){g.unbind(),function(n,e){let t=um[n],r=pa(t.eleIds);cs(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete um[n])}(f,p)},m}function vm(){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=Tn(r,"value");if(l=Di(l),!l)return;let a=Tn(r,"value.group");if(!An(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=mm(t,{group:a,attIdentify:Tn(r,"value.attIdentify"),attGroup:Tn(r,"value.attGroup"),attIndex:Tn(r,"value.attIndex"),previewOpacity:Tn(r,"value.previewOpacity"),previewDisabledOpacity:Tn(r,"value.previewDisabledOpacity"),previewBackground:Tn(r,"value.previewBackground"),previewBorderWidth:Tn(r,"value.previewBorderWidth"),previewBorderColor:Tn(r,"value.previewBorderColor"),timeDragStartDelay:Tn(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${Ni()}`;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 ym(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 bm(n,e){var t=!0;return ze(n,(function(n,r,o){return t=!!e(n,r,o)})),t}function Cm(n,e,t){var r=u(n)?ym:bm;return t&&Do(n,e,t)&&(e=void 0),r(n,ar(e))}const xm={directives:{domresize:ma()},components:{WPanelScrollyCore:lg},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 Sm=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)};Sm._withStripped=!0;const Im=t({render:Sm,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})}),xm,"data-v-1626f0ce",false,undefined,!1,o,void 0,void 0);const wm={directives:{domripple:ns()},components:{WIcon:ls},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=Ye(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${Qd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return ui(this.backgroundColor)},effBackgroundColorHover:function(){return ui(this.backgroundColorHover)},effBackgroundActive:function(){return ui(this.backgroundColorActive)},effBackgroundColorDisabled:function(){return ui(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 ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},effTextActive:function(){return ui(this.textColorActive)},effTextColorDisabled:function(){return ui(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 ui(this.iconColor)},effIconColorHover:function(){return ui(this.iconColorHover)},effIconActive:function(){return ui(this.iconColorActive)},effIconColorDisabled:function(){return ui(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 ui(this.disabledColor)}},methods:{clickItem:function(){let n=this;n.editable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var km=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)])};km._withStripped=!0;const Tm=t({render:km,staticRenderFns:[]},(function(n){n&&n("data-v-4d1777c6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})}),wm,"data-v-4d1777c6",false,undefined,!1,o,void 0,void 0);var Bm={directives:{domresize:ma()},components:{WPanelScrolly:Im,WListItem:Tm},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!==di(this.items)&&Cm(this.items,(n=>Bn(n)))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=Tn(e,"$refs.refHeader");Oi(r)&&(t=r.offsetHeight);let o=0,i=Tn(e,"$refs.refFooter");Oi(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?Tn(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return Tn(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.enableActive&&(t=Qc(n,e.itemActiveTrans)),t},getEditable:function(n){return Tn(n,"editable",!0)},updateUseItems:function(){let n=this;(async function(){let e=[];if(An(n.queryTrans))for(let t=0;t<di(n.items);t++){let r=n.items[t],o=!1;if(je(n.funFilter))o=n.funFilter(r,t),_r(o)&&(o=await o);else{let e=Wr(n.queryTrans.toLowerCase()," "),t="";t=n.isObjValue?n.getText(r):Ka(r),t=t.toLowerCase();for(let n=0;n<di(e);n++){let r=e[n];if(t.indexOf(r)>=0){o=!0;break}}}o&&e.push(pa(r))}else e=pa(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 Hm=Bm;var Am=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)])};Am._withStripped=!0;const Wm=t({render:Am,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})}),Hm,"data-v-e0a8f594",false,undefined,!1,o,void 0,void 0);var Fm={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 Tn({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?ui(n.iconColor):ui(n.iconDisabledColor)},useIconBackgroundColor:function(){return ui(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return ui(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};const Zm=Fm;var Xm=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",{staticStyle:{padding:"1px"}},[t("div",{staticClass:"cc circle",style:"transition:all 0.5s; 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)])])};Xm._withStripped=!0;const Pm=t({render:Xm,staticRenderFns:[]},(function(n){n&&n("data-v-3ff0a738_0",{source:"\n.caretRight[data-v-3ff0a738] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-3ff0a738] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-3ff0a738] {\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:";AA+LA;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 style="padding:1px;">\r\n                            <div\r\n                                class="cc circle"\r\n                                :style="`transition:all 0.5s; background:${useIconBackgroundColor};`"\r\n                                @mouseenter="mouseenter"\r\n                                @mouseleave="mouseleave"\r\n                            >\r\n                                \x3c!-- 圖標稍微偏左1px得強制移動 --\x3e\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                        </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})}),Zm,"data-v-3ff0a738",false,undefined,!1,o,void 0,void 0);const Rm={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?ui(n.checkedDisabledColor):"unchecked"===n.mode?ui(n.uncheckedDisabledColor):ui(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?ui(n.uncheckedColor):ui(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?ui(n.checkedColor):ui(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?ui(n.checkedPartiallyColor):ui(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Lm=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 -1 24 23"}},[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 -1 24 23"}},[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 -1 24 23"}},[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+";"})])])])])])};Lm._withStripped=!0;const zm=t({render:Lm,staticRenderFns:[]},(function(n){n&&n("data-v-180cf748_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Rm,"data-v-180cf748",false,undefined,!1,o,void 0,void 0);let Vm=qh();var Nm={directives:{domdragdrop:vm(),domripple:ns()},components:{WDynamicList:cg,WButtonCircle:Qu,WButtonChip:Eu,WText:Ip,WPopup:zc,WDialog:Ah,WListVertical:Wm,WTreeIconToggle:Pm,WTreeIconCheckbox:zm,Teleport:s},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..."},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:Na},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:Wa},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:Za},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:Xa},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:Mh(),mmkey:Ni(),viewHeightMaxTrans:2,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&&Vm.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 yi(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=Tn(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.filterKeyWordsDebounce(),""},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:${Qd(this.paddingStyle)};`},useItemTextColor:function(){return ui(this.itemTextColor)},useItemBackgroundColor:function(){return ui(this.itemBackgroundColor)},useItemTextColorHover:function(){return ui(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return ui(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return ui(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return ui(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return ui(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return ui(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return ui(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return ui(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return ui(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 ui(this.editorRenameContentBackgroundColor)},useEditorFooterBackgroundColor:function(){return ui(this.editorRenameFooterBackgroundColor)}},methods:{getEmitData:function(n,e){return{event:n,ele:Tn(n,"currentTarget",null),row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(yi(e.viewHeightMax))return;let t=Tn(n,"height");yi(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:async function(n){return sr(await lm(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(!Ge(n)&&!Bn(n)){return"data is not an array or object"}null!==e.mmkey&&Vm.remove(e.mmkey),n=pa(n);let t=await e.getRowsFromData(n);Vm.set(e.mmkey,t),await $r((()=>void 0!==e.$refs.wdl),{timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterKeyWords()})().catch((n=>{console.log(n)}))},getText:function(n){let e=Tn(n,this.keyText,"");return e=Ka(e),e},getEditable:function(n){return!Tn(n,this.keyLocked,!1)},isKey:function(n){return An(n)||Fn(n)},getUseActivable:function(n){let e=this;if(!e.activable)return!1;let t=!0;if(je(e.funActive)&&(t=e.funActive(e.getEmitData({},n)),!Ln(t)))throw new Error("funActive return value is not a boolean");return t},getTextColor:function(n){let e=this,t=Tn(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=Tn(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=Tn(e,"row.item"),o=Tn(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=Tn(e,"row.item"),o=!0;if(je(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=Tn(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(Qc(n.selectionsTrans,n.selections))return;await $r((()=>void 0!==n.$refs.wdl),{timeInterval:20});let t={fun:function(t){let r={};De(t,((e,o)=>{let i=Tn(e,`row.item.${n.keyPrimary}`);if(Zn(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"})),De(pa(n.selections),(o=>{let i=o[n.keyPrimary],l=r[i];if(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",pa(e))})().catch((n=>{console.log(n)}))},addSelection:function(n,e){let t=this,r=Tn(e,t.keyPrimary,null);if(null!==r){if(!Zg(n,{[t.keyPrimary]:r})){let r={};De(e,((n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=pa(n))})),n.push(r)}}},removeSelection:function(n,e){let t=this,r=Tn(e,t.keyPrimary,null);if(null!==r){Zg(n,{[t.keyPrimary]:r})&&function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=ar(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}Vg(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 Vm.get(this.mmkey)},getLevelDiff:function(n){let e=Vm.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=Tn(n,`${e}.item.level`,null),r=Tn(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=Tn(n,`${e}.row.item.level`,null),r=Tn(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Fr(n)&&Fr(e)?e-n:0},getLevel:function(n){return Tn(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,t){let l=Tn(n,`${e}.row.item.level`,null);if(null!==l)for(let t=e+1;t<n.length;t++){let e=Tn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(l>=e)break;let a=i();n[t].displayShow=a;let d=r.getLevelDiffFromItems(n,t);if(d>0){let e=Tn(n,`${t}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=jg(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=Tn(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=Tn(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=mg(o),o=jg(o),De(o,(e=>{t.toggleItemsCore(n,e,!0)}))},defaultToggleItems:function(){let n=this;(async function(){if(!yi(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=Vr(n.defaultDisplayLevelTrans);De(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),De(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=Tn(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=Tn(r,`${o}.row.unfolding`,null);null!==i?(Ln(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(!je(n))return;let e=n(this.getRows());_r(e)&&(e=await e);let t=Tn(e,"row");if(!Di(t))return void console.log("invalid row",t);let r=Tn(e,"toUnfolding");Ln(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:Kr(mg(o),"-")}},getParentIndex:function(n,e){let t=Tn(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=Tn(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=Tn(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=Tn(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=Tn(e,i,null),a=Tn(l,"row.checked",""),d=function(n){let t=Tn(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:Tn(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=Tn(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:Tn(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=Tn(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:Tn(e,`${o}.row.checked`,"")})}let o=di(r),i=0,l=0;return De(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=pa(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=Tn(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",pa(t))})().catch((n=>{console.log(n)}))},filterKeyWordsCore:async function(n){let e=this;if(e.useDraggableOrOperatable)return Promise.resolve();if(e.filterKeywordsTransTemp===e.filterKeywordsTrans)return Promise.resolve();e.filterKeywordsTransTemp=e.filterKeywordsTrans;let t=0;if(0===di(e.filterKeywordsTrans)){for(let e=0;e<n.length;e++)n[e].filterShow=!0;t=n.length}else{let r=Wr(e.filterKeywordsTrans.toLowerCase()," "),o={};for(let i=0;i<n.length;i++){let l=!1;if(je(e.funFilter))l=e.funFilter(n[i].row.item,r),_r(l)&&(l=await l);else{let t=e.getText(n[i].row.item);t=t.toLowerCase();for(let n=0;n<r.length;n++){let e=r[n];if(t.indexOf(e)>=0){l=!0;break}}}if(l){n[i].filterShow=!0;let r=e.getAllParentIndex(n,i);""!==r.path&&(Zn(o,r.path)||(De(r.inds,(e=>{n[e].filterShow=!0})),o[r.path]=r)),t++}else n[i].filterShow=!1}}return t},filterKeyWords:function(){let n=this;(async function(){if(!n.$refs.wdl)return;if(n.filtering)return;n.filtering=!0;let e=-1,t={fun:async function(t){e=await n.filterKeyWordsCore(t)}};n.$refs.wdl.setSearchingResults(-1),n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.$refs.wdl&&n.$refs.wdl.setSearchingResults(e),n.filtering=!1})().catch((n=>{console.log(n)}))},filterKeyWordsDebounce:function(){let n=this;n.dbc((()=>{n.filterKeyWords()}))},deleteItem:function(n,e){if(0===di(e))throw new Error("invalid nk");if(1===di(e))Gg(n,e);else{let t=jg(e),r=Rg(e),o=Tn(n,t,[]);Gg(o,[r])}},getPathInfors:function(n,e){let t=this,r=[];for(let o=0;o<di(e);o++){if(e[o]===t.keyChildren)continue;let i=[];for(let n=0;n<=o;n++)i.push(e[n]);let l=Tn(n,i),a={};De(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=Vm.get(o.mmkey),l=pa(o.data),a=i[n],d=i[e],s=a.item.nk,u=d.item.nk,c=pa(Tn(l,s)),p=o.getPathInfors(l,s),f=[],h=s,g=[];if("forward"===t&&o.deleteItem(l,s),"before"===r||"after"===r){let n,e=Rg(u)[0];if(1===di(u))n=l;else{let e=jg(u);n=Tn(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,c);let t=jg(u);t=[...t,e],g=t,f=o.getPathInfors(l,t)}else if("belongto"===r){let n=[...u,o.keyChildren],e=Tn(l,n,[]);e.push(c),Sg(l,n,e);let t=[...n,di(e)-1];g=t,f=o.getPathInfors(l,t)}"backward"===t&&o.deleteItem(l,s),o.$nextTick((()=>{o.$emit("update:data",pa(l)),o.$emit("change-item",{from:"drag",mode:"move",dir:t,kind:r,nkOri:h,pathInforsOri:p,nkNew:g,pathInforsNew:f})}))},getUseOperateItems:function(n){let e=this;if(!e.operatable)return[];let t=null;if(je(e.funOperateItem)){let r=e.funOperateItem(e.getEmitData({},n));if(!Ln(r)&&!Ge(r))throw new Error("funOperateItem return value is not a boolean or an array");!0===r?t=e.operateItems:!1===r?t=[]:(t=[],De(r,(n=>{let r=Zg(e.operateItems,{key:n});Di(r)&&t.push(r)})))}else t=e.operateItems;return t},getUseOperatable:function(n){return di(this.getUseOperateItems(n))>0},getOperatePanelHeight:function(n){let e=this,t="";if(Fn(e.operatePanelHeight))t=`height:${e.operatePanelHeight}px;`;else if(An(e.operatePanelHeight))t=`height:${e.operatePanelHeight};`;else if(Fn(e.operateItemHeight)){let r=Zr(e.operateItemHeight);t=`height:${di(e.getUseOperateItems(n))*r}px;`}return t},operateItem:async function(n,e,t){let r=this;await async function(){let o=Vm.get(r.mmkey),i=pa(r.data),l=o[n],a=l.item.nk,d="",s=[],u=[],c=[],p=[];if("Delete"===e)d="self",c=a,s=r.getPathInfors(i,a),r.deleteItem(i,a),p=[],u=[];else if("Rename"===e){if(r.editorRenameData=i,r.editorRenameItem=Tn(l,"item",{}),r.editorRenameInputText=Tn(l,`item.${r.keyText}`,""),"save"!==await r.showEditor())return;d="self",c=a,s=r.getPathInfors(r.data,a),i=r.editorRenameData,p=c,u=r.getPathInfors(i,a)}else{if(!je(t))throw new Error("invalid fun");let n=t();if(_r(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=[],s=[];let e,t=Rg(a)[0];if(1===di(a))e=i;else{let n=jg(a);e=Tn(i,n,[])}"before"===o||"after"===o&&(t+=1),e.splice(t,0,n);let l=jg(a);l=[...l,t],p=l,u=r.getPathInfors(i,l)}else if("belongto"===o){c=[],s=[];let e=[...a,r.keyChildren],t=Tn(i,e,[]);t.push(n),Sg(i,e,t);let o=[...e,di(t)-1];p=o,u=r.getPathInfors(i,o)}}r.$nextTick((()=>{r.$emit("update:data",pa(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:s,nkNew:p,pathInforsNew:u})}))}().catch((n=>{console.log(n)}))},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Ni()}`),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 di(n)>=di(e)&&function(n,e){let t=cc([di(n),di(e)]);return Qc(Pg(n,t),Pg(e,t))}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=Vm.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=Tn(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Zr(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){Sg(n,e,t),this.setData(n)},saveRename:function(){let n=this,e=[...Tn(n.editorRenameItem,"nk",[]),n.keyText],t=n.editorRenameInputText;Sg(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=Xn();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 Dm=Nm;var Gm=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,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)};Gm._withStripped=!0;const jm=t({render:Gm,staticRenderFns:[]},(function(n){n&&n("data-v-a3691466_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Dm,"data-v-a3691466",false,undefined,!1,o,void 0,void 0);var Km={directives:{domresize:ma()},components:{WIcon:ls,WTree:jm,WListVertical:Wm,WDrawer:Vh,WButtonChip:Eu,WButtonCircle:Qu},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:Ra},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:Ra},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:Ha},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:Na},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:Za},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:Xa},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 ui(this.treeBackgroundColor)},effListBackgroundColor:function(){return ui(this.listBackgroundColor)},effPathBackgroundColor:function(){return ui(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return ui(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return ui(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return ui(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return ui(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return ui(this.listItemIconColor)},effListItemIconColorHover:function(){return ui(this.listItemIconColorHover)},effListItemIconColorActive:function(){return ui(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return ui(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=Qd(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){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!rs(n))return[];if(1===di(n))return n;let t=Tn(e,"localeCompare");Ln(t)||(t=!1);let r=Tn(e,"returnIndex");Ln(r)||(r=!1);let o=Tn(e,"compareKey",null),i=null;i=t?xg:Cg;let l,a=yg(n);if(""===a)return[];if("obj"===a){if(!An(o))return[];let e=sr(n,((n,e)=>Tn(n,o,""))),a=yg(e);if("num"!==a&&"str"!==a)return[];{t&&(a="files");let o=i(bg(e,a),!0);l=r?o:sr(o,(e=>n[e]))}}else"num"!==a&&"str"!==a||(t&&(a="files"),l=i(bg(n,a),r));return l}(n,{compareKey:"text",localeCompare:!0}),je(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=Xg(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=Tn(n,"isHover");Ln(t)||(t=!1);let r=Tn(n,"isActive");return Ln(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=Tn(n,"isHover");Ln(t)||(t=!1);let r=Tn(n,"isActive");return Ln(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=sr(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=Tn(t.treeItems,r),i=`${r}.children`,l=Tn(t.treeItems,i);t.listFolder(l);let a=Tn(o,"pathInfors",[]);t.pathInfors=a},ckTreeFolder:function(n){let e=this,t=Tn(n,"data",null),r=Tn(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=Tn(n,"item.data",null),r=Tn(n,"item.data.id","");"folder"===Tn(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=Tn(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(!je(n))return;let t=[];De(e.kpPath,(n=>{let r=Tn(e.treeItems,n,"");t.push(r)}));let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});_r(r)&&(r=await r);let o=Tn(r,"id");An(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)},useFunOperateItem:function(n){let e=["Rename","InsertChild","Delete"];return Tn(n,"item.id","")===this.bindRoot&&(e=["InsertChild"]),e},changeData:function(n){},changeItem:function(n){let e=this,t=n=>{let e=di(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=Tn(n,e,{}),o=Tn(r,"text","");if(!An(o))throw new Error("node.text is not a string");let i=Tn(n,t,{}),l="/"+Kr([...Tn(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=pa(e.itemsTrans),r.push(o)}else if("delete"===n.mode){let o=t(n.pathInforsOri),i=di(o.path),l=pa(e.itemsTrans);r=[],De(l,(n=>{ja(n.path,i)!==o.path&&r.push(n)}))}else if("move"===n.mode||"rename"===n.mode){let t=n.pathInforsOri,o=n.pathInforsNew,i="/"+Kr(sr(t,"text"),"/"),l=di(i),a="/"+Kr(sr(o,"text"),"/");r=pa(e.itemsTrans),r=sr(r,(n=>{if(ja(n.path,l)===i){let e=Gr(n.path,l);n.path=a+e}return n}))}r=(n=>{let t=di(e.bindRoot)+1;return n=sr(n,(n=>(n.path=Gr(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 Ym=Km;var _m=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)};_m._withStripped=!0;const $m=t({render:_m,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})}),Ym,"data-v-23417630",false,undefined,!1,o,void 0,void 0);const Em={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var Mm=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)};Mm._withStripped=!0;const Om=t({render:Mm,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})}),Em,"data-v-203dff40",false,undefined,!1,o,void 0,void 0);const Jm={components:{WGroupBaggageItem:Om},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 ui(this.connLineColor)},effTagTextColor:function(){return ui(this.tagTextColor)},effTagTextColorHover:function(){return ui(this.tagTextColorHover)},effTagBorderColor:function(){return ui(this.tagBorderColor)},effTagBorderColorHover:function(){return ui(this.tagBorderColorHover)},effTagBackgroundColor:function(){return ui(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return ui(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${Qd(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},effContentTextColor:function(){return ui(this.contentTextColor)},effContentTextColorHover:function(){return ui(this.contentTextColorHover)},effContentBorderColor:function(){return ui(this.contentBorderColor)},effContentBorderColorHover:function(){return ui(this.contentBorderColorHover)},effContentBackgroundColor:function(){return ui(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return ui(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${Qd(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=Ye(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return yi(n)?`width:${n}px; min-width:${n}px; max-width:${n}px;`:""},getTag:function(n){return Tn(n,this.keyTag,"")},getText:function(n){return Tn(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 Qm=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)};Qm._withStripped=!0;const Um=t({render:Qm,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})}),Jm,"data-v-992f831a",false,undefined,!1,o,void 0,void 0);const qm={directives:{domdragdrop:vm()},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!==di(this.itemsTrans)&&Cm(this.itemsTrans,(n=>Bn(n)))}},methods:{getForKey:function(n){let e=this,t=null;return t=je(e.keyBinder)?e.keyBinder(n):e.isObjValue?Eh(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Ni()}`),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=pa(e.itemsTrans);if(t>r){let n=Gg(o,t)[0];o.splice(r,0,n)}else{let n=pa(o[t]);o.splice(r+1,0,n),Gg(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}e.$nextTick((()=>{e.$emit("dragdrop",n)}))}}};var nv=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)};nv._withStripped=!0;const ev=t({render:nv,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})}),qm,"data-v-c444ef32",false,undefined,!1,o,void 0,void 0);var tv={components:{WButtonCircle:Qu},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:Tn,itemsTrans:[]}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=pa(n.items),t=sr(e,(e=>{let t=function(e){let t;return t=n.multiCheck?Uc(n.value,e):Qc(e,n.value),t}(e);return{active:t,hover:!1}})),r=sr(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 ui(this.seplineColor)},useShadow:function(){let n=this;return n.shadow&&An(n.shadowStyle)?"box-shadow:"+function(n,e,t){let r=Yo(n=Ye(n,"}","{"),"{");return r=sr(r,(n=>{if(n.indexOf(e)>=0){let e=Wr(n,"=")[1];return e=Fn(e)?Zr(e):.2,function(n,e){let t=ui(n),r=Ed.toRgba(t);return r.a=e,Ed.toRgbaString(r)}(t,e)}return n})),Kr(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""}},methods:{getBorderRadiusStyle:function(n){let e=di(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=pa(e.value);if(n.active){let e=[];De(t,(t=>{Qc(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 rv=tv;var ov=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)])])};ov._withStripped=!0;const iv=t({render:ov,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})}),rv,"data-v-848ff9d4",false,undefined,!1,o,void 0,void 0);const lv={components:{WGroupIconCheck:iv},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 av=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))};av._withStripped=!0;const dv=t({render:av,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})}),lv,"data-v-0c54f846",false,undefined,!1,o,void 0,void 0);const sv={components:{WPopup:zc,WTextCore:Cp,WDynamicList:cg,WIcon:ls},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:za},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 di(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Bn(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)},useItemBackgroundColor:function(){return ui(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return ui(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useItemTextColor:function(){return ui(this.itemTextColor)},useItemTextColorHover:function(){return ui(this.itemTextColorHover)},useItemPadding:function(){return`padding:${Qd(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return ui(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Bn(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=Tn(n,"showPanel",null),o=Tn(n,"focused",null);setTimeout((()=>{Ln(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),Ln(r)&&t.showPanelTrans!==r&&(di(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))}),20)}}};var uv=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)})};uv._withStripped=!0;const cv=t({render:uv,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})}),sv,"data-v-102853a6",false,undefined,!1,o,void 0,void 0);const pv={directives:{domresize:ma()},components:{WShellEllipse:cp,WTextSuggestCore:cv},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=Qd(e.paddingStyle,{returnObj:!0}).bottom-2,r=Tn(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return Bn(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 fv=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)};fv._withStripped=!0;const hv=t({render:fv,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})}),pv,"data-v-70d0e212",false,undefined,!1,o,void 0,void 0);var gv={directives:{domdragdrop:vm()},components:{WButtonChip:Eu,WTextSuggest:hv},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:Va},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:Va},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:Tn,o2j:Eh,mdiPlusCircle:Va,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userInput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=pa(n.value),n.itemActiveTrans=pa(n.valueActive),""},isObjValue:function(){return 0!==di(this.itemsTrans)&&Cm(this.itemsTrans,(n=>Bn(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:${Qd(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${Ni()}`),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=Tn(n,e,null)),r||(r=Tn(t,e,null)),r},isActive:function(n){return!!this.enableActive&&Qc(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=pa(e.itemsTrans);if(t>r){let n=Gg(o,t)[0];o.splice(r,0,n)}else{let n=pa(o[t]);o.splice(r+1,0,n),Gg(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}},getSuggestText:function(n){let e=this;return Bn(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(""===Ar(n.userInput))return;if(n.addWhenInputByOutside||n.isObjValue)n.$nextTick((()=>{n.$emit("click-add",n.userInput),n.userInput=""}));else{if(di(Ci(n.itemsTrans,(e=>Qc(e,n.userInput))))>=1)return void n.$nextTick((()=>{n.$emit("error","duplicate values"),n.userInput=""}));n.$nextTick((()=>{n.itemsTrans.push(Ar(n.userInput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userInput),n.userInput=""}))}}},pull:function(n,e){let t=[];return De(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=Xn(),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 mv=gv;var vv=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)};vv._withStripped=!0;const yv=t({render:vv,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})}),mv,"data-v-38e0b664",false,undefined,!1,o,void 0,void 0);var bv={components:{WIconLoading:fi},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(){eo(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 Di(this.options)},isGenDone:function(){return""!==this.b64}},methods:{plot:function(){let n=this;(async function(){if(await $r((()=>void 0!==n.$el)),!n.isEff)return;if(n.isGenDone)return;let e=Tn(n,"$el.offsetWidth"),t=Tn(n,"$el.offsetHeight");if(!yi(e)||!yi(t))return;if(e<=0||t<=0||n.scale<=0)return;if(!je(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 Cv=bv;var xv=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)};xv._withStripped=!0;const Sv=t({render:xv,staticRenderFns:[]},(function(n){n&&n("data-v-103739aa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Cv,"data-v-103739aa",false,undefined,!1,o,void 0,void 0);const Iv={components:{WIconLoading:fi},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;eo(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),ro().use(t,{Highcharts:n})}n.cmpName="Highcharts"}))},computed:{},methods:{}};var wv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};wv._withStripped=!0;const kv=t({render:wv,staticRenderFns:[]},(function(n){n&&n("data-v-e04675ce_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Iv,"data-v-e04675ce",false,undefined,!1,o,void 0,void 0);const Tv={components:{WIconLoading:fi},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;eo(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),ro().use(t)}n.cmpName="Highstock"}))},computed:{},methods:{}};var Bv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};Bv._withStripped=!0;const Hv=t({render:Bv,staticRenderFns:[]},(function(n){n&&n("data-v-2e846b32_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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})}),Tv,"data-v-2e846b32",false,undefined,!1,o,void 0,void 0);var Av=4294967295,Wv=Math.min;function Fv(n,e){if((n=Jn(n))<1||n>9007199254740991)return[];var t=Av,r=Wv(n,Av);e=Ne(e),n-=Av;for(var o=te(r,e);++t<n;)e(t);return o}var Zv={};
 /*!
      * Viewer.js v1.11.7
      * https://fengyuanchen.github.io/viewerjs