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

w-component-vue 2.4.20 → 2.4.21

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

Files changed (1524) hide show

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

@@ -1,5 +1,5 @@
 /*!
- * w-component-vue v2.4.20
+ * w-component-vue v2.4.21
  * (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;":""),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-673018d7_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})}),wm,"data-v-673018d7",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.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-2b1767a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})}),Hm,"data-v-2b1767a2",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","");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={};
 /*!
      * Viewer.js v1.11.7
      * https://fengyuanchen.github.io/viewerjs
@@ -20,5 +20,5 @@
      *
      * Date: 2024-11-24T04:32:19.116Z
      */
-!function(n,e){n.exports=function(){function n(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function e(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,a(r.key),r)}}function t(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),Object.defineProperty(n,"prototype",{writable:!1}),n}function r(n,e,t){return(e=a(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function o(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function i(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?o(Object(t),!0).forEach((function(e){r(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function l(n,e){if("object"!=typeof n||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var r=t.call(n,e||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function a(n){var e=l(n,"string");return"symbol"==typeof e?e:e+""}function d(n){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},d(n)}var s={backdrop:!0,button:!0,navbar:!0,title:!0,toolbar:!0,className:"",container:"body",filter:null,fullscreen:!0,inheritedAttributes:["crossOrigin","decoding","isMap","loading","referrerPolicy","sizes","srcset","useMap"],initialCoverage:.9,initialViewIndex:0,inline:!1,interval:5e3,keyboard:!0,focus:!0,loading:!0,loop:!0,minWidth:200,minHeight:100,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,slideOnTouch:!0,toggleOnDblclick:!0,tooltip:!0,transition:!0,zIndex:2015,zIndexInline:0,zoomRatio:.1,minZoomRatio:.01,maxZoomRatio:100,url:"src",ready:null,show:null,shown:null,hide:null,hidden:null,view:null,viewed:null,move:null,moved:null,rotate:null,rotated:null,scale:null,scaled:null,zoom:null,zoomed:null,play:null,stop:null},u='<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>',c="undefined"!=typeof window&&void 0!==window.document,p=c?window:{},f=!(!c||!p.document.documentElement)&&"ontouchstart"in p.document.documentElement,h=!!c&&"PointerEvent"in p,g="viewer",m="move",v="switch",y="zoom",b="".concat(g,"-active"),C="".concat(g,"-close"),x="".concat(g,"-fade"),S="".concat(g,"-fixed"),I="".concat(g,"-fullscreen"),w="".concat(g,"-fullscreen-exit"),k="".concat(g,"-hide"),T="".concat(g,"-hide-md-down"),B="".concat(g,"-hide-sm-down"),H="".concat(g,"-hide-xs-down"),A="".concat(g,"-in"),W="".concat(g,"-invisible"),F="".concat(g,"-loading"),Z="".concat(g,"-move"),X="".concat(g,"-open"),P="".concat(g,"-show"),R="".concat(g,"-transition"),L="click",z="dblclick",V="dragstart",N="focusin",D="keydown",G="load",j="error",K=f?"touchend touchcancel":"mouseup",Y=f?"touchmove":"mousemove",_=f?"touchstart":"mousedown",$=h?"pointerdown":_,E=h?"pointermove":Y,M=h?"pointerup pointercancel":K,O="resize",J="transitionend",Q="wheel",U="ready",q="show",nn="shown",en="hide",tn="hidden",rn="view",on="viewed",ln="move",an="moved",dn="rotate",sn="rotated",un="scale",cn="scaled",pn="zoom",fn="zoomed",hn="play",gn="stop",mn="".concat(g,"Action"),vn=/\s\s*/,yn=["zoom-in","zoom-out","one-to-one","reset","prev","play","next","rotate-left","rotate-right","flip-horizontal","flip-vertical"];function bn(n){return"string"==typeof n}var Cn=Number.isNaN||p.isNaN;function xn(n){return"number"==typeof n&&!Cn(n)}function Sn(n){return void 0===n}function In(n){return"object"===d(n)&&null!==n}var wn=Object.prototype.hasOwnProperty;function kn(n){if(!In(n))return!1;try{var e=n.constructor,t=e.prototype;return e&&t&&wn.call(t,"isPrototypeOf")}catch(n){return!1}}function Tn(n){return"function"==typeof n}function Bn(n,e){if(n&&Tn(e))if(Array.isArray(n)||xn(n.length)){var t,r=n.length;for(t=0;t<r&&!1!==e.call(n,n[t],t,n);t+=1);}else In(n)&&Object.keys(n).forEach((function(t){e.call(n,n[t],t,n)}));return n}var Hn=Object.assign||function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return In(n)&&t.length>0&&t.forEach((function(e){In(e)&&Object.keys(e).forEach((function(t){n[t]=e[t]}))})),n},An=/^(?:width|height|left|top|marginLeft|marginTop)$/;function Wn(n,e){var t=n.style;Bn(e,(function(n,e){An.test(e)&&xn(n)&&(n+="px"),t[e]=n}))}function Fn(n){return bn(n)?n.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):n}function Zn(n,e){return!(!n||!e)&&(n.classList?n.classList.contains(e):n.className.indexOf(e)>-1)}function Xn(n,e){if(n&&e)if(xn(n.length))Bn(n,(function(n){Xn(n,e)}));else if(n.classList)n.classList.add(e);else{var t=n.className.trim();t?t.indexOf(e)<0&&(n.className="".concat(t," ").concat(e)):n.className=e}}function Pn(n,e){n&&e&&(xn(n.length)?Bn(n,(function(n){Pn(n,e)})):n.classList?n.classList.remove(e):n.className.indexOf(e)>=0&&(n.className=n.className.replace(e,"")))}function Rn(n,e,t){e&&(xn(n.length)?Bn(n,(function(n){Rn(n,e,t)})):t?Xn(n,e):Pn(n,e))}var Ln=/([a-z\d])([A-Z])/g;function zn(n){return n.replace(Ln,"$1-$2").toLowerCase()}function Vn(n,e){return In(n[e])?n[e]:n.dataset?n.dataset[e]:n.getAttribute("data-".concat(zn(e)))}function Nn(n,e,t){In(t)?n[e]=t:n.dataset?n.dataset[e]=t:n.setAttribute("data-".concat(zn(e)),t)}var Dn=function(){var n=!1;if(c){var e=!1,t=function(){},r=Object.defineProperty({},"once",{get:function(){return n=!0,e},set:function(n){e=n}});p.addEventListener("test",t,r),p.removeEventListener("test",t,r)}return n}();function Gn(n,e,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t;e.trim().split(vn).forEach((function(e){if(!Dn){var i=n.listeners;i&&i[e]&&i[e][t]&&(o=i[e][t],delete i[e][t],0===Object.keys(i[e]).length&&delete i[e],0===Object.keys(i).length&&delete n.listeners)}n.removeEventListener(e,o,r)}))}function jn(n,e,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t;e.trim().split(vn).forEach((function(e){if(r.once&&!Dn){var i=n.listeners,l=void 0===i?{}:i;o=function(){delete l[e][t],n.removeEventListener(e,o,r);for(var i=arguments.length,a=new Array(i),d=0;d<i;d++)a[d]=arguments[d];t.apply(n,a)},l[e]||(l[e]={}),l[e][t]&&n.removeEventListener(e,l[e][t],r),l[e][t]=o,n.listeners=l}n.addEventListener(e,o,r)}))}function Kn(n,e,t,r){var o;return Tn(Event)&&Tn(CustomEvent)?o=new CustomEvent(e,i({bubbles:!0,cancelable:!0,detail:t},r)):(o=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,t),n.dispatchEvent(o)}function Yn(n){var e=n.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function _n(n){var e=n.rotate,t=n.scaleX,r=n.scaleY,o=n.translateX,i=n.translateY,l=[];xn(o)&&0!==o&&l.push("translateX(".concat(o,"px)")),xn(i)&&0!==i&&l.push("translateY(".concat(i,"px)")),xn(e)&&0!==e&&l.push("rotate(".concat(e,"deg)")),xn(t)&&1!==t&&l.push("scaleX(".concat(t,")")),xn(r)&&1!==r&&l.push("scaleY(".concat(r,")"));var a=l.length?l.join(" "):"none";return{WebkitTransform:a,msTransform:a,transform:a}}function $n(n){return bn(n)?decodeURIComponent(n.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}var En=p.navigator&&/Version\/\d+(\.\d+)+?\s+Safari/i.test(p.navigator.userAgent);function Mn(n,e,t){var r=document.createElement("img");if(n.naturalWidth&&!En)return t(n.naturalWidth,n.naturalHeight),r;var o=document.body||document.documentElement;return r.onload=function(){t(r.width,r.height),En||o.removeChild(r)},Bn(e.inheritedAttributes,(function(e){var t=n.getAttribute(e);null!==t&&r.setAttribute(e,t)})),r.src=n.src,En||(r.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",o.appendChild(r)),r}function On(n){switch(n){case 2:return H;case 3:return B;case 4:return T;default:return""}}function Jn(n){var e=i({},n),t=[];return Bn(n,(function(n,r){delete e[r],Bn(e,(function(e){var r=Math.abs(n.startX-e.startX),o=Math.abs(n.startY-e.startY),i=Math.abs(n.endX-e.endX),l=Math.abs(n.endY-e.endY),a=Math.sqrt(r*r+o*o),d=(Math.sqrt(i*i+l*l)-a)/a;t.push(d)}))})),t.sort((function(n,e){return Math.abs(n)<Math.abs(e)})),t[0]}function Qn(n,e){var t=n.pageX,r=n.pageY,o={endX:t,endY:r};return e?o:i({timeStamp:Date.now(),startX:t,startY:r},o)}function Un(n){var e=0,t=0,r=0;return Bn(n,(function(n){var o=n.startX,i=n.startY;e+=o,t+=i,r+=1})),{pageX:e/=r,pageY:t/=r}}var qn,ne={render:function(){this.initContainer(),this.initViewer(),this.initList(),this.renderViewer()},initBody:function(){var n=this.element.ownerDocument,e=n.body||n.documentElement;this.body=e,this.scrollbarWidth=window.innerWidth-n.documentElement.clientWidth,this.initialBodyPaddingRight=e.style.paddingRight,this.initialBodyComputedPaddingRight=window.getComputedStyle(e).paddingRight},initContainer:function(){this.containerData={width:window.innerWidth,height:window.innerHeight}},initViewer:function(){var n,e=this.options,t=this.parent;e.inline&&(n={width:Math.max(t.offsetWidth,e.minWidth),height:Math.max(t.offsetHeight,e.minHeight)},this.parentData=n),!this.fulled&&n||(n=this.containerData),this.viewerData=Hn({},n)},renderViewer:function(){this.options.inline&&!this.fulled&&Wn(this.viewer,this.viewerData)},initList:function(){var n=this,e=this.element,t=this.options,r=this.list,o=[];r.innerHTML="",Bn(this.images,(function(e,i){var l=e.src,a=e.alt||$n(l),d=n.getImageURL(e);if(l||d){var s=document.createElement("li"),u=document.createElement("img");Bn(t.inheritedAttributes,(function(n){var t=e.getAttribute(n);null!==t&&u.setAttribute(n,t)})),t.navbar&&(u.src=l||d),u.alt=a,u.setAttribute("data-original-url",d||l),s.setAttribute("data-index",i),s.setAttribute("data-viewer-action","view"),s.setAttribute("role","button"),t.keyboard&&s.setAttribute("tabindex",0),s.appendChild(u),r.appendChild(s),o.push(s)}})),this.items=o,Bn(o,(function(e){var r,o,i=e.firstElementChild;Nn(i,"filled",!0),t.loading&&Xn(e,F),jn(i,G,r=function(r){Gn(i,j,o),t.loading&&Pn(e,F),n.loadImage(r)},{once:!0}),jn(i,j,o=function(){Gn(i,G,r),t.loading&&Pn(e,F)},{once:!0})})),t.transition&&jn(e,on,(function(){Xn(r,R)}),{once:!0})},renderList:function(){var n=this.index,e=this.items[n];if(e){var t=e.nextElementSibling,r=parseInt(window.getComputedStyle(t||e).marginLeft,10),o=e.offsetWidth,i=o+r;Wn(this.list,Hn({width:i*this.length-r},_n({translateX:(this.viewerData.width-o)/2-i*n})))}},resetList:function(){var n=this.list;n.innerHTML="",Pn(n,R),Wn(n,_n({translateX:0}))},initImage:function(n){var e,t=this,r=this.options,o=this.image,i=this.viewerData,l=this.footer.offsetHeight,a=i.width,d=Math.max(i.height-l,l),s=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=Mn(o,r,(function(e,o){var i=e/o,l=Math.max(0,Math.min(1,r.initialCoverage)),u=a,c=d;t.imageInitializing=!1,d*i>a?c=a/i:u=d*i,l=xn(l)?l:.9,u=Math.min(u*l,e),c=Math.min(c*l,o);var p=(a-u)/2,f=(d-c)/2,h={left:p,top:f,x:p,y:f,width:u,height:c,oldRatio:1,ratio:u/e,aspectRatio:i,naturalWidth:e,naturalHeight:o},g=Hn({},h);r.rotatable&&(h.rotate=s.rotate||0,g.rotate=0),r.scalable&&(h.scaleX=s.scaleX||1,h.scaleY=s.scaleY||1,g.scaleX=1,g.scaleY=1),t.imageData=h,t.initialImageData=g,n&&n()}))},renderImage:function(n){var e=this,t=this.image,r=this.imageData;if(Wn(t,Hn({width:r.width,height:r.height,marginLeft:r.x,marginTop:r.y},_n(r))),n)if((this.viewing||this.moving||this.rotating||this.scaling||this.zooming)&&this.options.transition&&Zn(t,R)){var o=function(){e.imageRendering=!1,n()};this.imageRendering={abort:function(){Gn(t,J,o)}},jn(t,J,o,{once:!0})}else n()},resetImage:function(){var n=this.image;n&&(this.viewing&&this.viewing.abort(),n.parentNode.removeChild(n),this.image=null,this.title.innerHTML="")}},ee={bind:function(){var n=this.options,e=this.viewer,t=this.canvas,r=this.element.ownerDocument;jn(e,L,this.onClick=this.click.bind(this)),jn(e,V,this.onDragStart=this.dragstart.bind(this)),jn(t,$,this.onPointerDown=this.pointerdown.bind(this)),jn(r,E,this.onPointerMove=this.pointermove.bind(this)),jn(r,M,this.onPointerUp=this.pointerup.bind(this)),jn(r,D,this.onKeyDown=this.keydown.bind(this)),jn(window,O,this.onResize=this.resize.bind(this)),n.zoomable&&n.zoomOnWheel&&jn(e,Q,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),n.toggleOnDblclick&&jn(t,z,this.onDblclick=this.dblclick.bind(this))},unbind:function(){var n=this.options,e=this.viewer,t=this.canvas,r=this.element.ownerDocument;Gn(e,L,this.onClick),Gn(e,V,this.onDragStart),Gn(t,$,this.onPointerDown),Gn(r,E,this.onPointerMove),Gn(r,M,this.onPointerUp),Gn(r,D,this.onKeyDown),Gn(window,O,this.onResize),n.zoomable&&n.zoomOnWheel&&Gn(e,Q,this.onWheel,{passive:!1,capture:!0}),n.toggleOnDblclick&&Gn(t,z,this.onDblclick)}},te={click:function(n){var e=this.options,t=this.imageData,r=n.target,o=Vn(r,mn);switch(o||"img"!==r.localName||"li"!==r.parentElement.localName||(o=Vn(r=r.parentElement,mn)),f&&n.isTrusted&&r===this.canvas&&clearTimeout(this.clickCanvasTimeout),o){case"mix":this.played?this.stop():e.inline?this.fulled?this.exit():this.full():this.hide();break;case"hide":this.pointerMoved||this.hide();break;case"view":this.view(Vn(r,"index"));break;case"zoom-in":this.zoom(.1,!0);break;case"zoom-out":this.zoom(-.1,!0);break;case"one-to-one":this.toggle();break;case"reset":this.reset();break;case"prev":this.prev(e.loop);break;case"play":this.play(e.fullscreen);break;case"next":this.next(e.loop);break;case"rotate-left":this.rotate(-90);break;case"rotate-right":this.rotate(90);break;case"flip-horizontal":this.scaleX(-t.scaleX||-1);break;case"flip-vertical":this.scaleY(-t.scaleY||-1);break;default:this.played&&this.stop()}},dblclick:function(n){n.preventDefault(),this.viewed&&n.target===this.image&&(f&&n.isTrusted&&clearTimeout(this.doubleClickImageTimeout),this.toggle(n.isTrusted?n:n.detail&&n.detail.originalEvent))},load:function(){var n=this;this.timeout&&(clearTimeout(this.timeout),this.timeout=!1);var e=this.element,t=this.options,r=this.image,o=this.index,i=this.viewerData;Pn(r,W),t.loading&&Pn(this.canvas,F),r.style.cssText="height:0;"+"margin-left:".concat(i.width/2,"px;")+"margin-top:".concat(i.height/2,"px;")+"max-width:none!important;position:relative;width:0;",this.initImage((function(){Rn(r,Z,t.movable),Rn(r,R,t.transition),n.renderImage((function(){n.viewed=!0,n.viewing=!1,Tn(t.viewed)&&jn(e,on,t.viewed,{once:!0}),Kn(e,on,{originalImage:n.images[o],index:o,image:r},{cancelable:!1})}))}))},loadImage:function(n){var e=n.target,t=e.parentNode,r=t.offsetWidth||30,o=t.offsetHeight||50,i=!!Vn(e,"filled");Mn(e,this.options,(function(n,t){var l=n/t,a=r,d=o;o*l>r?i?a=o*l:d=r/l:i?d=r/l:a=o*l,Wn(e,Hn({width:a,height:d},_n({translateX:(r-a)/2,translateY:(o-d)/2})))}))},keydown:function(n){var e=this.options;if(e.keyboard){var t=n.keyCode||n.which||n.charCode;if(13===t&&this.viewer.contains(n.target)&&this.click(n),this.fulled)switch(t){case 27:this.played?this.stop():e.inline?this.fulled&&this.exit():this.hide();break;case 32:this.played&&this.stop();break;case 37:this.played&&this.playing?this.playing.prev():this.prev(e.loop);break;case 38:n.preventDefault(),this.zoom(e.zoomRatio,!0);break;case 39:this.played&&this.playing?this.playing.next():this.next(e.loop);break;case 40:n.preventDefault(),this.zoom(-e.zoomRatio,!0);break;case 48:case 49:n.ctrlKey&&(n.preventDefault(),this.toggle())}}},dragstart:function(n){"img"===n.target.localName&&n.preventDefault()},pointerdown:function(n){var e=this.options,t=this.pointers,r=n.buttons,o=n.button;if(this.pointerMoved=!1,!(!this.viewed||this.showing||this.viewing||this.hiding||("mousedown"===n.type||"pointerdown"===n.type&&"mouse"===n.pointerType)&&(xn(r)&&1!==r||xn(o)&&0!==o||n.ctrlKey))){n.preventDefault(),n.changedTouches?Bn(n.changedTouches,(function(n){t[n.identifier]=Qn(n)})):t[n.pointerId||0]=Qn(n);var i=!!e.movable&&m;e.zoomOnTouch&&e.zoomable&&Object.keys(t).length>1?i=y:e.slideOnTouch&&("touch"===n.pointerType||"touchstart"===n.type)&&this.isSwitchable()&&(i=v),!e.transition||i!==m&&i!==y||Pn(this.image,R),this.action=i}},pointermove:function(n){var e=this.pointers,t=this.action;this.viewed&&t&&(n.preventDefault(),n.changedTouches?Bn(n.changedTouches,(function(n){Hn(e[n.identifier]||{},Qn(n,!0))})):Hn(e[n.pointerId||0]||{},Qn(n,!0)),this.change(n))},pointerup:function(n){var e,t=this,r=this.options,o=this.action,i=this.pointers;n.changedTouches?Bn(n.changedTouches,(function(n){e=i[n.identifier],delete i[n.identifier]})):(e=i[n.pointerId||0],delete i[n.pointerId||0]),o&&(n.preventDefault(),!r.transition||o!==m&&o!==y||Xn(this.image,R),this.action=!1,f&&o!==y&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),r.toggleOnDblclick&&this.viewed&&n.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){Kn(t.image,z,{originalEvent:n})}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){t.imageClicked=!1}),500)):(this.imageClicked=!1,r.backdrop&&"static"!==r.backdrop&&n.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){Kn(t.canvas,L,{originalEvent:n})}),50)))))},resize:function(){var n=this;if(this.isShown&&!this.hiding&&(this.fulled&&(this.close(),this.initBody(),this.open()),this.initContainer(),this.initViewer(),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage()})),this.played)){if(this.options.fullscreen&&this.fulled&&!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement))return void this.stop();Bn(this.player.getElementsByTagName("img"),(function(e){jn(e,G,n.loadImage.bind(n),{once:!0}),Kn(e,G)}))}},wheel:function(n){var e=this;if(this.viewed&&(n.preventDefault(),!this.wheeling)){this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50);var t=Number(this.options.zoomRatio)||.1,r=1;n.deltaY?r=n.deltaY>0?1:-1:n.wheelDelta?r=-n.wheelDelta/120:n.detail&&(r=n.detail>0?1:-1),this.zoom(-r*t,!0,null,n)}}},re={show:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,t=this.options;if(t.inline||this.showing||this.isShown||this.showing)return this;if(!this.ready)return this.build(),this.ready&&this.show(n),this;if(Tn(t.show)&&jn(e,q,t.show,{once:!0}),!1===Kn(e,q)||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var r=this.viewer;if(Pn(r,k),r.setAttribute("role","dialog"),r.setAttribute("aria-labelledby",this.title.id),r.setAttribute("aria-modal",!0),r.removeAttribute("aria-hidden"),t.transition&&!n){var o=this.shown.bind(this);this.transitioning={abort:function(){Gn(r,J,o),Pn(r,A)}},Xn(r,R),r.initialOffsetWidth=r.offsetWidth,jn(r,J,o,{once:!0}),Xn(r,A)}else Xn(r,A),this.shown();return this},hide:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.element,r=this.options;if(r.inline||this.hiding||!this.isShown&&!this.showing)return this;if(Tn(r.hide)&&jn(t,en,r.hide,{once:!0}),!1===Kn(t,en))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var o=this.viewer,i=this.image,l=function(){Pn(o,A),n.hidden()};if(r.transition&&!e){var a=function(e){e&&e.target===o&&(Gn(o,J,a),n.hidden())},d=function(){Zn(o,R)?(jn(o,J,a),Pn(o,A)):l()};this.transitioning={abort:function(){n.viewed&&Zn(i,R)?Gn(i,J,d):Zn(o,R)&&Gn(o,J,a)}},this.viewed&&Zn(i,R)?(jn(i,J,d,{once:!0}),this.zoomTo(0,!1,null,null,!0)):d()}else l();return this},view:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.initialViewIndex;if(e=Number(e)||0,this.hiding||this.played||e<0||e>=this.length||this.viewed&&e===this.index)return this;if(!this.isShown)return this.index=e,this.show();this.viewing&&this.viewing.abort();var t=this.element,r=this.options,o=this.title,i=this.canvas,l=this.items[e],a=l.querySelector("img"),d=Vn(a,"originalUrl"),s=a.getAttribute("alt"),u=document.createElement("img");if(Bn(r.inheritedAttributes,(function(n){var e=a.getAttribute(n);null!==e&&u.setAttribute(n,e)})),u.src=d,u.alt=s,Tn(r.view)&&jn(t,rn,r.view,{once:!0}),!1===Kn(t,rn,{originalImage:this.images[e],index:e,image:u})||!this.isShown||this.hiding||this.played)return this;var c=this.items[this.index];c&&(Pn(c,b),c.removeAttribute("aria-selected")),Xn(l,b),l.setAttribute("aria-selected",!0),r.focus&&l.focus(),this.image=u,this.viewed=!1,this.index=e,this.imageData={},Xn(u,W),r.loading&&Xn(i,F),i.innerHTML="",i.appendChild(u),this.renderList(),o.innerHTML="";var p,f,h=function(){var e=n.imageData,t=Array.isArray(r.title)?r.title[1]:r.title;o.innerHTML=Fn(Tn(t)?t.call(n,u,e):"".concat(s," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return jn(t,on,h,{once:!0}),this.viewing={abort:function(){Gn(t,on,h),u.complete?n.imageRendering?n.imageRendering.abort():n.imageInitializing&&n.imageInitializing.abort():(u.src="",Gn(u,G,p),n.timeout&&clearTimeout(n.timeout))}},u.complete?this.load():(jn(u,G,p=function(){Gn(u,j,f),n.load()},{once:!0}),jn(u,j,f=function(){Gn(u,G,p),n.timeout&&(clearTimeout(n.timeout),n.timeout=!1),Pn(u,W),r.loading&&Pn(n.canvas,F)},{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){Pn(u,W),n.timeout=!1}),1e3)),this},prev:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.index-1;return e<0&&(e=n?this.length-1:0),this.view(e),this},next:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.length-1,t=this.index+1;return t>e&&(t=n?0:e),this.view(t),this},move:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,t=this.imageData;return this.moveTo(Sn(n)?n:t.x+Number(n),Sn(e)?e:t.y+Number(e)),this},moveTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=this.element,i=this.options,l=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&i.movable){var a=l.x,d=l.y,s=!1;if(xn(n)?s=!0:n=a,xn(t)?s=!0:t=d,s){if(Tn(i.move)&&jn(o,ln,i.move,{once:!0}),!1===Kn(o,ln,{x:n,y:t,oldX:a,oldY:d,originalEvent:r}))return this;l.x=n,l.y=t,l.left=n,l.top=t,this.moving=!0,this.renderImage((function(){e.moving=!1,Tn(i.moved)&&jn(o,an,i.moved,{once:!0}),Kn(o,an,{x:n,y:t,oldX:a,oldY:d,originalEvent:r},{cancelable:!1})}))}}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n)),this},rotateTo:function(n){var e=this,t=this.element,r=this.options,o=this.imageData;if(xn(n=Number(n))&&this.viewed&&!this.played&&r.rotatable){var i=o.rotate;if(Tn(r.rotate)&&jn(t,dn,r.rotate,{once:!0}),!1===Kn(t,dn,{degree:n,oldDegree:i}))return this;o.rotate=n,this.rotating=!0,this.renderImage((function(){e.rotating=!1,Tn(r.rotated)&&jn(t,sn,r.rotated,{once:!0}),Kn(t,sn,{degree:n,oldDegree:i},{cancelable:!1})}))}return this},scaleX:function(n){return this.scale(n,this.imageData.scaleY),this},scaleY:function(n){return this.scale(this.imageData.scaleX,n),this},scale:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,r=this.element,o=this.options,i=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&o.scalable){var l=i.scaleX,a=i.scaleY,d=!1;if(xn(n)?d=!0:n=l,xn(t)?d=!0:t=a,d){if(Tn(o.scale)&&jn(r,un,o.scale,{once:!0}),!1===Kn(r,un,{scaleX:n,scaleY:t,oldScaleX:l,oldScaleY:a}))return this;i.scaleX=n,i.scaleY=t,this.scaling=!0,this.renderImage((function(){e.scaling=!1,Tn(o.scaled)&&jn(r,cn,o.scaled,{once:!0}),Kn(r,cn,{scaleX:n,scaleY:t,oldScaleX:l,oldScaleY:a},{cancelable:!1})}))}}return this},zoom:function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=this.imageData;return n=(n=Number(n))<0?1/(1-n):1+n,this.zoomTo(o.width*n/o.naturalWidth,e,t,r),this},zoomTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],l=this.element,a=this.options,d=this.pointers,s=this.imageData,u=s.x,c=s.y,p=s.width,f=s.height,h=s.naturalWidth,g=s.naturalHeight;if(xn(n=Math.max(0,n))&&this.viewed&&!this.played&&(i||a.zoomable)){if(!i){var m=Math.max(.01,a.minZoomRatio),v=Math.min(100,a.maxZoomRatio);n=Math.min(Math.max(n,m),v)}if(o)switch(o.type){case"wheel":a.zoomRatio>=.055&&n>.95&&n<1.05&&(n=1);break;case"pointermove":case"touchmove":case"mousemove":n>.99&&n<1.01&&(n=1)}var y=h*n,b=g*n,C=y-p,x=b-f,S=s.ratio;if(Tn(a.zoom)&&jn(l,pn,a.zoom,{once:!0}),!1===Kn(l,pn,{ratio:n,oldRatio:S,originalEvent:o}))return this;if(this.zooming=!0,o){var I=Yn(this.viewer),w=d&&Object.keys(d).length>0?Un(d):{pageX:o.pageX,pageY:o.pageY};s.x-=C*((w.pageX-I.left-u)/p),s.y-=x*((w.pageY-I.top-c)/f)}else kn(r)&&xn(r.x)&&xn(r.y)?(s.x-=C*((r.x-u)/p),s.y-=x*((r.y-c)/f)):(s.x-=C/2,s.y-=x/2);s.left=s.x,s.top=s.y,s.width=y,s.height=b,s.oldRatio=S,s.ratio=n,this.renderImage((function(){e.zooming=!1,Tn(a.zoomed)&&jn(l,fn,a.zoomed,{once:!0}),Kn(l,fn,{ratio:n,oldRatio:S,originalEvent:o},{cancelable:!1})})),t&&this.tooltip()}return this},play:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.isShown||this.played)return this;var t=this.element,r=this.options;if(Tn(r.play)&&jn(t,hn,r.play,{once:!0}),!1===Kn(t,hn))return this;var o=this.player,i=this.loadImage.bind(this),l=[],a=0,d=0;if(this.played=!0,this.onLoadWhenPlay=i,e&&this.requestFullscreen(e),Xn(o,P),Bn(this.items,(function(n,e){var t=n.querySelector("img"),s=document.createElement("img");s.src=Vn(t,"originalUrl"),s.alt=t.getAttribute("alt"),s.referrerPolicy=t.referrerPolicy,a+=1,Xn(s,x),Rn(s,R,r.transition),Zn(n,b)&&(Xn(s,A),d=e),l.push(s),jn(s,G,i,{once:!0}),o.appendChild(s)})),xn(r.interval)&&r.interval>0){var s=function(){clearTimeout(n.playing.timeout),Pn(l[d],A),Xn(l[d=(d-=1)>=0?d:a-1],A),n.playing.timeout=setTimeout(s,r.interval)},u=function(){clearTimeout(n.playing.timeout),Pn(l[d],A),Xn(l[d=(d+=1)<a?d:0],A),n.playing.timeout=setTimeout(u,r.interval)};a>1&&(this.playing={prev:s,next:u,timeout:setTimeout(u,r.interval)})}return this},stop:function(){var n=this;if(!this.played)return this;var e=this.element,t=this.options;if(Tn(t.stop)&&jn(e,gn,t.stop,{once:!0}),!1===Kn(e,gn))return this;var r=this.player;return clearTimeout(this.playing.timeout),this.playing=!1,this.played=!1,Bn(r.getElementsByTagName("img"),(function(e){Gn(e,G,n.onLoadWhenPlay)})),Pn(r,P),r.innerHTML="",this.exitFullscreen(),this},full:function(){var n=this,e=this.options,t=this.viewer,r=this.image,o=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Xn(this.button,w),e.transition&&(Pn(o,R),this.viewed&&Pn(r,R)),Xn(t,S),t.setAttribute("role","dialog"),t.setAttribute("aria-labelledby",this.title.id),t.setAttribute("aria-modal",!0),t.removeAttribute("style"),Wn(t,{zIndex:e.zIndex}),e.focus&&this.enforceFocus(),this.initContainer(),this.viewerData=Hn({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Xn(r,R),Xn(o,R)}),0)}))}))),this},exit:function(){var n=this,e=this.options,t=this.viewer,r=this.image,o=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),Pn(this.button,w),e.transition&&(Pn(o,R),this.viewed&&Pn(r,R)),e.focus&&this.clearEnforceFocus(),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),Pn(t,S),Wn(t,{zIndex:e.zIndexInline}),this.viewerData=Hn({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Xn(r,R),Xn(o,R)}),0)}))})),this):this},tooltip:function(){var n=this,e=this.options,t=this.tooltipBox,r=this.imageData;return this.viewed&&!this.played&&e.tooltip?(t.textContent="".concat(Math.round(100*r.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&Kn(t,J),Xn(t,P),Xn(t,x),Xn(t,R),t.removeAttribute("aria-hidden"),t.initialOffsetWidth=t.offsetWidth,Xn(t,A)):(Xn(t,P),t.removeAttribute("aria-hidden")),this.tooltipping=setTimeout((function(){e.transition?(jn(t,J,(function(){Pn(t,P),Pn(t,x),Pn(t,R),t.setAttribute("aria-hidden",!0),n.fading=!1}),{once:!0}),Pn(t,A),n.fading=!0):(Pn(t,P),t.setAttribute("aria-hidden",!0)),n.tooltipping=!1}),1e3),this):this},toggle:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 1===this.imageData.ratio?this.zoomTo(this.imageData.oldRatio,!0,null,n):this.zoomTo(1,!0,null,n),this},reset:function(){return this.viewed&&!this.played&&(this.imageData=Hn({},this.initialImageData),this.renderImage()),this},update:function(){var n=this,e=this.element,t=this.options,r=this.isImg;if(r&&!e.parentNode)return this.destroy();var o=[];if(Bn(r?[e]:e.querySelectorAll("img"),(function(e){Tn(t.filter)?t.filter.call(n,e)&&o.push(e):n.getImageURL(e)&&o.push(e)})),!o.length)return this;if(this.images=o,this.length=o.length,this.ready){var i=[];if(Bn(this.items,(function(n,e){var t=n.querySelector("img"),r=o[e];r&&t&&r.src===t.src&&r.alt===t.alt||i.push(e)})),Wn(this.list,{width:"auto"}),this.initList(),this.isShown)if(this.length){if(this.viewed){var l=i.indexOf(this.index);if(l>=0)this.viewed=!1,this.view(Math.max(Math.min(this.index-l,this.length-1),0));else{var a=this.items[this.index];Xn(a,b),a.setAttribute("aria-selected",!0)}}}else this.image=null,this.viewed=!1,this.index=0,this.imageData={},this.canvas.innerHTML="",this.title.innerHTML=""}else this.build();return this},destroy:function(){var n=this.element,e=this.options;return n[g]?(this.destroyed=!0,this.ready?(this.played&&this.stop(),e.inline?(this.fulled&&this.exit(),this.unbind()):this.isShown?(this.viewing&&(this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort()),this.hiding&&this.transitioning.abort(),this.hidden()):this.showing&&(this.transitioning.abort(),this.hidden()),this.ready=!1,this.viewer.parentNode.removeChild(this.viewer)):e.inline&&(this.delaying?this.delaying.abort():this.initializing&&this.initializing.abort()),e.inline||Gn(n,L,this.onStart),n[g]=void 0,this):this}},oe={getImageURL:function(n){var e=this.options.url;return e=bn(e)?n.getAttribute(e):Tn(e)?e.call(this,n):""},enforceFocus:function(){var n=this;this.clearEnforceFocus(),jn(document,N,this.onFocusin=function(e){var t=n.viewer,r=e.target;if(r!==document&&r!==t&&!t.contains(r)){for(;r;){if(null!==r.getAttribute("tabindex")||"true"===r.getAttribute("aria-modal"))return;r=r.parentElement}t.focus()}})},clearEnforceFocus:function(){this.onFocusin&&(Gn(document,N,this.onFocusin),this.onFocusin=null)},open:function(){var n=this.body;Xn(n,X),this.scrollbarWidth>0&&(n.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyComputedPaddingRight)||0),"px"))},close:function(){var n=this.body;Pn(n,X),this.scrollbarWidth>0&&(n.style.paddingRight=this.initialBodyPaddingRight)},shown:function(){var n=this.element,e=this.options,t=this.viewer;this.fulled=!0,this.isShown=!0,this.render(),this.bind(),this.showing=!1,e.focus&&(t.focus(),this.enforceFocus()),Tn(e.shown)&&jn(n,nn,e.shown,{once:!0}),!1!==Kn(n,nn)&&this.ready&&this.isShown&&!this.hiding&&this.view(this.index)},hidden:function(){var n=this.element,e=this.options,t=this.viewer;e.fucus&&this.clearEnforceFocus(),this.close(),this.unbind(),Xn(t,k),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),t.setAttribute("aria-hidden",!0),this.resetList(),this.resetImage(),this.fulled=!1,this.viewed=!1,this.isShown=!1,this.hiding=!1,this.destroyed||(Tn(e.hidden)&&jn(n,tn,e.hidden,{once:!0}),Kn(n,tn,null,{cancelable:!1}))},requestFullscreen:function(n){var e=this.element.ownerDocument;if(this.fulled&&!(e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement)){var t=e.documentElement;t.requestFullscreen?kn(n)?t.requestFullscreen(n):t.requestFullscreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT):t.mozRequestFullScreen?t.mozRequestFullScreen():t.msRequestFullscreen&&t.msRequestFullscreen()}},exitFullscreen:function(){var n=this.element.ownerDocument;this.fulled&&(n.fullscreenElement||n.webkitFullscreenElement||n.mozFullScreenElement||n.msFullscreenElement)&&(n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen&&n.msExitFullscreen())},change:function(n){var e=this.options,t=this.pointers,r=t[Object.keys(t)[0]];if(r){var o=r.endX-r.startX,i=r.endY-r.startY;switch(this.action){case m:0===o&&0===i||(this.pointerMoved=!0,this.move(o,i,n));break;case y:this.zoom(Jn(t),!1,null,n);break;case v:this.action="switched";var l=Math.abs(o);l>1&&l>Math.abs(i)&&(this.pointers={},o>1?this.prev(e.loop):o<-1&&this.next(e.loop))}Bn(t,(function(n){n.startX=n.endX,n.startY=n.endY}))}},isSwitchable:function(){var n=this.imageData,e=this.viewerData;return this.length>1&&n.x>=0&&n.y>=0&&n.width<=e.width&&n.height<=e.height}},ie=p.Viewer,le=(qn=-1,function(){return qn+=1}),ae=function(){function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(n(this,e),!t||1!==t.nodeType)throw new Error("The first argument is required and must be an element.");this.element=t,this.options=Hn({},s,kn(r)&&r),this.action=!1,this.fading=!1,this.fulled=!1,this.hiding=!1,this.imageClicked=!1,this.imageData={},this.index=this.options.initialViewIndex,this.isImg=!1,this.isShown=!1,this.length=0,this.moving=!1,this.played=!1,this.playing=!1,this.pointers={},this.ready=!1,this.rotating=!1,this.scaling=!1,this.showing=!1,this.timeout=!1,this.tooltipping=!1,this.viewed=!1,this.viewing=!1,this.wheeling=!1,this.zooming=!1,this.pointerMoved=!1,this.id=le(),this.init()}return t(e,[{key:"init",value:function(){var n=this,e=this.element,t=this.options;if(!e[g]){e[g]=this,t.focus&&!t.keyboard&&(t.focus=!1);var r="img"===e.localName,o=[];if(Bn(r?[e]:e.querySelectorAll("img"),(function(e){Tn(t.filter)?t.filter.call(n,e)&&o.push(e):n.getImageURL(e)&&o.push(e)})),this.isImg=r,this.length=o.length,this.images=o,this.initBody(),Sn(document.createElement(g).style.transition)&&(t.transition=!1),t.inline){var i=0,l=function(){var e;(i+=1)===n.length&&(n.initializing=!1,n.delaying={abort:function(){clearTimeout(e)}},e=setTimeout((function(){n.delaying=!1,n.build()}),0))};this.initializing={abort:function(){Bn(o,(function(n){n.complete||(Gn(n,G,l),Gn(n,j,l))}))}},Bn(o,(function(n){var e,t;n.complete?l():(jn(n,G,e=function(){Gn(n,j,t),l()},{once:!0}),jn(n,j,t=function(){Gn(n,G,e),l()},{once:!0}))}))}else jn(e,L,this.onStart=function(e){var r=e.target;"img"!==r.localName||Tn(t.filter)&&!t.filter.call(n,r)||n.view(n.images.indexOf(r))})}}},{key:"build",value:function(){if(!this.ready){var n=this.element,e=this.options,t=n.parentNode,r=document.createElement("div");r.innerHTML=u;var o=r.querySelector(".".concat(g,"-container")),i=o.querySelector(".".concat(g,"-title")),l=o.querySelector(".".concat(g,"-toolbar")),a=o.querySelector(".".concat(g,"-navbar")),d=o.querySelector(".".concat(g,"-button")),s=o.querySelector(".".concat(g,"-canvas"));if(this.parent=t,this.viewer=o,this.title=i,this.toolbar=l,this.navbar=a,this.button=d,this.canvas=s,this.footer=o.querySelector(".".concat(g,"-footer")),this.tooltipBox=o.querySelector(".".concat(g,"-tooltip")),this.player=o.querySelector(".".concat(g,"-player")),this.list=o.querySelector(".".concat(g,"-list")),o.id="".concat(g).concat(this.id),i.id="".concat(g,"Title").concat(this.id),Xn(i,e.title?On(Array.isArray(e.title)?e.title[0]:e.title):k),Xn(a,e.navbar?On(e.navbar):k),Rn(d,k,!e.button),e.keyboard&&d.setAttribute("tabindex",0),e.backdrop&&(Xn(o,"".concat(g,"-backdrop")),e.inline||"static"===e.backdrop||Nn(s,mn,"hide")),bn(e.className)&&e.className&&e.className.split(vn).forEach((function(n){Xn(o,n)})),e.toolbar){var c=document.createElement("ul"),p=kn(e.toolbar),f=yn.slice(0,3),h=yn.slice(7,9),m=yn.slice(9);p||Xn(l,On(e.toolbar)),Bn(p?e.toolbar:yn,(function(n,t){var r=p&&kn(n),o=p?zn(t):n,i=r&&!Sn(n.show)?n.show:n;if(i&&(e.zoomable||-1===f.indexOf(o))&&(e.rotatable||-1===h.indexOf(o))&&(e.scalable||-1===m.indexOf(o))){var l=r&&!Sn(n.size)?n.size:n,a=r&&!Sn(n.click)?n.click:n,d=document.createElement("li");e.keyboard&&d.setAttribute("tabindex",0),d.setAttribute("role","button"),Xn(d,"".concat(g,"-").concat(o)),Tn(a)||Nn(d,mn,o),xn(i)&&Xn(d,On(i)),-1!==["small","large"].indexOf(l)?Xn(d,"".concat(g,"-").concat(l)):"play"===o&&Xn(d,"".concat(g,"-large")),Tn(a)&&jn(d,L,a),c.appendChild(d)}})),l.appendChild(c)}else Xn(l,k);if(!e.rotatable){var v=l.querySelectorAll('li[class*="rotate"]');Xn(v,W),Bn(v,(function(n){l.appendChild(n)}))}if(e.inline)Xn(d,I),Wn(o,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(t).position&&Wn(t,{position:"relative"}),t.insertBefore(o,n.nextSibling);else{Xn(d,C),Xn(o,S),Xn(o,x),Xn(o,k),Wn(o,{zIndex:e.zIndex});var y=e.container;bn(y)&&(y=n.ownerDocument.querySelector(y)),y||(y=this.body),y.appendChild(o)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,Tn(e.ready)&&jn(n,U,e.ready,{once:!0}),!1!==Kn(n,U)?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}],[{key:"noConflict",value:function(){return window.Viewer=ie,e}},{key:"setDefaults",value:function(n){Hn(s,kn(n)&&n)}}])}();return Hn(ae.prototype,ne,ee,te,re,oe),ae}()}({get exports(){return Zv},set exports(n){Zv=n}});var Xv=Zv;function Pv(n,e,t){(void 0!==t&&!q(n[e],t)||void 0===t&&!(e in n))&&il(n,e,t)}function Rv(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]}function Lv(n,e,t,r,o,i,l){var a=Rv(n,t),d=Rv(e,t),s=l.get(d);if(s)Pv(n,t,s);else{var c,p=i?i(a,d,t+"",n,e,l):void 0,f=void 0===p;if(f){var h=u(d),g=!h&&pe(d),m=!h&&!g&&ke(d);p=d,h||g||m?u(a)?p=a:w(c=a)&&Pe(c)?p=vl(a):g?(f=!1,p=ml(d,!0)):m?(f=!1,p=Tl(d,!0)):p=[]:Mi(d)||de(d)?(p=a,de(a)?p=function(n){return dl(n,cl(n))}(a):W(a)&&!R(a)||(p=Jl(d))):f=!1}f&&(l.set(d,p),o(p,d,r,i,l),l.delete(d)),Pv(n,t,p)}}function zv(n,e,t,r,o){n!==e&&ee(e,(function(i,l){if(o||(o=new _e),W(i))Lv(n,e,l,t,zv,r,o);else{var a=r?r(Rv(n,l),i,l+"",n,e,o):void 0;void 0===a&&(a=i),Pv(n,l,a)}}),cl)}var Vv,Nv=(Vv=function(n,e,t){zv(n,e,t)},Ri((function(n,e){var t=-1,r=e.length,o=r>1?e[r-1]:void 0,i=r>2?e[2]:void 0;for(o=Vv.length>3&&"function"==typeof o?(r--,o):void 0,i&&Do(e[0],e[1],i)&&(o=r<3?void 0:o,r=1),n=Object(n);++t<r;){var l=e[t];l&&Vv(n,l,t,o)}return n}))),Dv=Nv;async function Gv(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=!0,o=null,i=Xn();if(Di(t)||(t={}),!Oi(n))return i.reject("eleImg is not a HTMLElement"),i;if(o=n,null!==e){if(!Oi(e))return i.reject("eleGroup is not a HTMLElement"),i;r=!1,o=e}if(!r){let n=di(e.querySelectorAll("img"));if(0===n)return i.reject("eleGroup does not contain any img"),i;1===n&&(r=!0)}let l={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};r||(l=function(){let n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}()),l=Dv(l,pa(t));let a=!1;l.hide=function(){a||(a=!0,s.hide(!0))},l.hidden=function(){s.destroy(),i.resolve("close")};let d=function(){let n=to();return Xv||n.Viewer}(),s=new d(o,l);return s.show(),i}async function jv(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3?arguments[3]:void 0;return rs(r)||(r=["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]),await Qr(r),Gv(n,e,t)}function Kv(){return new function(n,e){let t=null;Nr(n)||(n=0),n=Vr(n),Rn(e)||(e=!1);let r=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=0,t=[];gp(n)&&(n=0),n=Vr(n);let r=ga();return r.get=function(){return t.length>0?(e+=1,t.splice(0,1)[0]):null},r.cb=function(){e-=1,e<0&&(e=0),t.length>0&&r.emit("message",t)},r.push=function(o){t.push(o),(n<=0||e<n)&&r.emit("message",t)},r.clear=function(){e=0,t=[]},r}(n);return r.on("message",(async function(n){let e=r.get();if(!e)return;await Er(1);let t,o=Tn(e,"id"),i=Tn(e,"fun"),l=Tn(e,"input");t=je(i)?await Oh(i)(...l):{state:"error",msg:"fun is not a function"},r.emit(o,t),r.cb()})),function(n){let o=Xn(),i=Ni();t=i;for(var l=arguments.length,a=new Array(l>1?l-1:0),d=1;d<l;d++)a[d-1]=arguments[d];let s={id:i,fun:n,input:a};return r.push(s),r.once(i,(n=>{e?i===t?"success"===n.state?o.resolve(n.msg):o.reject(n.msg):o.reject({reason:"cancelled"}):"success"===n.state?o.resolve(n.msg):o.reject(n.msg)})),o}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,arguments.length>1&&void 0!==arguments[1]&&arguments[1])}let Yv=!1;var _v={directives:{domresize:ma()},components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageWidth:{type:Number,default:300},imageWidthSoft:{type:Number,default:null},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:()=>{}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:()=>{}}},data:function(){return{dbc:Mh(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{n.loading=!1}))},computed:{changeImages:function(){let n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){let n=this,e=n.widthPanel,t=n.imageWidth,r=n.imageStyle,o=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:r,colNum:o,space:i}),""}},methods:{resize:function(n){let e=this,t=Tn(e,"$el.offsetWidth",0);Yv||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){let t=Xn(),r=`g${Ni()}`,o=document.createElement("img");o.src=n,o.style.maxWidth=`${e}px`;let i=document.createElement("div");return i.id=`img-${r}`,i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(o),document.body.appendChild(i),o.onload=function(){t.resolve({src:n,id:r,w:o.clientWidth,h:o.clientHeight,err:null}),Ud(i)},o.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),Ud(i)},t},getImgsSize:function(n,e){let t=this,r=ga(),o=Kv(t.numParallel);t.imagesRes=[];let i=-1;return De(t.images,((l,a)=>{o(t.getImgSize,l,n).then((n=>{i++;let o=i;t.arrangeWhenFinish&&(o=a);let l={...n,name:(d=n.src,d.split("\\").pop().split("/").pop()),ind:o,evKey:e};var d;t.imagesRes[o]=l,r.emit("get",l)})).catch((n=>{console.log(n)}))})),r},refreshDebounce:function(){let n=this;n.dbc((()=>{n.refresh()}))},refresh:function(){let n=this,e=null,t=null;if(yi(n.imageWidthSoft)&&n.imageWidthSoft>0)t=(n.widthPanel+n.space)/(n.imageWidthSoft+n.space),t=Math.floor(t),t=Math.max(t,1),e=(n.widthPanel-n.space*(t-1))/t;else if(Yr(n.colNum))t=Vr(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(yi(n.imageWidth)&&n.imageWidth>0){e=n.imageWidth;let r=n.widthPanel+n.space;r=Math.max(r,0);let o=e+n.space;o=Math.max(o,1),t=Math.floor(r/o)}else console.log("invalid colNum or imageWidth or imageWidthSoft",n.colNum,n.imageWidth,n.imageWidthSoft),t=4,e=300;n.uesImageWidth=e;let r={...n.imageStyle,"max-width":`${e}px`,"user-select":"none",cursor:"pointer",outline:"none"};function o(){n.imageCols=sr(Fv(t),(()=>[])),n.imageLocs=sr(Fv(t),(()=>0))}function i(e){if(!Ge(n.imageCols))return;let t=function(){let e=n.imageLocs[0],t=0;return De(n.imageLocs,((n,r)=>{e>n&&(e=n,t=r)})),t}();try{n.imageCols[t].push(e),n.imageLocs[t]+=e.h+n.space+53}catch(n){}}function l(){o(),De(n.imagesRes,(n=>{i(n)}))}n.useImageStyle=r,n.first?l():function(){let t=Xn();o();let r=Ni(),a=di(n.images),d=n.getImgsSize(e,r),s=0;d.on("get",(e=>{e.evKey===r&&(i(e),s++,s>=a&&(n.first=!0,n.arrangeWhenFinish&&l(),t.resolve()))}))}()},showImg:function(n,e){let t=this;Yv=!0,jv(n.currentTarget,null,t.opt,t.pathItems).finally((()=>{Yv=!1})),t.$emit("click",e)}}};const $v=_v;var Ev=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.imageCols,(function(e,r){return t("div",{key:"c-"+r,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(r>0?n.space:0)+"px;"},n._l(e,(function(e,r){return t("div",{key:"kimg-"+r,class:n.first?"":"fadeIn",style:"margin:"+(r>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:function(t){n.showImg(t,e)}.apply(null,arguments)},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.8rem",color:"#fff"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.name}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"3px 5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.7rem",opacity:"0.75"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])})),0)})),0)],1)};Ev._withStripped=!0;const Mv=t({render:Ev,staticRenderFns:[]},(function(n){n&&n("data-v-a8c18788_0",{source:"\n.inp[data-v-a8c18788] {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\n}\n.inp[data-v-a8c18788]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-a8c18788] {\r\n    animation: aniFadeIn-data-v-a8c18788 0.3s;\n}\n@keyframes aniFadeIn-data-v-a8c18788\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AAolBA;IACA,aAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;IACA,kBAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\">\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.8rem; color:#fff;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.name\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:3px 5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.7rem; opacity:0.75;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.src\"\r\n                        >\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport each from 'lodash-es/each.js'\r\nimport map from 'lodash-es/map.js'\r\nimport get from 'lodash-es/get.js'\r\nimport times from 'lodash-es/times.js'\r\nimport size from 'lodash-es/size.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [imageWidthSoft=null] 輸入自動計算最小需滿足的圖片寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        imageWidthSoft: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //importResExt\r\n        importResExt(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (isNumber(vo.imageWidthSoft) && vo.imageWidthSoft > 0) {\r\n                // console.log('優先使用imageWidthSoft計算colNum與imageWidth')\r\n\r\n                //colNum\r\n                colNum = (vo.widthPanel + vo.space) / (vo.imageWidthSoft + vo.space)\r\n                colNum = Math.floor(colNum)\r\n                colNum = Math.max(colNum, 1)\r\n                // console.log('colNum', colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - vo.space * (colNum - 1)) / colNum\r\n                // console.log('uesImageWidth', uesImageWidth)\r\n\r\n            }\r\n            else if (ispint(vo.colNum)) {\r\n                // console.log('次先使用colNum計算imageWidth')\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (isNumber(vo.imageWidth) && vo.imageWidth > 0) {\r\n                // console.log('最後使用imageWidth計算colNum')\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth or imageWidthSoft', vo.colNum, vo.imageWidth, vo.imageWidthSoft)\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})}),$v,"data-v-a8c18788",false,undefined,!1,o,void 0,void 0);var Ov={components:{WIconLoading:fi},props:{width:{type:Number,default:null},height:{type:Number,default:null},ratio:{type:Number,default:null},url:{type:String,default:""},delay:{type:Number,default:300}},data:function(){return{ev:null,showed:!1,loaded:!1,useWidth:0,useHeight:0}},mounted:function(){let n=this;n.ev=tg(n.$el,{mode:"event"}),n.ev.create(),n.ev.on("visible",(e=>{if(e)try{n.ev.dispose(),setTimeout((()=>{n.showed=!0}),n.delay)}catch(n){}}))},beforeDestroy:function(){let n=this;try{n.ev.dispose()}catch(n){}},computed:{changeParams:function(){let n=this,e=n.width,t=n.height,r=n.ratio;return Fn(e)&&Fn(t)?(e=Math.max(Zr(e),0),t=Math.max(Zr(t),0),n.useWidth=e,n.useHeight=t):Fn(e)&&Fn(r)?(e=Math.max(Zr(e),0),r=Math.max(Zr(r),0),t=e/r,n.useWidth=e,n.useHeight=t):Fn(t)&&Fn(r)?(t=Math.max(Zr(t),0),r=Math.max(Zr(r),0),e=t*r,n.useWidth=e,n.useHeight=t):console.log("width, height and ratio, at least two of the three parameters must be provided"),""}},methods:{load:function(n){this.loaded=!0}}};const Jv=Ov;var Qv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.useWidth+"px; height:"+n.useHeight+"px; overflow:hidden; vertical-align:top;",attrs:{changeParams:n.changeParams}},[n.showed&&n.loaded?n._e():t("WIconLoading"),n._v(" "),n.showed?t("img",{style:"width:"+n.useWidth+"px; height:"+n.useHeight+"px; opacity:"+(n.loaded?1:0)+";",attrs:{src:n.url},on:{load:n.load}}):n._e()],1)};Qv._withStripped=!0;const Uv=t({render:Qv,staticRenderFns:[]},(function(n){n&&n("data-v-1f8f4db6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageLazy.vue"},media:void 0})}),Jv,"data-v-1f8f4db6",false,undefined,!1,o,void 0,void 0);var qv={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageStyle:{type:Object,default:()=>{}},opt:{type:Object,default:()=>{}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{n.loading=!1,n.$nextTick((()=>{De(Tn(n,"$refs.wiv",[]),((n,e)=>{Ji(n,{duration:200,delay:100*e})}))}))}))},computed:{useImageStyle:function(){return Dv({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){let e=this,t=null;e.multiple&&(t=e.$refs.wig),jv(n.currentTarget,t,e.opt,e.pathItems).catch((n=>{console.log(n)}))}}};const ny=qv;var ey=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{ref:"wig",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.images,(function(e,r){return t("div",{key:r,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","user-select":"none",cursor:"pointer",outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.showImg.apply(null,arguments)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])})),0)],1)};ey._withStripped=!0;const ty=t({render:ey,staticRenderFns:[]},(function(n){n&&n("data-v-c213bc2c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})}),ny,"data-v-c213bc2c",false,undefined,!1,o,void 0,void 0);var ry={components:{},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{get:Tn,itemsTrans:[],dataActive:null}},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 t})),r=[],o=[];return De(e,((n,e)=>{let i={data:n},l=`id-${e}`;i.id=l;let a=t[e];i.active=a,i.hover=!1,r.push(i),a&&o.push(l)})),n.multiCheck||(o=o[0]),n.itemsTrans=r,n.dataActive=o,""},usePadding:function(){let n=this;return`padding:${Qd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useVerticalAlign:function(){let n=this,e="";return"center"===n.verticalAlign?e="align-items:center;":"top"===n.verticalAlign?e="align-items:flex-start;":"bottom"===n.verticalAlign&&(e="align-items:flex-end;"),e},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},effTextColor:function(){return ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},effTextColorActive:function(){return ui(this.textColorActive)},effTextColorDisabled:function(){return ui(this.textColorDisabled)}},methods:{getText:function(n){return Tn(n,`data.${this.keyText}`)||Tn(n,"data")},getTextColor:function(n,e){let t=this;return t.editable?n.active?t.effTextColorActive:n.hover?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},mouseenter:function(n,e){let t=this;De(t.itemsTrans,((n,r)=>{t.itemsTrans[r].hover=r===e}))},mouseleave:function(n,e){let t=this;De(t.itemsTrans,((n,e)=>{t.itemsTrans[e].hover=!1}))},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 oy=ry;var iy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},n._l(n.itemsTrans,(function(e,r){return t("div",{key:r,style:("vertical"===n.arrange?"":"display:inline-block;")+" "+n.usePadding},[t("div",{style:"display:inline-block; transition:all 0.3s; color:"+n.getTextColor(e,r)+";",on:{mouseenter:function(t){return n.mouseenter(e,r)},mouseleave:function(t){return n.mouseleave(e,r)},click:function(t){return n.toggleState(e)}}},[t("div",{style:"display:flex; "+n.useVerticalAlign+";"},[t("div",{style:"display:flex; align-items:center; height:"+(n.inputSize+n.inputShiftTop)+"px; padding-top:"+n.inputShiftTop+"px;"},["checkbox"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"checkbox"},domProps:{value:e.id,checked:Array.isArray(n.dataActive)?n._i(n.dataActive,e.id)>-1:n.dataActive},on:{change:function(t){var r=n.dataActive,o=t.target,i=!!o.checked;if(Array.isArray(r)){var l=e.id,a=n._i(r,l);o.checked?a<0&&(n.dataActive=r.concat([l])):a>-1&&(n.dataActive=r.slice(0,a).concat(r.slice(a+1)))}else n.dataActive=i}}}):"radio"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"radio"},domProps:{value:e.id,checked:n._q(n.dataActive,e.id)},on:{change:function(t){n.dataActive=e.id}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:n.multiCheck?"checkbox":"radio"},domProps:{value:e.id,value:n.dataActive},on:{input:function(e){e.target.composing||(n.dataActive=e.target.value)}}})]),n._v(" "),t("div",{style:""},[n._t("default",(function(){return[t("div",{style:"margin:0px 0px 0px 5px; "+n.useTextFontSize+" cursor:pointer;"},[n._v("\n                            "+n._s(n.getText(e))+"\n                        ")])]}),{item:e,kitem:r,isHover:e.hover,isActive:e.active})],2)])])])})),0)};iy._withStripped=!0;const ly=t({render:iy,staticRenderFns:[]},(function(n){n&&n("data-v-3517b4d0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputCheckbox.vue"},media:void 0})}),oy,undefined,false,undefined,!1,o,void 0,void 0);const ay={components:{WInputCheckbox:ly},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var dy=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WInputCheckbox",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}}],null,!0)},"WInputCheckbox",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};dy._withStripped=!0;const sy=t({render:dy,staticRenderFns:[]},(function(n){n&&n("data-v-70041149_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputRadio.vue"},media:void 0})}),ay,"data-v-70041149",false,undefined,!1,o,void 0,void 0),uy="function"==typeof Buffer,cy="function"==typeof TextDecoder?new TextDecoder:void 0,py=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),fy=(n=>{let e={};return py.forEach(((n,t)=>e[n]=t)),e})(),hy=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,gy=String.fromCharCode.bind(String),my="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),vy=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),yy=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,by=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 gy(55296+(e>>>10))+gy(56320+(1023&e));case 3:return gy((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return gy((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},Cy="function"==typeof atob?n=>atob(vy(n)):uy?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!hy.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=fy[n.charAt(i++)]<<18|fy[n.charAt(i++)]<<12|(t=fy[n.charAt(i++)])<<6|(r=fy[n.charAt(i++)]),o+=64===t?gy(e>>16&255):64===r?gy(e>>16&255,e>>8&255):gy(e>>16&255,e>>8&255,255&e);return o},xy=uy?n=>my(Buffer.from(n,"base64")):n=>my(Cy(n).split("").map((n=>n.charCodeAt(0)))),Sy=uy?n=>Buffer.from(n,"base64").toString("utf8"):cy?n=>cy.decode(xy(n)):n=>(n=>n.replace(yy,by))(Cy(n)),Iy=n=>Sy((n=>vy(n.replace(/[-_]/g,(n=>"-"==n?"+":"/"))))(n));var wy={};!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 wy},set exports(n){wy=n}});var ky=wy;let Ty;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=Iy("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXkscj0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwsZT0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49cnx8ZXx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxpPXUuaGFzT3duUHJvcGVydHksYz11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPSJbb2JqZWN0IE51bGxdIixzPSJbb2JqZWN0IFVuZGVmaW5lZF0iLHA9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDtmdW5jdGlvbiB2KHQpe3JldHVybiBudWxsPT10P3ZvaWQgMD09PXQ/czpsOnAmJnAgaW4gT2JqZWN0KHQpP2Z1bmN0aW9uKHQpe3ZhciByPWkuY2FsbCh0LGEpLGU9dFthXTt0cnl7dFthXT12b2lkIDA7dmFyIG49ITB9Y2F0Y2godCl7fXZhciBvPWMuY2FsbCh0KTtyZXR1cm4gbiYmKHI/dFthXT1lOmRlbGV0ZSB0W2FdKSxvfSh0KTpmdW5jdGlvbih0KXtyZXR1cm4gZi5jYWxsKHQpfSh0KX1mdW5jdGlvbiBiKHQpe3JldHVybiBudWxsIT10JiYib2JqZWN0Ij09dHlwZW9mIHR9dmFyIHk9IltvYmplY3QgU3ltYm9sXSI7ZnVuY3Rpb24gaCh0KXtyZXR1cm4ic3ltYm9sIj09dHlwZW9mIHR8fGIodCkmJnYodCk9PXl9dmFyIGQ9L1wufFxbKD86W15bXF1dKnwoWyInXSkoPzooPyFcMSlbXlxcXXxcXC4pKj9cMSlcXS8saj0vXlx3KiQvO2Z1bmN0aW9uIGcocixlKXtpZih0KHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiByO3JldHVybiEoIm51bWJlciIhPW4mJiJzeW1ib2wiIT1uJiYiYm9vbGVhbiIhPW4mJm51bGwhPXImJiFoKHIpKXx8KGoudGVzdChyKXx8IWQudGVzdChyKXx8bnVsbCE9ZSYmciBpbiBPYmplY3QoZSkpfWZ1bmN0aW9uIF8odCl7dmFyIHI9dHlwZW9mIHQ7cmV0dXJuIG51bGwhPXQmJigib2JqZWN0Ij09cnx8ImZ1bmN0aW9uIj09cil9dmFyIE89IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iLHc9IltvYmplY3QgRnVuY3Rpb25dIixtPSJbb2JqZWN0IEdlbmVyYXRvckZ1bmN0aW9uXSIsQT0iW29iamVjdCBQcm94eV0iO2Z1bmN0aW9uIHgodCl7aWYoIV8odCkpcmV0dXJuITE7dmFyIHI9dih0KTtyZXR1cm4gcj09d3x8cj09bXx8cj09T3x8cj09QX12YXIgUyxQPW5bIl9fY29yZS1qc19zaGFyZWRfXyJdLHo9KFM9L1teLl0rJC8uZXhlYyhQJiZQLmtleXMmJlAua2V5cy5JRV9QUk9UT3x8IiIpKT8iU3ltYm9sKHNyYylfMS4iK1M6IiI7dmFyIEU9RnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nO2Z1bmN0aW9uIEkodCl7aWYobnVsbCE9dCl7dHJ5e3JldHVybiBFLmNhbGwodCl9Y2F0Y2godCl7fXRyeXtyZXR1cm4gdCsiIn1jYXRjaCh0KXt9fXJldHVybiIifXZhciBOPS9eXFtvYmplY3QgLis/Q29uc3RydWN0b3JcXSQvLFQ9RnVuY3Rpb24ucHJvdG90eXBlLCQ9T2JqZWN0LnByb3RvdHlwZSxDPVQudG9TdHJpbmcsRj0kLmhhc093blByb3BlcnR5LE09UmVnRXhwKCJeIitDLmNhbGwoRikucmVwbGFjZSgvW1xcXiQuKis/KClbXF17fXxdL2csIlxcJCYiKS5yZXBsYWNlKC9oYXNPd25Qcm9wZXJ0eXwoZnVuY3Rpb24pLio/KD89XFxcKCl8IGZvciAuKz8oPz1cXFxdKS9nLCIkMS4qPyIpKyIkIik7ZnVuY3Rpb24gVSh0KXtyZXR1cm4hKCFfKHQpfHwocj10LHomJnogaW4gcikpJiYoeCh0KT9NOk4pLnRlc3QoSSh0KSk7dmFyIHJ9ZnVuY3Rpb24gayh0LHIpe3ZhciBlPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbcl19KHQscik7cmV0dXJuIFUoZSk/ZTp2b2lkIDB9dmFyIEI9ayhPYmplY3QsImNyZWF0ZSIpO3ZhciBEPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIFI9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBMKHQpe3ZhciByPS0xLGU9bnVsbD09dD8wOnQubGVuZ3RoO2Zvcih0aGlzLmNsZWFyKCk7KytyPGU7KXt2YXIgbj10W3JdO3RoaXMuc2V0KG5bMF0sblsxXSl9fWZ1bmN0aW9uIFYodCxyKXtyZXR1cm4gdD09PXJ8fHQhPXQmJnIhPXJ9ZnVuY3Rpb24gSyh0LHIpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS07KWlmKFYodFtlXVswXSxyKSlyZXR1cm4gZTtyZXR1cm4tMX1MLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189Qj9CKG51bGwpOnt9LHRoaXMuc2l6ZT0wfSxMLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5oYXModCkmJmRlbGV0ZSB0aGlzLl9fZGF0YV9fW3RdO3JldHVybiB0aGlzLnNpemUtPXI/MTowLHJ9LEwucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO2lmKEIpe3ZhciBlPXJbdF07cmV0dXJuIl9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iPT09ZT92b2lkIDA6ZX1yZXR1cm4gRC5jYWxsKHIsdCk/clt0XTp2b2lkIDB9LEwucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO3JldHVybiBCP3ZvaWQgMCE9PXJbdF06Ui5jYWxsKHIsdCl9LEwucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIHRoaXMuc2l6ZSs9dGhpcy5oYXModCk/MDoxLGVbdF09QiYmdm9pZCAwPT09cj8iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI6cix0aGlzfTt2YXIgVz1BcnJheS5wcm90b3R5cGUuc3BsaWNlO2Z1bmN0aW9uIHEodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19cS5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPVtdLHRoaXMuc2l6ZT0wfSxxLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPUsocix0KTtyZXR1cm4hKGU8MCkmJihlPT1yLmxlbmd0aC0xP3IucG9wKCk6Vy5jYWxsKHIsZSwxKSwtLXRoaXMuc2l6ZSwhMCl9LHEucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9SyhyLHQpO3JldHVybiBlPDA/dm9pZCAwOnJbZV1bMV19LHEucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gSyh0aGlzLl9fZGF0YV9fLHQpPi0xfSxxLnByb3RvdHlwZS5zZXQ9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fLG49SyhlLHQpO3JldHVybiBuPDA/KCsrdGhpcy5zaXplLGUucHVzaChbdCxyXSkpOmVbbl1bMV09cix0aGlzfTt2YXIgRz1rKG4sIk1hcCIpO2Z1bmN0aW9uIEgodCxyKXt2YXIgZSxuLG89dC5fX2RhdGFfXztyZXR1cm4oInN0cmluZyI9PShuPXR5cGVvZihlPXIpKXx8Im51bWJlciI9PW58fCJzeW1ib2wiPT1ufHwiYm9vbGVhbiI9PW4/Il9fcHJvdG9fXyIhPT1lOm51bGw9PT1lKT9vWyJzdHJpbmciPT10eXBlb2Ygcj8ic3RyaW5nIjoiaGFzaCJdOm8ubWFwfWZ1bmN0aW9uIEoodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19Si5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLnNpemU9MCx0aGlzLl9fZGF0YV9fPXtoYXNoOm5ldyBMLG1hcDpuZXcoR3x8cSksc3RyaW5nOm5ldyBMfX0sSi5wcm90b3R5cGUuZGVsZXRlPWZ1bmN0aW9uKHQpe3ZhciByPUgodGhpcyx0KS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sSi5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiBIKHRoaXMsdCkuZ2V0KHQpfSxKLnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIEgodGhpcyx0KS5oYXModCl9LEoucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPUgodGhpcyx0KSxuPWUuc2l6ZTtyZXR1cm4gZS5zZXQodCxyKSx0aGlzLnNpemUrPWUuc2l6ZT09bj8wOjEsdGhpc307dmFyIFE9IkV4cGVjdGVkIGEgZnVuY3Rpb24iO2Z1bmN0aW9uIFgodCxyKXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdHx8bnVsbCE9ciYmImZ1bmN0aW9uIiE9dHlwZW9mIHIpdGhyb3cgbmV3IFR5cGVFcnJvcihRKTt2YXIgZT1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPXI/ci5hcHBseSh0aGlzLG4pOm5bMF0sdT1lLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgaT10LmFwcGx5KHRoaXMsbik7cmV0dXJuIGUuY2FjaGU9dS5zZXQobyxpKXx8dSxpfTtyZXR1cm4gZS5jYWNoZT1uZXcoWC5DYWNoZXx8SiksZX1YLkNhY2hlPUo7dmFyIFksWix0dCxydD0vW14uW1xdXSt8XFsoPzooLT9cZCsoPzpcLlxkKyk/KXwoWyInXSkoKD86KD8hXDIpW15cXF18XFwuKSo/KVwyKVxdfCg/PSg/OlwufFxbXF0pKD86XC58XFtcXXwkKSkvZyxldD0vXFwoXFwpPy9nLG50PShZPWZ1bmN0aW9uKHQpe3ZhciByPVtdO3JldHVybiA0Nj09PXQuY2hhckNvZGVBdCgwKSYmci5wdXNoKCIiKSx0LnJlcGxhY2UocnQsKGZ1bmN0aW9uKHQsZSxuLG8pe3IucHVzaChuP28ucmVwbGFjZShldCwiJDEiKTplfHx0KX0pKSxyfSxaPVgoWSwoZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXR0LnNpemUmJnR0LmNsZWFyKCksdH0pKSx0dD1aLmNhY2hlLFopLG90PW50O2Z1bmN0aW9uIHV0KHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoLG89QXJyYXkobik7KytlPG47KW9bZV09cih0W2VdLGUsdCk7cmV0dXJuIG99dmFyIGl0PTEvMCxjdD1vP28ucHJvdG90eXBlOnZvaWQgMCxhdD1jdD9jdC50b1N0cmluZzp2b2lkIDA7ZnVuY3Rpb24gZnQocil7aWYoInN0cmluZyI9PXR5cGVvZiByKXJldHVybiByO2lmKHQocikpcmV0dXJuIHV0KHIsZnQpKyIiO2lmKGgocikpcmV0dXJuIGF0P2F0LmNhbGwocik6IiI7dmFyIGU9cisiIjtyZXR1cm4iMCI9PWUmJjEvcj09LWl0PyItMCI6ZX1mdW5jdGlvbiBsdChyLGUpe3JldHVybiB0KHIpP3I6ZyhyLGUpP1tyXTpvdChmdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD8iIjpmdCh0KX0ocikpfXZhciBzdD0xLzA7ZnVuY3Rpb24gcHQodCl7aWYoInN0cmluZyI9PXR5cGVvZiB0fHxoKHQpKXJldHVybiB0O3ZhciByPXQrIiI7cmV0dXJuIjAiPT1yJiYxL3Q9PS1zdD8iLTAiOnJ9ZnVuY3Rpb24gdnQodCxyKXtmb3IodmFyIGU9MCxuPShyPWx0KHIsdCkpLmxlbmd0aDtudWxsIT10JiZlPG47KXQ9dFtwdChyW2UrK10pXTtyZXR1cm4gZSYmZT09bj90OnZvaWQgMH1mdW5jdGlvbiBidCh0LHIsZSl7dmFyIG49bnVsbD09dD92b2lkIDA6dnQodCxyKTtyZXR1cm4gdm9pZCAwPT09bj9lOm59ZnVuY3Rpb24geXQodCl7cmV0dXJuIltvYmplY3QgU3RyaW5nXSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9ZnVuY3Rpb24gaHQodCl7cmV0dXJuISgheXQodCl8fCIiPT09dCl9ZnVuY3Rpb24gZHQodCl7cmV0dXJuIltvYmplY3QgT2JqZWN0XSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9ZnVuY3Rpb24ganQodCl7aWYoZHQodCkpe2ZvcihsZXQgciBpbiB0KXJldHVybiEwO3JldHVybiExfXJldHVybiExfWZ1bmN0aW9uIGd0KHQpe3JldHVybiJbb2JqZWN0IEFycmF5XSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9ZnVuY3Rpb24gX3QodCl7cmV0dXJuIHQhPXR9ZnVuY3Rpb24gT3QodCl7cmV0dXJuISFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBVbmRlZmluZWRdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCghIWZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IE51bGxdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCghIWZ1bmN0aW9uKHQpe2lmKGR0KHQpKXtmb3IobGV0IHIgaW4gdClyZXR1cm4hMTtyZXR1cm4hMH1yZXR1cm4hMX0odCl8fCghIWZ1bmN0aW9uKHQpe3JldHVybiEoIXl0KHQpfHwiIiE9PXQpfSh0KXx8KCEhZnVuY3Rpb24odCl7cmV0dXJuISFndCh0KSYmMD09PXQubGVuZ3RofSh0KXx8ISFfdCh0KSkpKSl9ZnVuY3Rpb24gd3QodCl7cmV0dXJuISFndCh0KSYmKDAhPT10Lmxlbmd0aCYmKDEhPT10Lmxlbmd0aHx8IU90KHRbMF0pKSl9dmFyIG10PSJbb2JqZWN0IEJvb2xlYW5dIjtmdW5jdGlvbiBBdCh0KXtyZXR1cm4hMD09PShyPXQpfHwhMT09PXJ8fGIocikmJnYocik9PW10O3ZhciByfWZ1bmN0aW9uIHh0KHQpe3ZhciByPXRoaXMuX19kYXRhX189bmV3IHEodCk7dGhpcy5zaXplPXIuc2l6ZX14dC5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPW5ldyBxLHRoaXMuc2l6ZT0wfSx4dC5wcm90b3R5cGUuZGVsZXRlPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX18sZT1yLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplPXIuc2l6ZSxlfSx4dC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLl9fZGF0YV9fLmdldCh0KX0seHQucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5oYXModCl9LHh0LnByb3RvdHlwZS5zZXQ9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fO2lmKGUgaW5zdGFuY2VvZiBxKXt2YXIgbj1lLl9fZGF0YV9fO2lmKCFHfHxuLmxlbmd0aDwxOTkpcmV0dXJuIG4ucHVzaChbdCxyXSksdGhpcy5zaXplPSsrZS5zaXplLHRoaXM7ZT10aGlzLl9fZGF0YV9fPW5ldyBKKG4pfXJldHVybiBlLnNldCh0LHIpLHRoaXMuc2l6ZT1lLnNpemUsdGhpc307ZnVuY3Rpb24gU3QodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuX19kYXRhX189bmV3IEo7KytyPGU7KXRoaXMuYWRkKHRbcl0pfWZ1bmN0aW9uIFB0KHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrZTxuOylpZihyKHRbZV0sZSx0KSlyZXR1cm4hMDtyZXR1cm4hMX1mdW5jdGlvbiB6dCh0LHIpe3JldHVybiB0LmhhcyhyKX1TdC5wcm90b3R5cGUuYWRkPVN0LnByb3RvdHlwZS5wdXNoPWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLl9fZGF0YV9fLnNldCh0LCJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIiksdGhpc30sU3QucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5oYXModCl9O3ZhciBFdD0xLEl0PTI7ZnVuY3Rpb24gTnQodCxyLGUsbixvLHUpe3ZhciBpPWUmRXQsYz10Lmxlbmd0aCxhPXIubGVuZ3RoO2lmKGMhPWEmJiEoaSYmYT5jKSlyZXR1cm4hMTt2YXIgZj11LmdldCh0KSxsPXUuZ2V0KHIpO2lmKGYmJmwpcmV0dXJuIGY9PXImJmw9PXQ7dmFyIHM9LTEscD0hMCx2PWUmSXQ/bmV3IFN0OnZvaWQgMDtmb3IodS5zZXQodCxyKSx1LnNldChyLHQpOysrczxjOyl7dmFyIGI9dFtzXSx5PXJbc107aWYobil2YXIgaD1pP24oeSxiLHMscix0LHUpOm4oYix5LHMsdCxyLHUpO2lmKHZvaWQgMCE9PWgpe2lmKGgpY29udGludWU7cD0hMTticmVha31pZih2KXtpZighUHQociwoZnVuY3Rpb24odCxyKXtpZighenQodixyKSYmKGI9PT10fHxvKGIsdCxlLG4sdSkpKXJldHVybiB2LnB1c2gocil9KSkpe3A9ITE7YnJlYWt9fWVsc2UgaWYoYiE9PXkmJiFvKGIseSxlLG4sdSkpe3A9ITE7YnJlYWt9fXJldHVybiB1LmRlbGV0ZSh0KSx1LmRlbGV0ZShyKSxwfXZhciBUdD1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gJHQodCl7dmFyIHI9LTEsZT1BcnJheSh0LnNpemUpO3JldHVybiB0LmZvckVhY2goKGZ1bmN0aW9uKHQsbil7ZVsrK3JdPVtuLHRdfSkpLGV9ZnVuY3Rpb24gQ3QodCl7dmFyIHI9LTEsZT1BcnJheSh0LnNpemUpO3JldHVybiB0LmZvckVhY2goKGZ1bmN0aW9uKHQpe2VbKytyXT10fSkpLGV9dmFyIEZ0PTEsTXQ9MixVdD0iW29iamVjdCBCb29sZWFuXSIsa3Q9IltvYmplY3QgRGF0ZV0iLEJ0PSJbb2JqZWN0IEVycm9yXSIsRHQ9IltvYmplY3QgTWFwXSIsUnQ9IltvYmplY3QgTnVtYmVyXSIsTHQ9IltvYmplY3QgUmVnRXhwXSIsVnQ9IltvYmplY3QgU2V0XSIsS3Q9IltvYmplY3QgU3RyaW5nXSIsV3Q9IltvYmplY3QgU3ltYm9sXSIscXQ9IltvYmplY3QgQXJyYXlCdWZmZXJdIixHdD0iW29iamVjdCBEYXRhVmlld10iLEh0PW8/by5wcm90b3R5cGU6dm9pZCAwLEp0PUh0P0h0LnZhbHVlT2Y6dm9pZCAwO2Z1bmN0aW9uIFF0KHQscil7Zm9yKHZhciBlPS0xLG49ci5sZW5ndGgsbz10Lmxlbmd0aDsrK2U8bjspdFtvK2VdPXJbZV07cmV0dXJuIHR9ZnVuY3Rpb24gWHQocixlLG4pe3ZhciBvPWUocik7cmV0dXJuIHQocik/bzpRdChvLG4ocikpfWZ1bmN0aW9uIFl0KCl7cmV0dXJuW119dmFyIFp0PU9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUsdHI9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyxycj10cj9mdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD9bXToodD1PYmplY3QodCksZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgaT10W2VdO3IoaSxlLHQpJiYodVtvKytdPWkpfXJldHVybiB1fSh0cih0KSwoZnVuY3Rpb24ocil7cmV0dXJuIFp0LmNhbGwodCxyKX0pKSl9Oll0LGVyPXJyO2Z1bmN0aW9uIG5yKHQpe3JldHVybiBiKHQpJiYiW29iamVjdCBBcmd1bWVudHNdIj09dih0KX12YXIgb3I9T2JqZWN0LnByb3RvdHlwZSx1cj1vci5oYXNPd25Qcm9wZXJ0eSxpcj1vci5wcm9wZXJ0eUlzRW51bWVyYWJsZSxjcj1ucihmdW5jdGlvbigpe3JldHVybiBhcmd1bWVudHN9KCkpP25yOmZ1bmN0aW9uKHQpe3JldHVybiBiKHQpJiZ1ci5jYWxsKHQsImNhbGxlZSIpJiYhaXIuY2FsbCh0LCJjYWxsZWUiKX07dmFyIGFyPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsZnI9YXImJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxscj1mciYmZnIuZXhwb3J0cz09PWFyP24uQnVmZmVyOnZvaWQgMCxzcj0obHI/bHIuaXNCdWZmZXI6dm9pZCAwKXx8ZnVuY3Rpb24oKXtyZXR1cm4hMX0scHI9OTAwNzE5OTI1NDc0MDk5MSx2cj0vXig/OjB8WzEtOV1cZCopJC87ZnVuY3Rpb24gYnIodCxyKXt2YXIgZT10eXBlb2YgdDtyZXR1cm4hIShyPW51bGw9PXI/cHI6cikmJigibnVtYmVyIj09ZXx8InN5bWJvbCIhPWUmJnZyLnRlc3QodCkpJiZ0Pi0xJiZ0JTE9PTAmJnQ8cn12YXIgeXI9OTAwNzE5OTI1NDc0MDk5MTtmdW5jdGlvbiBocih0KXtyZXR1cm4ibnVtYmVyIj09dHlwZW9mIHQmJnQ+LTEmJnQlMT09MCYmdDw9eXJ9dmFyIGRyPXt9O2Z1bmN0aW9uIGpyKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gdChyKX19ZHJbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPWRyWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1kclsiW29iamVjdCBJbnQ4QXJyYXldIl09ZHJbIltvYmplY3QgSW50MTZBcnJheV0iXT1kclsiW29iamVjdCBJbnQzMkFycmF5XSJdPWRyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09ZHJbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09ZHJbIltvYmplY3QgVWludDE2QXJyYXldIl09ZHJbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsZHJbIltvYmplY3QgQXJndW1lbnRzXSJdPWRyWyJbb2JqZWN0IEFycmF5XSJdPWRyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPWRyWyJbb2JqZWN0IEJvb2xlYW5dIl09ZHJbIltvYmplY3QgRGF0YVZpZXddIl09ZHJbIltvYmplY3QgRGF0ZV0iXT1kclsiW29iamVjdCBFcnJvcl0iXT1kclsiW29iamVjdCBGdW5jdGlvbl0iXT1kclsiW29iamVjdCBNYXBdIl09ZHJbIltvYmplY3QgTnVtYmVyXSJdPWRyWyJbb2JqZWN0IE9iamVjdF0iXT1kclsiW29iamVjdCBSZWdFeHBdIl09ZHJbIltvYmplY3QgU2V0XSJdPWRyWyJbb2JqZWN0IFN0cmluZ10iXT1kclsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBncj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLF9yPWdyJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsT3I9X3ImJl9yLmV4cG9ydHM9PT1nciYmci5wcm9jZXNzLHdyPWZ1bmN0aW9uKCl7dHJ5e3ZhciB0PV9yJiZfci5yZXF1aXJlJiZfci5yZXF1aXJlKCJ1dGlsIikudHlwZXM7cmV0dXJuIHR8fE9yJiZPci5iaW5kaW5nJiZPci5iaW5kaW5nKCJ1dGlsIil9Y2F0Y2godCl7fX0oKSxtcj13ciYmd3IuaXNUeXBlZEFycmF5LEFyPW1yP2pyKG1yKTpmdW5jdGlvbih0KXtyZXR1cm4gYih0KSYmaHIodC5sZW5ndGgpJiYhIWRyW3YodCldfSx4cj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFNyKHIsZSl7dmFyIG49dChyKSxvPSFuJiZjcihyKSx1PSFuJiYhbyYmc3IociksaT0hbiYmIW8mJiF1JiZBcihyKSxjPW58fG98fHV8fGksYT1jP2Z1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49QXJyYXkodCk7KytlPHQ7KW5bZV09cihlKTtyZXR1cm4gbn0oci5sZW5ndGgsU3RyaW5nKTpbXSxmPWEubGVuZ3RoO2Zvcih2YXIgbCBpbiByKSFlJiYheHIuY2FsbChyLGwpfHxjJiYoImxlbmd0aCI9PWx8fHUmJigib2Zmc2V0Ij09bHx8InBhcmVudCI9PWwpfHxpJiYoImJ1ZmZlciI9PWx8fCJieXRlTGVuZ3RoIj09bHx8ImJ5dGVPZmZzZXQiPT1sKXx8YnIobCxmKSl8fGEucHVzaChsKTtyZXR1cm4gYX12YXIgUHI9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiB6cih0KXt2YXIgcj10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiByJiZyLnByb3RvdHlwZXx8UHIpfWZ1bmN0aW9uIEVyKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KHIoZSkpfX12YXIgSXI9RXIoT2JqZWN0LmtleXMsT2JqZWN0KSxOcj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFRyKHQpe2lmKCF6cih0KSlyZXR1cm4gSXIodCk7dmFyIHI9W107Zm9yKHZhciBlIGluIE9iamVjdCh0KSlOci5jYWxsKHQsZSkmJiJjb25zdHJ1Y3RvciIhPWUmJnIucHVzaChlKTtyZXR1cm4gcn1mdW5jdGlvbiAkcih0KXtyZXR1cm4gbnVsbCE9dCYmaHIodC5sZW5ndGgpJiYheCh0KX1mdW5jdGlvbiBDcih0KXtyZXR1cm4gJHIodCk/U3IodCk6VHIodCl9ZnVuY3Rpb24gRnIodCl7cmV0dXJuIFh0KHQsQ3IsZXIpfXZhciBNcj0xLFVyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIGtyPWsobiwiRGF0YVZpZXciKSxCcj1rKG4sIlByb21pc2UiKSxEcj1rKG4sIlNldCIpLFJyPWsobiwiV2Vha01hcCIpLExyPSJbb2JqZWN0IE1hcF0iLFZyPSJbb2JqZWN0IFByb21pc2VdIixLcj0iW29iamVjdCBTZXRdIixXcj0iW29iamVjdCBXZWFrTWFwXSIscXI9IltvYmplY3QgRGF0YVZpZXddIixHcj1JKGtyKSxIcj1JKEcpLEpyPUkoQnIpLFFyPUkoRHIpLFhyPUkoUnIpLFlyPXY7KGtyJiZZcihuZXcga3IobmV3IEFycmF5QnVmZmVyKDEpKSkhPXFyfHxHJiZZcihuZXcgRykhPUxyfHxCciYmWXIoQnIucmVzb2x2ZSgpKSE9VnJ8fERyJiZZcihuZXcgRHIpIT1Lcnx8UnImJllyKG5ldyBScikhPVdyKSYmKFlyPWZ1bmN0aW9uKHQpe3ZhciByPXYodCksZT0iW29iamVjdCBPYmplY3RdIj09cj90LmNvbnN0cnVjdG9yOnZvaWQgMCxuPWU/SShlKToiIjtpZihuKXN3aXRjaChuKXtjYXNlIEdyOnJldHVybiBxcjtjYXNlIEhyOnJldHVybiBMcjtjYXNlIEpyOnJldHVybiBWcjtjYXNlIFFyOnJldHVybiBLcjtjYXNlIFhyOnJldHVybiBXcn1yZXR1cm4gcn0pO3ZhciBacj1Zcix0ZT0xLHJlPSJbb2JqZWN0IEFyZ3VtZW50c10iLGVlPSJbb2JqZWN0IEFycmF5XSIsbmU9IltvYmplY3QgT2JqZWN0XSIsb2U9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiB1ZShyLGUsbixvLHUsaSl7dmFyIGM9dChyKSxhPXQoZSksZj1jP2VlOlpyKHIpLGw9YT9lZTpacihlKSxzPShmPWY9PXJlP25lOmYpPT1uZSxwPShsPWw9PXJlP25lOmwpPT1uZSx2PWY9PWw7aWYodiYmc3Iocikpe2lmKCFzcihlKSlyZXR1cm4hMTtjPSEwLHM9ITF9aWYodiYmIXMpcmV0dXJuIGl8fChpPW5ldyB4dCksY3x8QXIocik/TnQocixlLG4sbyx1LGkpOmZ1bmN0aW9uKHQscixlLG4sbyx1LGkpe3N3aXRjaChlKXtjYXNlIEd0OmlmKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHx0LmJ5dGVPZmZzZXQhPXIuYnl0ZU9mZnNldClyZXR1cm4hMTt0PXQuYnVmZmVyLHI9ci5idWZmZXI7Y2FzZSBxdDpyZXR1cm4hKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHwhdShuZXcgVHQodCksbmV3IFR0KHIpKSk7Y2FzZSBVdDpjYXNlIGt0OmNhc2UgUnQ6cmV0dXJuIFYoK3QsK3IpO2Nhc2UgQnQ6cmV0dXJuIHQubmFtZT09ci5uYW1lJiZ0Lm1lc3NhZ2U9PXIubWVzc2FnZTtjYXNlIEx0OmNhc2UgS3Q6cmV0dXJuIHQ9PXIrIiI7Y2FzZSBEdDp2YXIgYz0kdDtjYXNlIFZ0OnZhciBhPW4mRnQ7aWYoY3x8KGM9Q3QpLHQuc2l6ZSE9ci5zaXplJiYhYSlyZXR1cm4hMTt2YXIgZj1pLmdldCh0KTtpZihmKXJldHVybiBmPT1yO258PU10LGkuc2V0KHQscik7dmFyIGw9TnQoYyh0KSxjKHIpLG4sbyx1LGkpO3JldHVybiBpLmRlbGV0ZSh0KSxsO2Nhc2UgV3Q6aWYoSnQpcmV0dXJuIEp0LmNhbGwodCk9PUp0LmNhbGwocil9cmV0dXJuITF9KHIsZSxmLG4sbyx1LGkpO2lmKCEobiZ0ZSkpe3ZhciBiPXMmJm9lLmNhbGwociwiX193cmFwcGVkX18iKSx5PXAmJm9lLmNhbGwoZSwiX193cmFwcGVkX18iKTtpZihifHx5KXt2YXIgaD1iP3IudmFsdWUoKTpyLGQ9eT9lLnZhbHVlKCk6ZTtyZXR1cm4gaXx8KGk9bmV3IHh0KSx1KGgsZCxuLG8saSl9fXJldHVybiEhdiYmKGl8fChpPW5ldyB4dCksZnVuY3Rpb24odCxyLGUsbixvLHUpe3ZhciBpPWUmTXIsYz1Gcih0KSxhPWMubGVuZ3RoO2lmKGEhPUZyKHIpLmxlbmd0aCYmIWkpcmV0dXJuITE7Zm9yKHZhciBmPWE7Zi0tOyl7dmFyIGw9Y1tmXTtpZighKGk/bCBpbiByOlVyLmNhbGwocixsKSkpcmV0dXJuITF9dmFyIHM9dS5nZXQodCkscD11LmdldChyKTtpZihzJiZwKXJldHVybiBzPT1yJiZwPT10O3ZhciB2PSEwO3Uuc2V0KHQsciksdS5zZXQocix0KTtmb3IodmFyIGI9aTsrK2Y8YTspe3ZhciB5PXRbbD1jW2ZdXSxoPXJbbF07aWYobil2YXIgZD1pP24oaCx5LGwscix0LHUpOm4oeSxoLGwsdCxyLHUpO2lmKCEodm9pZCAwPT09ZD95PT09aHx8byh5LGgsZSxuLHUpOmQpKXt2PSExO2JyZWFrfWJ8fChiPSJjb25zdHJ1Y3RvciI9PWwpfWlmKHYmJiFiKXt2YXIgaj10LmNvbnN0cnVjdG9yLGc9ci5jb25zdHJ1Y3RvcjtqPT1nfHwhKCJjb25zdHJ1Y3RvciJpbiB0KXx8ISgiY29uc3RydWN0b3IiaW4gcil8fCJmdW5jdGlvbiI9PXR5cGVvZiBqJiZqIGluc3RhbmNlb2YgaiYmImZ1bmN0aW9uIj09dHlwZW9mIGcmJmcgaW5zdGFuY2VvZiBnfHwodj0hMSl9cmV0dXJuIHUuZGVsZXRlKHQpLHUuZGVsZXRlKHIpLHZ9KHIsZSxuLG8sdSxpKSl9ZnVuY3Rpb24gaWUodCxyLGUsbixvKXtyZXR1cm4gdD09PXJ8fChudWxsPT10fHxudWxsPT1yfHwhYih0KSYmIWIocik/dCE9dCYmciE9cjp1ZSh0LHIsZSxuLGllLG8pKX12YXIgY2U9MSxhZT0yO2Z1bmN0aW9uIGZlKHQpe3JldHVybiB0PT10JiYhXyh0KX1mdW5jdGlvbiBsZSh0LHIpe3JldHVybiBmdW5jdGlvbihlKXtyZXR1cm4gbnVsbCE9ZSYmKGVbdF09PT1yJiYodm9pZCAwIT09cnx8dCBpbiBPYmplY3QoZSkpKX19ZnVuY3Rpb24gc2UodCl7dmFyIHI9ZnVuY3Rpb24odCl7Zm9yKHZhciByPUNyKHQpLGU9ci5sZW5ndGg7ZS0tOyl7dmFyIG49cltlXSxvPXRbbl07cltlXT1bbixvLGZlKG8pXX1yZXR1cm4gcn0odCk7cmV0dXJuIDE9PXIubGVuZ3RoJiZyWzBdWzJdP2xlKHJbMF1bMF0sclswXVsxXSk6ZnVuY3Rpb24oZSl7cmV0dXJuIGU9PT10fHxmdW5jdGlvbih0LHIsZSxuKXt2YXIgbz1lLmxlbmd0aCx1PW8saT0hbjtpZihudWxsPT10KXJldHVybiF1O2Zvcih0PU9iamVjdCh0KTtvLS07KXt2YXIgYz1lW29dO2lmKGkmJmNbMl0/Y1sxXSE9PXRbY1swXV06IShjWzBdaW4gdCkpcmV0dXJuITF9Zm9yKDsrK288dTspe3ZhciBhPShjPWVbb10pWzBdLGY9dFthXSxsPWNbMV07aWYoaSYmY1syXSl7aWYodm9pZCAwPT09ZiYmIShhIGluIHQpKXJldHVybiExfWVsc2V7dmFyIHM9bmV3IHh0O2lmKG4pdmFyIHA9bihmLGwsYSx0LHIscyk7aWYoISh2b2lkIDA9PT1wP2llKGwsZixjZXxhZSxuLHMpOnApKXJldHVybiExfX1yZXR1cm4hMH0oZSx0LHIpfX1mdW5jdGlvbiBwZSh0LHIpe3JldHVybiBudWxsIT10JiZyIGluIE9iamVjdCh0KX1mdW5jdGlvbiB2ZShyLGUpe3JldHVybiBudWxsIT1yJiZmdW5jdGlvbihyLGUsbil7Zm9yKHZhciBvPS0xLHU9KGU9bHQoZSxyKSkubGVuZ3RoLGk9ITE7KytvPHU7KXt2YXIgYz1wdChlW29dKTtpZighKGk9bnVsbCE9ciYmbihyLGMpKSlicmVhaztyPXJbY119cmV0dXJuIGl8fCsrbyE9dT9pOiEhKHU9bnVsbD09cj8wOnIubGVuZ3RoKSYmaHIodSkmJmJyKGMsdSkmJih0KHIpfHxjcihyKSl9KHIsZSxwZSl9dmFyIGJlPTEseWU9MjtmdW5jdGlvbiBoZSh0KXtyZXR1cm4gdH1mdW5jdGlvbiBkZSh0KXtyZXR1cm4gZnVuY3Rpb24ocil7cmV0dXJuIG51bGw9PXI/dm9pZCAwOnJbdF19fWZ1bmN0aW9uIGplKHQpe3JldHVybiBnKHQpP2RlKHB0KHQpKTpmdW5jdGlvbih0KXtyZXR1cm4gZnVuY3Rpb24ocil7cmV0dXJuIHZ0KHIsdCl9fSh0KX1mdW5jdGlvbiBnZShyKXtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2Ygcj9yOm51bGw9PXI/aGU6Im9iamVjdCI9PXR5cGVvZiByP3Qocik/KGU9clswXSxuPXJbMV0sZyhlKSYmZmUobik/bGUocHQoZSksbik6ZnVuY3Rpb24odCl7dmFyIHI9YnQodCxlKTtyZXR1cm4gdm9pZCAwPT09ciYmcj09PW4/dmUodCxlKTppZShuLHIsYmV8eWUpfSk6c2Uocik6amUocik7dmFyIGUsbn12YXIgX2UsT2U9ZnVuY3Rpb24odCxyLGUpe2Zvcih2YXIgbj0tMSxvPU9iamVjdCh0KSx1PWUodCksaT11Lmxlbmd0aDtpLS07KXt2YXIgYz11W19lP2k6KytuXTtpZighMT09PXIob1tjXSxjLG8pKWJyZWFrfXJldHVybiB0fTt2YXIgd2U9ZnVuY3Rpb24odCxyKXtyZXR1cm4gZnVuY3Rpb24oZSxuKXtpZihudWxsPT1lKXJldHVybiBlO2lmKCEkcihlKSlyZXR1cm4gdChlLG4pO2Zvcih2YXIgbz1lLmxlbmd0aCx1PXI/bzotMSxpPU9iamVjdChlKTsocj91LS06Kyt1PG8pJiYhMSE9PW4oaVt1XSx1LGkpOyk7cmV0dXJuIGV9fSgoZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmT2UodCxyLENyKX0pKSxtZT13ZTtmdW5jdGlvbiBBZSh0LHIpe3ZhciBlPS0xLG49JHIodCk/QXJyYXkodC5sZW5ndGgpOltdO3JldHVybiBtZSh0LChmdW5jdGlvbih0LG8sdSl7blsrK2VdPXIodCxvLHUpfSkpLG59dmFyIHhlPUFycmF5LnByb3RvdHlwZS5qb2luO3ZhciBTZT0iW29iamVjdCBTdHJpbmddIjt2YXIgUGU9ZGUoImxlbmd0aCIpLHplPVJlZ0V4cCgiW1xcdTIwMGRcXHVkODAwLVxcdWRmZmZcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZcXHVmZTBlXFx1ZmUwZl0iKTt2YXIgRWU9IlxcdWQ4MDAtXFx1ZGZmZiIsSWU9IlsiK0VlKyJdIixOZT0iW1xcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZl0iLFRlPSJcXHVkODNjW1xcdWRmZmItXFx1ZGZmZl0iLCRlPSJbXiIrRWUrIl0iLENlPSIoPzpcXHVkODNjW1xcdWRkZTYtXFx1ZGRmZl0pezJ9IixGZT0iW1xcdWQ4MDAtXFx1ZGJmZl1bXFx1ZGMwMC1cXHVkZmZmXSIsTWU9Iig/OiIrTmUrInwiK1RlKyIpIisiPyIsVWU9IltcXHVmZTBlXFx1ZmUwZl0/IixrZT1VZStNZSsoIig/OlxcdTIwMGQoPzoiK1skZSxDZSxGZV0uam9pbigifCIpKyIpIitVZStNZSsiKSoiKSxCZT0iKD86IitbJGUrTmUrIj8iLE5lLENlLEZlLEllXS5qb2luKCJ8IikrIikiLERlPVJlZ0V4cChUZSsiKD89IitUZSsiKXwiK0JlK2tlLCJnIik7ZnVuY3Rpb24gUmUodCl7cmV0dXJuIGZ1bmN0aW9uKHQpe3JldHVybiB6ZS50ZXN0KHQpfSh0KT9mdW5jdGlvbih0KXtmb3IodmFyIHI9RGUubGFzdEluZGV4PTA7RGUudGVzdCh0KTspKytyO3JldHVybiByfSh0KTpQZSh0KX12YXIgTGU9IltvYmplY3QgTWFwXSIsVmU9IltvYmplY3QgU2V0XSI7ZnVuY3Rpb24gS2Uocil7aWYobnVsbD09cilyZXR1cm4gMDtpZigkcihyKSlyZXR1cm4ic3RyaW5nIj09dHlwZW9mKGU9cil8fCF0KGUpJiZiKGUpJiZ2KGUpPT1TZT9SZShyKTpyLmxlbmd0aDt2YXIgZSxuPVpyKHIpO3JldHVybiBuPT1MZXx8bj09VmU/ci5zaXplOlRyKHIpLmxlbmd0aH12YXIgV2U9IltvYmplY3QgTnVtYmVyXSI7ZnVuY3Rpb24gcWUodCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGg7KytlPG4mJiExIT09cih0W2VdLGUsdCk7KTtyZXR1cm4gdH12YXIgR2U9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9ayhPYmplY3QsImRlZmluZVByb3BlcnR5Iik7cmV0dXJuIHQoe30sIiIse30pLHR9Y2F0Y2godCl7fX0oKSxIZT1HZTtmdW5jdGlvbiBKZSh0LHIsZSl7Il9fcHJvdG9fXyI9PXImJkhlP0hlKHQscix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITAsdmFsdWU6ZSx3cml0YWJsZTohMH0pOnRbcl09ZX12YXIgUWU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBYZSh0LHIsZSl7dmFyIG49dFtyXTtRZS5jYWxsKHQscikmJlYobixlKSYmKHZvaWQgMCE9PWV8fHIgaW4gdCl8fEplKHQscixlKX1mdW5jdGlvbiBZZSh0LHIsZSxuKXt2YXIgbz0hZTtlfHwoZT17fSk7Zm9yKHZhciB1PS0xLGk9ci5sZW5ndGg7Kyt1PGk7KXt2YXIgYz1yW3VdLGE9bj9uKGVbY10sdFtjXSxjLGUsdCk6dm9pZCAwO3ZvaWQgMD09PWEmJihhPXRbY10pLG8/SmUoZSxjLGEpOlhlKGUsYyxhKX1yZXR1cm4gZX12YXIgWmU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiB0bih0KXtpZighXyh0KSlyZXR1cm4gZnVuY3Rpb24odCl7dmFyIHI9W107aWYobnVsbCE9dClmb3IodmFyIGUgaW4gT2JqZWN0KHQpKXIucHVzaChlKTtyZXR1cm4gcn0odCk7dmFyIHI9enIodCksZT1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IXImJlplLmNhbGwodCxuKSkmJmUucHVzaChuKTtyZXR1cm4gZX1mdW5jdGlvbiBybih0KXtyZXR1cm4gJHIodCk/U3IodCwhMCk6dG4odCl9dmFyIGVuPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsbm49ZW4mJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxvbj1ubiYmbm4uZXhwb3J0cz09PWVuP24uQnVmZmVyOnZvaWQgMCx1bj1vbj9vbi5hbGxvY1Vuc2FmZTp2b2lkIDA7dmFyIGNuPUVyKE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLGFuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciByPVtdO3Q7KVF0KHIsZXIodCkpLHQ9Y24odCk7cmV0dXJuIHJ9Oll0LGZuPWFuO2Z1bmN0aW9uIGxuKHQpe3JldHVybiBYdCh0LHJuLGZuKX12YXIgc249T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBwbih0KXt2YXIgcj1uZXcgdC5jb25zdHJ1Y3Rvcih0LmJ5dGVMZW5ndGgpO3JldHVybiBuZXcgVHQocikuc2V0KG5ldyBUdCh0KSkscn12YXIgdm49L1x3KiQvO3ZhciBibj1vP28ucHJvdG90eXBlOnZvaWQgMCx5bj1ibj9ibi52YWx1ZU9mOnZvaWQgMDt2YXIgaG49IltvYmplY3QgQm9vbGVhbl0iLGRuPSJbb2JqZWN0IERhdGVdIixqbj0iW29iamVjdCBNYXBdIixnbj0iW29iamVjdCBOdW1iZXJdIixfbj0iW29iamVjdCBSZWdFeHBdIixPbj0iW29iamVjdCBTZXRdIix3bj0iW29iamVjdCBTdHJpbmddIixtbj0iW29iamVjdCBTeW1ib2xdIixBbj0iW29iamVjdCBBcnJheUJ1ZmZlcl0iLHhuPSJbb2JqZWN0IERhdGFWaWV3XSIsU249IltvYmplY3QgRmxvYXQzMkFycmF5XSIsUG49IltvYmplY3QgRmxvYXQ2NEFycmF5XSIsem49IltvYmplY3QgSW50OEFycmF5XSIsRW49IltvYmplY3QgSW50MTZBcnJheV0iLEluPSJbb2JqZWN0IEludDMyQXJyYXldIixObj0iW29iamVjdCBVaW50OEFycmF5XSIsVG49IltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIiwkbj0iW29iamVjdCBVaW50MTZBcnJheV0iLENuPSJbb2JqZWN0IFVpbnQzMkFycmF5XSI7ZnVuY3Rpb24gRm4odCxyLGUpe3ZhciBuLG89dC5jb25zdHJ1Y3Rvcjtzd2l0Y2gocil7Y2FzZSBBbjpyZXR1cm4gcG4odCk7Y2FzZSBobjpjYXNlIGRuOnJldHVybiBuZXcgbygrdCk7Y2FzZSB4bjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP3BuKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5ieXRlTGVuZ3RoKX0odCxlKTtjYXNlIFNuOmNhc2UgUG46Y2FzZSB6bjpjYXNlIEVuOmNhc2UgSW46Y2FzZSBObjpjYXNlIFRuOmNhc2UgJG46Y2FzZSBDbjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP3BuKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5sZW5ndGgpfSh0LGUpO2Nhc2Ugam46cmV0dXJuIG5ldyBvO2Nhc2UgZ246Y2FzZSB3bjpyZXR1cm4gbmV3IG8odCk7Y2FzZSBfbjpyZXR1cm4gZnVuY3Rpb24odCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5zb3VyY2Usdm4uZXhlYyh0KSk7cmV0dXJuIHIubGFzdEluZGV4PXQubGFzdEluZGV4LHJ9KHQpO2Nhc2UgT246cmV0dXJuIG5ldyBvO2Nhc2UgbW46cmV0dXJuIG49dCx5bj9PYmplY3QoeW4uY2FsbChuKSk6e319fXZhciBNbj1PYmplY3QuY3JlYXRlLFVuPWZ1bmN0aW9uKCl7ZnVuY3Rpb24gdCgpe31yZXR1cm4gZnVuY3Rpb24ocil7aWYoIV8ocikpcmV0dXJue307aWYoTW4pcmV0dXJuIE1uKHIpO3QucHJvdG90eXBlPXI7dmFyIGU9bmV3IHQ7cmV0dXJuIHQucHJvdG90eXBlPXZvaWQgMCxlfX0oKSxrbj1Vbjt2YXIgQm49d3ImJndyLmlzTWFwLERuPUJuP2pyKEJuKTpmdW5jdGlvbih0KXtyZXR1cm4gYih0KSYmIltvYmplY3QgTWFwXSI9PVpyKHQpfTt2YXIgUm49d3ImJndyLmlzU2V0LExuPVJuP2pyKFJuKTpmdW5jdGlvbih0KXtyZXR1cm4gYih0KSYmIltvYmplY3QgU2V0XSI9PVpyKHQpfSxWbj0xLEtuPTIsV249NCxxbj0iW29iamVjdCBBcmd1bWVudHNdIixHbj0iW29iamVjdCBGdW5jdGlvbl0iLEhuPSJbb2JqZWN0IEdlbmVyYXRvckZ1bmN0aW9uXSIsSm49IltvYmplY3QgT2JqZWN0XSIsUW49e307ZnVuY3Rpb24gWG4ocixlLG4sbyx1LGkpe3ZhciBjLGE9ZSZWbixmPWUmS24sbD1lJlduO2lmKG4mJihjPXU/bihyLG8sdSxpKTpuKHIpKSx2b2lkIDAhPT1jKXJldHVybiBjO2lmKCFfKHIpKXJldHVybiByO3ZhciBzPXQocik7aWYocyl7aWYoYz1mdW5jdGlvbih0KXt2YXIgcj10Lmxlbmd0aCxlPW5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiByJiYic3RyaW5nIj09dHlwZW9mIHRbMF0mJnNuLmNhbGwodCwiaW5kZXgiKSYmKGUuaW5kZXg9dC5pbmRleCxlLmlucHV0PXQuaW5wdXQpLGV9KHIpLCFhKXJldHVybiBmdW5jdGlvbih0LHIpe3ZhciBlPS0xLG49dC5sZW5ndGg7Zm9yKHJ8fChyPUFycmF5KG4pKTsrK2U8bjspcltlXT10W2VdO3JldHVybiByfShyLGMpfWVsc2V7dmFyIHA9WnIociksdj1wPT1Hbnx8cD09SG47aWYoc3IocikpcmV0dXJuIGZ1bmN0aW9uKHQscil7aWYocilyZXR1cm4gdC5zbGljZSgpO3ZhciBlPXQubGVuZ3RoLG49dW4/dW4oZSk6bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIHQuY29weShuKSxufShyLGEpO2lmKHA9PUpufHxwPT1xbnx8diYmIXUpe2lmKGM9Znx8dj97fTpmdW5jdGlvbih0KXtyZXR1cm4iZnVuY3Rpb24iIT10eXBlb2YgdC5jb25zdHJ1Y3Rvcnx8enIodCk/e306a24oY24odCkpfShyKSwhYSlyZXR1cm4gZj9mdW5jdGlvbih0LHIpe3JldHVybiBZZSh0LGZuKHQpLHIpfShyLGZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlllKHIscm4ociksdCl9KGMscikpOmZ1bmN0aW9uKHQscil7cmV0dXJuIFllKHQsZXIodCkscil9KHIsZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmWWUocixDcihyKSx0KX0oYyxyKSl9ZWxzZXtpZighUW5bcF0pcmV0dXJuIHU/cjp7fTtjPUZuKHIscCxhKX19aXx8KGk9bmV3IHh0KTt2YXIgYj1pLmdldChyKTtpZihiKXJldHVybiBiO2kuc2V0KHIsYyksTG4ocik/ci5mb3JFYWNoKChmdW5jdGlvbih0KXtjLmFkZChYbih0LGUsbix0LHIsaSkpfSkpOkRuKHIpJiZyLmZvckVhY2goKGZ1bmN0aW9uKHQsbyl7Yy5zZXQobyxYbih0LGUsbixvLHIsaSkpfSkpO3ZhciB5PXM/dm9pZCAwOihsP2Y/bG46RnI6Zj9ybjpDcikocik7cmV0dXJuIHFlKHl8fHIsKGZ1bmN0aW9uKHQsbyl7eSYmKHQ9cltvPXRdKSxYZShjLG8sWG4odCxlLG4sbyxyLGkpKX0pKSxjfVFuW3FuXT1RblsiW29iamVjdCBBcnJheV0iXT1RblsiW29iamVjdCBBcnJheUJ1ZmZlcl0iXT1RblsiW29iamVjdCBEYXRhVmlld10iXT1RblsiW29iamVjdCBCb29sZWFuXSJdPVFuWyJbb2JqZWN0IERhdGVdIl09UW5bIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPVFuWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1RblsiW29iamVjdCBJbnQ4QXJyYXldIl09UW5bIltvYmplY3QgSW50MTZBcnJheV0iXT1RblsiW29iamVjdCBJbnQzMkFycmF5XSJdPVFuWyJbb2JqZWN0IE1hcF0iXT1RblsiW29iamVjdCBOdW1iZXJdIl09UW5bSm5dPVFuWyJbb2JqZWN0IFJlZ0V4cF0iXT1RblsiW29iamVjdCBTZXRdIl09UW5bIltvYmplY3QgU3RyaW5nXSJdPVFuWyJbb2JqZWN0IFN5bWJvbF0iXT1RblsiW29iamVjdCBVaW50OEFycmF5XSJdPVFuWyJbb2JqZWN0IFVpbnQ4Q2xhbXBlZEFycmF5XSJdPVFuWyJbb2JqZWN0IFVpbnQxNkFycmF5XSJdPVFuWyJbb2JqZWN0IFVpbnQzMkFycmF5XSJdPSEwLFFuWyJbb2JqZWN0IEVycm9yXSJdPVFuW0duXT1RblsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBZbj0xLFpuPTQ7ZnVuY3Rpb24gdG8odCl7cmV0dXJuIFhuKHQsWW58Wm4pfWZ1bmN0aW9uIHJvKHQpe2xldCByPSExO2lmKGh0KHQpKXI9IWlzTmFOKE51bWJlcih0KSk7ZWxzZSBpZihmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBOdW1iZXJdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCkpe2lmKF90KHQpKXJldHVybiExO3I9ITB9cmV0dXJuIHJ9ZnVuY3Rpb24gZW8odCl7aWYoIWh0KHQpJiYhcm8odCkmJiFoKHQpKXJldHVybiIiO2xldCByPSIiO3RyeXtyPVN0cmluZyh0KX1jYXRjaCh0KXt9dHJ5e3I9dC50b1N0cmluZygpfWNhdGNoKHQpe31yZXR1cm4gcn12YXIgbm89TWF0aC5jZWlsLG9vPU1hdGgubWF4O3ZhciB1bz0vXHMvO3ZhciBpbz0vXlxzKy87ZnVuY3Rpb24gY28odCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgcj10Lmxlbmd0aDtyLS0mJnVvLnRlc3QodC5jaGFyQXQocikpOyk7cmV0dXJuIHJ9KHQpKzEpLnJlcGxhY2UoaW8sIiIpOnR9dmFyIGFvPU5hTixmbz0vXlstK10weFswLTlhLWZdKyQvaSxsbz0vXjBiWzAxXSskL2ksc289L14wb1swLTddKyQvaSxwbz1wYXJzZUludDt2YXIgdm89MS8wLGJvPTE3OTc2OTMxMzQ4NjIzMTU3ZTI5MjtmdW5jdGlvbiB5byh0KXtyZXR1cm4gdD8odD1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoaCh0KSlyZXR1cm4gYW87aWYoXyh0KSl7dmFyIHI9ImZ1bmN0aW9uIj09dHlwZW9mIHQudmFsdWVPZj90LnZhbHVlT2YoKTp0O3Q9XyhyKT9yKyIiOnJ9aWYoInN0cmluZyIhPXR5cGVvZiB0KXJldHVybiAwPT09dD90Oit0O3Q9Y28odCk7dmFyIGU9bG8udGVzdCh0KTtyZXR1cm4gZXx8c28udGVzdCh0KT9wbyh0LnNsaWNlKDIpLGU/Mjo4KTpmby50ZXN0KHQpP2FvOit0fSh0KSk9PT12b3x8dD09PS12bz8odDwwPy0xOjEpKmJvOnQ9PXQ/dDowOjA9PT10P3Q6MH12YXIgaG89ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKHIsZSxuKXtyZXR1cm4gbiYmIm51bWJlciIhPXR5cGVvZiBuJiZmdW5jdGlvbih0LHIsZSl7aWYoIV8oZSkpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISEoIm51bWJlciI9PW4/JHIoZSkmJmJyKHIsZS5sZW5ndGgpOiJzdHJpbmciPT1uJiZyIGluIGUpJiZWKGVbcl0sdCl9KHIsZSxuKSYmKGU9bj12b2lkIDApLHI9eW8ociksdm9pZCAwPT09ZT8oZT1yLHI9MCk6ZT15byhlKSxmdW5jdGlvbih0LHIsZSxuKXtmb3IodmFyIG89LTEsdT1vbyhubygoci10KS8oZXx8MSkpLDApLGk9QXJyYXkodSk7dS0tOylpW24/dTorK29dPXQsdCs9ZTtyZXR1cm4gaX0ocixlLG49dm9pZCAwPT09bj9yPGU/MTotMTp5byhuKSx0KX19KCksam89aG87ZnVuY3Rpb24gZ28odCxyPW51bGwsZT17fSl7eChyKXx8KHI9dD0+dCk7bGV0IG49YnQoZSwiZm9yY2UiLCExKTtyZXR1cm4gQXQobil8fChuPSExKSxmdW5jdGlvbih0LHIsZT0hMSl7bGV0IG49W107aWYoIWd0KHQpJiYhZHQodCkpcmV0dXJuIHIodCxudWxsLFtdKTtmdW5jdGlvbiBvKHQpe2lmKGd0KHQpKXJldHVybiBqbyhLZSh0KSk7aWYoZHQodCkpe2xldCByPU9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzKHQpLG49bnVsbDtyZXR1cm4gZSYmKG49T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyh0KSksZ3Qocil8fChyPVtdKSxndChuKXx8KG49W10pLFsuLi5yLC4uLm5dfXJldHVybiB0fXJldHVybiBmdW5jdGlvbiB0KGUsdSl7aWYoZ3QoZSkpcmV0dXJuIG8oZSkubWFwKChvPT57bGV0IHU9ZVtvXSxpPXRvKG4pO3JldHVybiBuLnB1c2gobyksdT1yKHUsbyxpKSx1PXQodSksbi5wb3AoKSx1fSkpO2lmKGR0KGUpKXtsZXQgdT1vKGUpLGk9e307cmV0dXJuIHUubWFwKChvPT57bGV0IHU9ZVtvXSxjPXRvKG4pO24ucHVzaChvKSx1PXIodSxvLGMpLHU9dCh1KSxuLnBvcCgpLGlbb109dX0pKSxpfXJldHVybiBlfSh0KX0odCxyLG4pfWZ1bmN0aW9uIF9vKHIsZT17fSl7aWYoIWp0KHIpJiYhd3QocikpcmV0dXJuW107bGV0IG49YnQoZSwiYmluZEtleSIsbnVsbCk7aHQobil8fChuPSJpZCIpO2xldCBvPWJ0KGUsImJpbmRQYXJlbnQiLG51bGwpO2h0KG8pfHwobz0icGFyZW50SWQiKTtsZXQgdT1idChlLCJiaW5kQmVsb25nIixudWxsKTtodCh1KXx8KHU9ImtleSIpO2xldCBpPWJ0KGUsImJpbmRUZXh0IixudWxsKTtodChpKXx8KGk9InRleHQiKTtsZXQgYz1idChlLCJiaW5kVHlwZSIsbnVsbCk7aHQoYyl8fChjPSJ0eXBlIik7bGV0IGE9YnQoZSwiYmluZE51bU9mQ2hpbHJlbiIsbnVsbCk7ZnVuY3Rpb24gZihyLGUpe3ZhciBuLG87dmFyIHUsaTtyZXR1cm4gcj10byhyKSxvPXQ9PmgodCk/ZW8odCk6dCxyPSh0KG49cik/dXQ6QWUpKG4sZ2UobykpLGgoZSkmJihlPWVvKGUpKSwoaHQoZSl8fHJvKGUpKSYmci5wdXNoKGUpLGk9Ii0iLG51bGw9PSh1PXIpPyIiOnhlLmNhbGwodSxpKX1odChhKXx8KGE9Im51bU9mQ2hpbHJlbiIpO2xldCBsPVtdO3JldHVybiBnbyhyLCgodCxyLGUpPT57bGV0IHM9ZihlLHIpLHA9ZihlLG51bGwpLHk9Im5vZGUiO2R0KHQpP3k9Im9iamVjdCI6Z3QodCkmJih5PSJhcnJheSIpO2xldCBoPXtbbl06cyxbb106cCxbY106eX07aWYoKGh0KHIpfHxmdW5jdGlvbih0KXtyZXR1cm4ibnVtYmVyIj09dHlwZW9mIHR8fGIodCkmJnYodCk9PVdlfShyKSkmJihoW3VdPXIpLGR0KHQpfHxndCh0KXx8KGhbaV09dCksZHQodCl8fGd0KHQpKXtsZXQgcj1udWxsO2R0KHQpP3I9S2UoQ3IodCkpOmd0KHQpJiYocj1LZSh0KSksaFthXT1yfXJldHVybiBsLnB1c2goaCksdH0pLHtmb3JjZTohMH0pLGx9ZnVuY3Rpb24gT28ocixlKXt2YXIgbjtyZXR1cm4odChyKT9xZTptZSkociwiZnVuY3Rpb24iPT10eXBlb2Yobj1lKT9uOmhlKX1mdW5jdGlvbiB3byh0LHIsZSl7cmV0dXJuIG51bGw9PXQ/dDpmdW5jdGlvbih0LHIsZSxuKXtpZighXyh0KSlyZXR1cm4gdDtmb3IodmFyIG89LTEsdT0ocj1sdChyLHQpKS5sZW5ndGgsaT11LTEsYz10O251bGwhPWMmJisrbzx1Oyl7dmFyIGE9cHQocltvXSksZj1lO2lmKCJfX3Byb3RvX18iPT09YXx8ImNvbnN0cnVjdG9yIj09PWF8fCJwcm90b3R5cGUiPT09YSlyZXR1cm4gdDtpZihvIT1pKXt2YXIgbD1jW2FdO3ZvaWQgMD09PShmPW4/bihsLGEsYyk6dm9pZCAwKSYmKGY9XyhsKT9sOmJyKHJbbysxXSk/W106e30pfVhlKGMsYSxmKSxjPWNbYV19cmV0dXJuIHR9KHQscixlKX1mdW5jdGlvbiBtbyh0LHIpe3JldHVybiByLmxlbmd0aDwyP3Q6dnQodCxmdW5jdGlvbih0LHIsZSl7dmFyIG49LTEsbz10Lmxlbmd0aDtyPDAmJihyPS1yPm8/MDpvK3IpLChlPWU+bz9vOmUpPDAmJihlKz1vKSxvPXI+ZT8wOmUtcj4+PjAscj4+Pj0wO2Zvcih2YXIgdT1BcnJheShvKTsrK248bzspdVtuXT10W24rcl07cmV0dXJuIHV9KHIsMCwtMSkpfWZ1bmN0aW9uIEFvKHQscil7cmV0dXJuIG51bGw9PSh0PW1vKHQscj1sdChyLHQpKSl8fGRlbGV0ZSB0W3B0KChlPXIsbj1udWxsPT1lPzA6ZS5sZW5ndGgsbj9lW24tMV06dm9pZCAwKSldO3ZhciBlLG59dmFyIHhvPSJbb2JqZWN0IE9iamVjdF0iLFNvPUZ1bmN0aW9uLnByb3RvdHlwZSxQbz1PYmplY3QucHJvdG90eXBlLHpvPVNvLnRvU3RyaW5nLEVvPVBvLmhhc093blByb3BlcnR5LElvPXpvLmNhbGwoT2JqZWN0KTtmdW5jdGlvbiBObyh0KXtyZXR1cm4gZnVuY3Rpb24odCl7aWYoIWIodCl8fHYodCkhPXhvKXJldHVybiExO3ZhciByPWNuKHQpO2lmKG51bGw9PT1yKXJldHVybiEwO3ZhciBlPUVvLmNhbGwociwiY29uc3RydWN0b3IiKSYmci5jb25zdHJ1Y3RvcjtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgZSYmZSBpbnN0YW5jZW9mIGUmJnpvLmNhbGwoZSk9PUlvfSh0KT92b2lkIDA6dH12YXIgVG89bz9vLmlzQ29uY2F0U3ByZWFkYWJsZTp2b2lkIDA7ZnVuY3Rpb24gJG8ocil7cmV0dXJuIHQocil8fGNyKHIpfHwhIShUbyYmciYmcltUb10pfWZ1bmN0aW9uIENvKHQscixlLG4sbyl7dmFyIHU9LTEsaT10Lmxlbmd0aDtmb3IoZXx8KGU9JG8pLG98fChvPVtdKTsrK3U8aTspe3ZhciBjPXRbdV07cj4wJiZlKGMpP3I+MT9DbyhjLHItMSxlLG4sbyk6UXQobyxjKTpufHwob1tvLmxlbmd0aF09Yyl9cmV0dXJuIG99ZnVuY3Rpb24gRm8odCl7cmV0dXJuKG51bGw9PXQ/MDp0Lmxlbmd0aCk/Q28odCwxKTpbXX12YXIgTW89TWF0aC5tYXg7dmFyIFVvPUhlP2Z1bmN0aW9uKHQscil7cmV0dXJuIEhlKHQsInRvU3RyaW5nIix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITEsdmFsdWU6KGU9cixmdW5jdGlvbigpe3JldHVybiBlfSksd3JpdGFibGU6ITB9KTt2YXIgZX06aGUsa289VW8sQm89RGF0ZS5ub3c7dmFyIERvPWZ1bmN0aW9uKHQpe3ZhciByPTAsZT0wO3JldHVybiBmdW5jdGlvbigpe3ZhciBuPUJvKCksbz0xNi0obi1lKTtpZihlPW4sbz4wKXtpZigrK3I+PTgwMClyZXR1cm4gYXJndW1lbnRzWzBdfWVsc2Ugcj0wO3JldHVybiB0LmFwcGx5KHZvaWQgMCxhcmd1bWVudHMpfX0oa28pLFJvPURvO3ZhciBMbz1mdW5jdGlvbih0KXtyZXR1cm4gUm8oZnVuY3Rpb24odCxyLGUpe3JldHVybiByPU1vKHZvaWQgMD09PXI/dC5sZW5ndGgtMTpyLDApLGZ1bmN0aW9uKCl7Zm9yKHZhciBuPWFyZ3VtZW50cyxvPS0xLHU9TW8obi5sZW5ndGgtciwwKSxpPUFycmF5KHUpOysrbzx1OylpW29dPW5bcitvXTtvPS0xO2Zvcih2YXIgYz1BcnJheShyKzEpOysrbzxyOyljW29dPW5bb107cmV0dXJuIGNbcl09ZShpKSxmdW5jdGlvbih0LHIsZSl7c3dpdGNoKGUubGVuZ3RoKXtjYXNlIDA6cmV0dXJuIHQuY2FsbChyKTtjYXNlIDE6cmV0dXJuIHQuY2FsbChyLGVbMF0pO2Nhc2UgMjpyZXR1cm4gdC5jYWxsKHIsZVswXSxlWzFdKTtjYXNlIDM6cmV0dXJuIHQuY2FsbChyLGVbMF0sZVsxXSxlWzJdKX1yZXR1cm4gdC5hcHBseShyLGUpfSh0LHRoaXMsYyl9fSh0LHZvaWQgMCxGbyksdCsiIil9KChmdW5jdGlvbih0LHIpe3ZhciBlPXt9O2lmKG51bGw9PXQpcmV0dXJuIGU7dmFyIG49ITE7cj11dChyLChmdW5jdGlvbihyKXtyZXR1cm4gcj1sdChyLHQpLG58fChuPXIubGVuZ3RoPjEpLHJ9KSksWWUodCxsbih0KSxlKSxuJiYoZT1YbihlLDcsTm8pKTtmb3IodmFyIG89ci5sZW5ndGg7by0tOylBbyhlLHJbb10pO3JldHVybiBlfSkpLFZvPUxvO2Z1bmN0aW9uIEtvKHQscj17fSl7bGV0IGU9IiRsZXZlbCIsbj0iJHBhcmVudHMiO2lmKCF3dCh0KSlyZXR1cm5bXTtsZXQgbz1idChyLCJiaW5kS2V5IixudWxsKTtodChvKXx8KG89ImlkIik7bGV0IHU9YnQociwiYmluZFBhcmVudCIsbnVsbCk7aHQodSl8fCh1PSJwYXJlbnRJZCIpO2xldCBpPWJ0KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aHQoaSl8fChpPSJjaGlsZHJlbiIpO2xldCBjPWJ0KHIsInNhdmVFeHRQcm9wcyIsbnVsbCk7QXQoYyl8fChjPSExKSx0PWZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGkoaSl7bGV0IGM9W107T28odCwoKHQsYSk9PntsZXQgZj1idCh0LHUpLGw9YnQoaSxvKTtpZihmJiZsJiZmPT09bCl7bGV0IHU9YnQoaSxuLFtdKTt1PXRvKHUpLHUucHVzaChpW29dKSxyLnB1c2goe1tlXTppW2VdKzEsW25dOnUsLi4udH0pfWVsc2UgYy5wdXNoKHQpfSkpLHQ9Y31pZih0PXRvKHQpLGZ1bmN0aW9uKCl7bGV0IG89W107T28odCwoKHQsaSk9PntPdCh0W3VdKT9yLnB1c2goe1tlXTowLFtuXTpbXSwuLi50fSk6by5wdXNoKHQpfSkpLHQ9b30oKSwwPT09ci5sZW5ndGgpcmV0dXJuIHI7bGV0IGM9LTE7Zm9yKDtjKz0xLCEoYz5yLmxlbmd0aC0xKTspe2lmKGkocltjXSksMD09PXQubGVuZ3RoKWJyZWFrfXJldHVybiByfSh0KTtsZXQgYT1mdW5jdGlvbih0KXtsZXQgcj1bXTtmdW5jdGlvbiBhKHQpe3JldHVybiBjP3Q6Vm8odCxbZSxuXSl9bGV0IGY9e307cmV0dXJuIE9vKHQsKChuLGMpPT57aWYoMD09PW5bZV0pe2xldCB0PWEobik7ci5wdXNoKHQpLGZbbltvXV09W2NdfWVsc2V7bGV0IGU9ZnVuY3Rpb24ocil7Zm9yKGxldCBlPTA7ZTx0Lmxlbmd0aDtlKyspe2xldCBuPXRbZV07aWYoclt1XT09PW5bb10pcmV0dXJuIG59cmV0dXJuIG51bGx9KG4pO2lmKG51bGwhPT1lKXtsZXQgdD1mW2Vbb11dO3Q9Wy4uLnQsaV07bGV0IHU9YnQocix0LFtdKSxjPWEobik7dS5wdXNoKGMpLGZbbltvXV09Wy4uLnQsdS5sZW5ndGgtMV0sd28ocix0LHUpfWVsc2UgY29uc29sZS5sb2coYGNhbiBub3QgZmluZCBwYXJlbnQgZm9yICR7YnQobix1KX1gKX19KSkscn0odCk7cmV0dXJuIGF9bGV0IGNvbnZlcnRUb1RyZWVXaz1hc3luYyBmdW5jdGlvbih0LHI9e30pe3JldHVybiBmdW5jdGlvbih0LHI9e30pe2lmKCFqdCh0KSYmIXd0KHQpKXJldHVybltdO2xldCBlPWJ0KHIsImJpbmRLZXkiLG51bGwpO2h0KGUpfHwoZT0iaWQiKTtsZXQgbj1idChyLCJiaW5kUGFyZW50IixudWxsKTtodChuKXx8KG49InBhcmVudElkIik7bGV0IG89YnQociwiYmluZFRleHQiLG51bGwpO2h0KG8pfHwobz0idGV4dCIpO2xldCB1PWJ0KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aHQodSl8fCh1PSJjaGlsZHJlbiIpO2xldCBpPWJ0KHIsImJpbmRUeXBlIixudWxsKTtodChpKXx8KGk9InR5cGUiKTtsZXQgYz1idChyLCJiaW5kTnVtT2ZDaGlscmVuIixudWxsKTtodChjKXx8KGM9Im51bU9mQ2hpbHJlbiIpO2xldCBhPWJ0KHIsImJpbmRSb290IixudWxsKTtodChhKXx8KGE9InJvb3QiKTtsZXQgZj1idChyLCJzYXZlRXh0UHJvcHMiLG51bGwpO3JldHVybiBBdChmKXx8KGY9ITEpLGh0KGEpJiYodD17W2FdOnR9KSxLbyhfbyh0LHtiaW5kS2V5OmUsYmluZFBhcmVudDpuLGJpbmRUZXh0Om8sYmluZFR5cGU6aSxiaW5kTnVtT2ZDaGlscmVuOmN9KSx7YmluZEtleTplLGJpbmRQYXJlbnQ6bixiaW5kQ2hpbGRyZW46dSxzYXZlRXh0UHJvcHM6Zn0pfSh0LHIpfTsKCgpsZXQgaW5zdGFuY2UgPSBudWxsCmZ1bmN0aW9uIGluaXQoaW5wdXQpewoKICAgIC8vaW5pdAogICAgbGV0IHIKICAgIAogICAgICAgIHIgPSB7CiAgICAgICAgICAgIG1haW46IGNvbnZlcnRUb1RyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBjb252ZXJ0VG9UcmVlV2sKICAgICAgICAgICAgfQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAKICAgICAgICAgICAgLy9zZW5kTWVzc2FnZQogICAgICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICAgICAgbW9kZTogJ2VtaXQnLAogICAgICAgICAgICAgICAgZXZOYW1lOiAnZXJyb3InLAogICAgICAgICAgICAgICAgbXNnOiBlcnIsCiAgICAgICAgICAgIH0KICAgICAgICAgICAgc2VuZE1lc3NhZ2UocmVzKQoKICAgICAgICB9CiAgICAgICAgICAgIAogICAgfQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgPT09ICdjYWxsJyl7CiAgICAgICAgbGV0IHN0YXRlID0gJycKICAgICAgICBsZXQgbXNnID0gbnVsbAoKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL2Z1bgogICAgICAgICAgICBsZXQgZnVuID0gaW5zdGFuY2VbZGF0YS5mdW5dCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKCiAgICAgICAgICAgIC8vZXhlYwogICAgICAgICAgICBhd2FpdCBmdW4oLi4uaW5wdXQpCiAgICAgICAgICAgICAgICAudGhlbigoc3VjKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J3N1Y2Nlc3MnCiAgICAgICAgICAgICAgICAgICAgbXNnPXN1YwogICAgICAgICAgICAgICAgfSkKICAgICAgICAgICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J2Vycm9yJwogICAgICAgICAgICAgICAgICAgIG1zZz1lcnIKICAgICAgICAgICAgICAgIH0pCgogICAgICAgIH0KICAgICAgICBjYXRjaChlcnIpewogICAgICAgICAgICBzdGF0ZSA9ICdlcnJvcicKICAgICAgICAgICAgbXNnID0gZXJyCiAgICAgICAgfQogICAgICAgIAogICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICBtb2RlOiAncmV0dXJuJywKICAgICAgICAgICAgaWQ6IGRhdGEuaWQsCiAgICAgICAgICAgIGZ1bjogZGF0YS5mdW4sCiAgICAgICAgICAgIHN0YXRlLAogICAgICAgICAgICBtc2csCiAgICAgICAgfQogICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICB9Cgp9CgpmdW5jdGlvbiByZWN2TWVzc2FnZShkYXRhKSB7CiAgICAvLyBjb25zb2xlLmxvZygnaW5uZXIgd29ya2VyIHJlY3Y6JywgZGF0YSkKCiAgICAvL2RhdGFSZWN2CiAgICBsZXQgZGF0YVJlY3YgPSBkYXRhCgogICAgLy9ydW4KICAgIHJ1bihkYXRhUmVjdikKCn0KCgogICAgICAgIHNlbGYub25tZXNzYWdlID0gZnVuY3Rpb24gKGUpIHsKICAgICAgICAgICAgcmVjdk1lc3NhZ2UoZS5kYXRhKQogICAgICAgIH0KICAgICAgICAKCnRyeXsKICAgIHByb2Nlc3Mub24oJ3VuaGFuZGxlZFJlamVjdGlvbicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5oYW5kbGVkUmVqZWN0aW9uJywgZXJyKQogICAgfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmNhdWdodEV4Y2VwdGlvbicsIGVycikKICAgIH0pCiAgICBwcm9jZXNzLm9uKCd1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3InLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIGVycikKICAgIH0pCn0KY2F0Y2goZXJyKXt9Cgo=");function e(){let e=new ky,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}Ty=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(uy){}var By=Ty,Hy={components:{WTree:jm},props:{data:{type:[Array,Object],default:()=>{}},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},filterKeywords:{type:String,default:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},keyColor:{type:String,default:"grey darken-2"},keyNumbersColor:{type:String,default:"grey lighten-1"},numColor:{type:String,default:"indigo accent-2"},strColor:{type:String,default:"orange accent-2"},bolColor:{type:String,default:"light-green lighten-1"},funColor:{type:String,default:"purple accent-2"},defaultColor:{type:String,default:"grey darken-4"},rippleColor:{type:String,default:"rgba(200,200,200,0.4)"},show:{type:Boolean,default:!0}},data:function(){return{lockFromSetData:!1,useColors:{},root:"___root___",lineNumberWidth:0}},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}}},computed:{changeColors:function(){return this.convertColors(),""},useItemHeightMin:function(){return`min-height:${Math.max(this.iconSize,this.defItemHeight)}px;`}},methods:{convertColors:function(){let n=this;if(Di(n.useColors))return;let e={numColor:ui(n.numColor),strColor:ui(n.strColor),bolColor:ui(n.bolColor),funColor:ui(n.funColor),defaultColor:ui(n.defaultColor),keyColor:ui(n.keyColor),keyNumbersColor:ui(n.keyNumbersColor)};n.useColors=e},parseData:async function(n){return await By(n,{bindRoot:this.root})},setData:function(n){let e=this;(async function(){if(e.lockFromSetData=!0,!Ge(n)&&!Bn(n)){return"data is not an array or object"}e.convertColors(),n=pa(n);let t=await e.parseData(n);await $r((()=>void 0!==e.$refs.wt),{timeInterval:20}),e.$refs.wt&&await e.$refs.wt.setData(t),e.getLineNumberWidth()})().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetData=!1}))},getLineNumberWidth:function(){let n=this;(async function(){if(await $r((()=>void 0!==n.$refs.wt),{timeInterval:20}),!n.$refs.wt)return;let e=di(n.$refs.wt.getRows()),t=8*(Math.ceil(Math.log10(e))+.5);n.lineNumberWidth=t})().catch((n=>{console.log(n)}))},genBlock:function(n){let e="";return"object"===n.type?e=`{${n.numOfChilren}}`:"array"===n.type&&(e=`[${n.numOfChilren}]`),e},getKey:function(n){let e="";return(An(n.key)||yi(n.key))&&(e=n.key),e===this.root&&(e=""),e},getType:function(n){let e="";return"node"!==n.type&&(e=n.type),e},getText:function(n){let e="";return"node"===n.type&&(e=n.text),e},getTextTypeColor:function(n){let e=this,t=e.useColors.defaultColor;if("node"===n.type){let r="";yi(n.text)?r="numColor":Hn(n.text)?r="strColor":Ln(n.text)?r="bolColor":je(n.text)&&(r="funColor"),Zn(e.useColors,r)&&(t=e.useColors[r])}return t},toggleItemsByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleItemsAll:function(n){return this.$refs.wt.toggleItemsAll(n)}}};const Ay=Hy;var Wy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("WTree",{ref:"wt",attrs:{viewHeightMax:n.viewHeightMax,defaultDisplayLevel:n.defaultDisplayLevel,indent:n.indent,iconSize:n.iconSize,iconToggleColor:n.iconToggleColor,iconToggleBackgroundColor:n.iconToggleBackgroundColor,iconToggleBackgroundColorHover:n.iconToggleBackgroundColorHover,itemRippleColor:n.rippleColor,filterKeywords:n.filterKeywords,funFilter:n.funFilter,loadingText:n.loadingText,noResultsText:n.lockFromSetData?"":n.noResultsText,searchingText:n.searchingText,defItemHeight:n.defItemHeight,itemsPreload:n.itemsPreload,show:n.show},on:{"change-view-items":function(e){n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"head",fn:function(e){return[t("div",{style:n.useItemHeightMin+" min-width:"+n.lineNumberWidth+"px; display:flex; align-items:center; justify-content:end;"},[t("div",{style:"font-size:0.8rem; padding-top:1px; color:#f26; user-select:none;"},[n._v(n._s(e.index+1))])])]}},{key:"item",fn:function(e){return[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center;"},[t("div",{staticStyle:{display:"flex"}},[""!==n.getKey(e.data)?t("div",{style:"padding-right:5px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getKey(e.data))+":\n                    ")]):n._e(),n._v(" "),""!==n.getType(e.data)?t("div",{style:"padding-right:3px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getType(e.data))+"\n                    ")]):n._e(),n._v(" "),t("div",{style:"color:"+n.getTextTypeColor(e.data)+";"},[n._v("\n                        "+n._s(n.getText(e.data))+"\n                    ")])]),n._v(" "),t("div",{style:"padding-left:5px; color:"+n.useColors.keyNumbersColor+";"},[n._v("\n                    "+n._s(n.genBlock(e.data))+"\n                ")])])]}}])}),n._v(" "),n.lockFromSetData?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):n._e()],1)};Wy._withStripped=!0;const Fy=t({render:Wy,staticRenderFns:[]},(function(n){n&&n("data-v-c689f0ec_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonView.vue"},media:void 0})}),Ay,"data-v-c689f0ec",false,undefined,!1,o,void 0,void 0);const Zy={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["base:w-leaflet-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-leaflet-vue"];n.default&&(n=n.default),ro().component("w-leaflet-vue",n)}n.cmpName="w-leaflet-vue"}))},computed:{},methods:{}};var Xy=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt}})};Xy._withStripped=!0;const Py=t({render:Xy,staticRenderFns:[]},(function(n){n&&n("data-v-488e4711_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})}),Zy,"data-v-488e4711",false,undefined,!1,o,void 0,void 0);var Ry={components:{WIcon:ls},props:{levels:{type:Array,default:()=>[]},value:{type:Number,default:null},keyColor:{type:String,default:"color"},keyLow:{type:String,default:"low"},keyUp:{type:String,default:"up"},keyDelimiter:{type:String,default:"delimiter"},keyText:{type:String,default:"text"},spaceForGrade:{type:Number,default:5},spaceForText:{type:Number,default:5},tickDig:{type:Number,default:null},gradeSize:{type:Number,default:18},gradeTextFontSize:{type:String,default:"0.75rem"},gradeTextColor:{type:String,default:"#444"},arrowColor:{type:String,default:"#666"},arrowSize:{type:Number,default:10}},data:function(){return{get:Tn,mdiTriangleDown:"M1 3H23L12 22"}},computed:{useGradeTextFontSize:function(){let n=this.gradeTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useGradeTextColor:function(){return ui(this.gradeTextColor)},indValue:function(){let n=this,e=-1;return De(n.levels,((t,r)=>{let o=Zr(Tn(t,n.keyLow,0)),i=Zr(Tn(t,n.keyUp,0));if(o<=n.value&&n.value<=i)return e=r,!1})),e}},methods:{getColor:function(n){return ui(n)},getTick:function(n){let e=this;return Fn(n)&&(n=Zr(n)),Nr(e.tickDig)&&(n=wp(n,e.tickDig)),n}}};const Ly=Ry;var zy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},[t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tbody",n._l(n.levels,(function(e,r){return t("tr",{key:"klevel-"+r},[t("td",{style:"width:"+n.arrowSize+"px;"},[n.indValue===r?t("div",{style:"transform:rotate(-90deg);"},[t("WIcon",{attrs:{icon:n.mdiTriangleDown,color:n.arrowColor,colorHover:n.arrowColor,size:n.arrowSize}})],1):n._e()]),n._v(" "),t("td",{style:"background:"+n.getColor(n.get(e,n.keyColor,"transparent"))+"; width:"+n.gradeSize+"px; height:"+n.gradeSize+"px;"}),n._v(" "),t("td",{style:"padding-left:"+n.spaceForGrade+"px; text-align:right; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("low",(function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyLow,"")))+"\n                    ")]}),{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding:0px 2px; text-align:center; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("delimiter",(function(){return[n._v("\n                        "+n._s(n.get(e,n.keyDelimiter,""))+"\n                    ")]}),{klevel:r,level:e})],2),n._v(" "),t("td",{style:"text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("up",(function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyUp,"")))+"\n                    ")]}),{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding-left:"+n.spaceForText+"px; text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("text",(function(){return[n._v("\n                        "+n._s(n.get(e,n.keyText,""))+"\n                    ")]}),{klevel:r,level:e})],2)])})),0)])])};zy._withStripped=!0;const Vy=t({render:zy,staticRenderFns:[]},(function(n){n&&n("data-v-6d9e8008_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLevelGrade.vue"},media:void 0})}),Ly,"data-v-6d9e8008",false,undefined,!1,o,void 0,void 0);var Ny={directives:{domresize:ma()},components:{WCheckbox:ec,WText:Ip,WListVertical:Wm},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:ka},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:wa},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:Pa},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{panelHeight:0,itemsTrans:[],kpCheck:{},queryTrans:"",queryFocusedTrans:!1}},computed:{changeValue:function(){return this.modifyItems(this.value),""},changeQuery:function(){let n=this;return n.queryTrans=n.query,n.queryFocusedTrans=n.queryFocused,""},isObjValue:function(){return 0!==di(this.items)&&Cm(this.items,(n=>Bn(n)))},useQueryPanelPaddingStyle:function(){return`padding:${Qd(this.queryPanelPaddingStyle)};`},effSepLineColor:function(){return ui(this.querySepLineColor)}},methods:{resize:function(n){this.panelHeight=n.snew.offsetHeight},getItem:function(n){let e=this,t=null;return t=e.isObjValue&&An(e.keyPickForObjItem)?Tn(n,e.keyPickForObjItem):n,t},getKeyFromItemAndInd:function(n,e){let t=this.getItem(n);return Di(t)&&(t=JSON.stringify(t),t=ja(t,20)),`${e}|${t}`},getKeyFromItem:function(n){let e=this,t=null;return De(e.items,((r,o)=>{if(Qc(r,n))return t=e.getKeyFromItemAndInd(n,o),!1})),t},judgeItem:function(n,e){let t=this.getItem(n),r=null;return r=this.multiCheck?Uc(e,t):Qc(e,t),r},queryFunFilter:function(n,e){let t=this;if(!An(t.queryTrans))return!0;let r=null;if(t.isObjValue)if(rs(t.queryKeysPickForObjItem)){let e=[];De(t.queryKeysPickForObjItem,(t=>{let r=Tn(n,`data.${t}`);e.push(r)})),r=Kr(e,"|")}else r=Eh(n);else r=Ka(n);r=r.toLowerCase();let o=Wr(t.queryTrans.toLowerCase()," "),i=!1;return De(o,(n=>{if(r.indexOf(n)>=0)return i=!0,!1})),i},modifyItems:function(n){let e=this,t=null,r={};De(e.items,((o,i)=>{let l=e.getKeyFromItemAndInd(o,i),a=e.judgeItem(o,n);r[l]=a,a&&(t=l)})),e.multiCheck||null===t||(De(r,((n,e)=>{r[e]=!1})),r[t]=!0);let o=sr(e.items,((n,t)=>{let r=n;e.isObjValue&&(r=Tn(n,e.keyText,""));let o="";e.isObjValue&&(o=Tn(n,e.keyIcon,""));let i=!0;return e.isObjValue&&(i=Tn(n,"editable",!0)),{[e.keyText]:r,[e.keyIcon]:o,editable:i,data:n}}));e.itemsTrans=o,e.kpCheck=r},clickItem:function(n,e){let t=this;if(!t.getEditable(n))return;let r=pa(t.kpCheck),o=t.getKeyFromItem(n);t.multiCheck?r[o]=!r[o]:r[e]||(De(r,((n,e)=>{r[e]=!1})),r[o]=!0);let i=[];De(t.items,((n,e)=>{let o=t.getKeyFromItemAndInd(n,e);if(!r[o])return!0;let l=t.getItem(n);i.push(l)})),t.multiCheck||(i=Tn(i,0,null)),t.kpCheck=r,t.$emit("click",{check:r[o],item:pa(t.items[e]),kitem:e}),t.$emit("input",i)},modifyQuery:function(){let n=this;n.modifyItems(n.value),n.$emit("update:query",n.queryTrans)},modifyQueryFocused:function(n){this.$emit("update:queryFocused",n)},getCheck:function(n){let e=this.getKeyFromItem(n);return this.kpCheck[e]},getEditable:function(n){return Tn(n,"editable",!0)}}};const Dy=Ny;var Gy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeValue:n.changeValue,changeQuery:n.changeQuery},on:{domresize:n.resize}},[t("WListVertical",{style:"height:"+n.panelHeight+"px;",attrs:{items:n.itemsTrans,enableActive:!0,_itemActive:"itemActive",keyText:n.keyText,keyIcon:n.keyIcon,paddingStyle:n.paddingStyle,itemTextFontSize:n.itemTextFontSize,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemBackgroundColorActive:n.itemBackgroundColorActive,itemBackgroundColorDisabled:n.itemBackgroundColorDisabled,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemTextColorActive:n.itemTextColorActive,itemTextColorDisabled:n.itemTextColorDisabled,itemIconSize:n.itemIconSize,itemIconColor:n.itemIconColor,itemIconColorHover:n.itemIconColorHover,itemIconColorActive:n.itemIconColorActive,itemIconColorDisabled:n.itemIconColorDisabled,itemRippleColor:n.itemRippleColor,itemDisabledColor:n.itemDisabledColor,itemCursorPointer:n.itemCursorPointer,query:n.queryTrans,funFilter:n.queryFunFilter},on:{click:function(e,t){n.clickItem(e.data,t)}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header"),n._v(" "),n.enableQuery?[t("div",{style:""+n.useQueryPanelPaddingStyle},[t("WText",{attrs:{paddingStyle:n.queryPaddingStyle,borderRadius:n.queryBorderRadius,shadow:n.queryShadow,textFontSize:n.queryTextFontSize,textColor:n.queryTextColor,textAlign:n.queryTextAlign,leftIcon:n.queryIcon,leftIconSize:n.queryIconSize,leftIconColor:n.queryIconColor,leftIconColorHover:n.queryIconColorHover,leftIconColorFocus:n.queryIconColorFocus,leftIconTooltip:n.queryIconTooltip,_rightIcon:"queryRightIcon",_rightIconSize:"queryRightIconSize",_rightIconColor:"queryRightIconColor",_rightIconColorHover:"queryRightIconColorHover",_rightIconColorFocus:"queryRightIconColorFocus",_rightIconTooltip:"queryRightIconTooltip",iconShiftOuter:n.queryIconShiftOuter,iconShiftInner:n.queryIconShiftInner,backgroundColor:n.queryBackgroundColor,backgroundColorHover:n.queryBackgroundColorHover,backgroundColorFocus:n.queryBackgroundColorFocus,borderColor:n.queryBorderColor,borderColorHover:n.queryBorderColorHover,borderColorFocus:n.queryBorderColorFocus,bottomLineBorderColor:n.queryBottomLineBorderColor,bottomLineBorderColorHover:n.queryBottomLineBorderColorHover,bottomLineBorderColorFocus:n.queryBottomLineBorderColorFocus,bottomLineBorderWidth:n.queryBottomLineBorderWidth,bottomLineBorderWidthHover:n.queryBottomLineBorderWidthHover,bottomLineBorderWidthFocus:n.queryBottomLineBorderWidthFocus,placeholder:n.queryPlaceholder,height:n.queryHeight,focused:n.queryFocused,editable:!0},on:{enter:n.modifyQuery,change:n.modifyQuery,input:n.modifyQuery,"update:focused":n.modifyQueryFocused},model:{value:n.queryTrans,callback:function(e){n.queryTrans=e},expression:"queryTrans"}})],1),n._v(" "),t("div",{style:"border-top:"+n.querySepLineWidth+"px solid "+n.effSepLineColor+";"})]:n._e()]},proxy:!0},{key:"item-left",fn:function(e){return[t("WCheckbox",{attrs:{iconSize:n.itemCheckIconIconSize,checkedIcon:n.itemCheckIconCheckedIcon,checkedIconColor:e.isActive?n.itemCheckIconCheckedIconColorActive:e.isHover?n.itemCheckIconCheckedIconColorHover:n.itemCheckIconCheckedIconColor,checkedIconColorHover:e.isActive?n.itemCheckIconCheckedIconColorActive:n.itemCheckIconCheckedIconColorHover,checkedIconColorDisabled:n.itemCheckIconCheckedIconColorDisabled,uncheckedIcon:n.itemCheckIconUncheckedIcon,uncheckedIconColor:e.isActive?n.itemCheckIconUncheckedIconColorActive:e.isHover?n.itemCheckIconUncheckedIconColorHover:n.itemCheckIconUncheckedIconColor,uncheckedIconColorHover:e.isActive?n.itemCheckIconUncheckedIconColorActive:n.itemCheckIconUncheckedIconColorHover,uncheckedIconColorDisabled:n.itemCheckIconUncheckedIconColorDisabled,editable:n.getEditable(e.item.data),value:n.getCheck(e.item.data)}}),n._v(" "),t("div",{style:"padding-right:"+n.spaceBetweenCheckboxAndContent+"px;"})]}},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item.data,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)})],1)};Gy._withStripped=!0;const jy=t({render:Gy,staticRenderFns:[]},(function(n){n&&n("data-v-e8b246a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListCheck.vue"},media:void 0})}),Dy,"data-v-e8b246a2",false,undefined,!1,o,void 0,void 0);var Ky={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})},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"#aaa"},expansionIconColorHover:{type:String,default:"#888"},expansionIconColorActive:{type:String,default:"rgba(255,255,255,0.8)"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{obstructMutation:!1,mouseEnter:!1,heightContent:""}},computed:{changeActive:function(){return this.updateHeightContent(this.active),""},useTextFontSize:function(){let n=this.textFontSize;return n=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)},useBackgroundColor:function(){let n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},effTextActive:function(){return ui(this.textColorActive)},useTextColor:function(){let n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return ui(this.iconColor)},effIconColorHover:function(){return ui(this.iconColorHover)},effIconActive:function(){return ui(this.iconColorActive)},useIconColor:function(){let n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor},effExpansionIconColor:function(){return ui(this.expansionIconColor)},effExpansionIconColorHover:function(){return ui(this.expansionIconColorHover)},effExpansionIconColorActive:function(){return ui(this.expansionIconColorActive)},useExpansionIconColor:function(){let n=this;return n.active?n.effExpansionIconColorActive:n.mouseEnter?n.effExpansionIconColorHover:n.effExpansionIconColor},useRotateDeg:function(){return this.active?180:0}},methods:{updateHeightContent:function(){let n=this;(async function(){for(let e=1;e<=5;e++)setTimeout((()=>{n.obstructMutation=!n.obstructMutation}),100*e);if(n.active){if(n.active){n.$el||await $r((()=>void 0!==n.$el),{timeInterval:10});let e=Tn(n,"$refs.rct.clientHeight");yi(e)&&(n.heightContent=`height:${e}px;`)}}else n.heightContent=""})().catch((n=>{console.log(n)}))},getIcon:function(n){return Tn(n,"icon","")},getText:function(n){if(""===Tn(n,"text",""))return n},clickItem:function(n,e){let t=this;return t.$emit("update:active",!t.active),t.$emit("click",{icon:n,text:e}),""}}};const Yy=Ky;var _y=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeActive:n.changeActive}},[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; "+n.usePadding+" background:"+n.useBackgroundColor+"; cursor:pointer;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:function(e){return n.clickItem(n.icon,n.text)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"4px"}},[t("div",{style:"transition:all 0.3s; transform:rotate("+(n.useRotateDeg+90)+"deg); cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.useExpansionIconColor,colorHover:n.useExpansionIconColor,size:n.expansionIconSize}})],1)]),n._v(" "),n._t("header",(function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n                    "+n._s(n.text)+"\n                ")])]}),{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{class:"ct "+(n.active?"ct-show":"ct-hide"),style:""+n.heightContent},[t("div",{ref:"rct"},[n._t("content",null,{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{staticStyle:{position:"relative",height:"0px",overflow:"hidden"}},[n.obstructMutation?t("div",{staticStyle:{position:"absolute",left:"0px",top:"0px",height:"0px"}}):n._e()])])};_y._withStripped=!0;const $y=t({render:_y,staticRenderFns:[]},(function(n){n&&n("data-v-742a3346_0",{source:"\n.ct[data-v-742a3346] {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\n}\n.ct-hide[data-v-742a3346] {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\n}\n.ct-show[data-v-742a3346] {\r\n    opacity: 1;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WListExpandItem.vue"],names:[],mappings:";AAicA;IACA,8CAAA;AACA;AACA;IACA,gBAAA;IACA,WAAA;IACA,UAAA;AACA;AACA;IACA,UAAA;AACA",file:"WListExpandItem.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeActive=\"changeActive\"\r\n    >\r\n\r\n        \x3c!-- header --\x3e\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} background:${useBackgroundColor}; cursor:pointer;`\"\r\n            v-domripple=\"{color:rippleColor}\"\r\n            @mouseenter=\"mouseEnter=true\"\r\n            @mouseleave=\"mouseEnter=false\"\r\n            @click=\"clickItem(icon,text)\"\r\n        >\r\n            <div style=\"display:flex; align-items:center;\">\r\n\r\n                <div style=\"margin-right:4px;\">\r\n                    <div :style=\"`transition:all 0.3s; transform:rotate(${useRotateDeg+90}deg); cursor:pointer;`\">\r\n                        <WIcon\r\n                            :icon=\"expansionIcon\"\r\n                            :color=\"useExpansionIconColor\"\r\n                            :colorHover=\"useExpansionIconColor\"\r\n                            :size=\"expansionIconSize\"\r\n                        ></WIcon>\r\n                    </div>\r\n                </div>\r\n\r\n                <slot\r\n                    name=\"header\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n\r\n                    <WIcon\r\n                        style=\"margin-right:8px;\"\r\n                        :icon=\"icon\"\r\n                        :color=\"useIconColor\"\r\n                        :colorHover=\"useIconColor\"\r\n                        :size=\"iconSize\"\r\n                        v-if=\"hasIcon\"\r\n                    ></WIcon>\r\n\r\n                    <div :style=\"`transition:all 0.3s; color:${useTextColor}; ${useTextFontSize}`\">\r\n                        {{text}}\r\n                    </div>\r\n\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        \x3c!-- content --\x3e\r\n        <div :class=\"`ct ${active?'ct-show':'ct-hide'}`\" :style=\"`${heightContent}`\">\r\n            <div ref=\"rct\">\r\n\r\n                <slot\r\n                    name=\"content\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div style=\"position:relative; height:0px; overflow:hidden;\">\r\n            <div style=\"position:absolute; left:0px; top:0px; height:0px;\" v-if=\"obstructMutation\">\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\nimport isNumber from 'lodash-es/isNumber.js'\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport domRipple from '../js/domRipple.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\r\n * @vue-prop {String} [textFontSize='1rem'] 輸入文字字型大小字串，預設'1rem'\r\n * @vue-prop {Boolean} [active=false] 輸入是否為主動模式布林值，預設false\r\n * @vue-prop {Object} [paddingStyle={v:10,h:12}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12}\r\n * @vue-prop {String} [backgroundColor='white'] 輸入背景顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.2)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'\r\n * @vue-prop {String} [backgroundColorActive='orange lighten-1'] 輸入主動模式時背景顏色字串，預設'orange lighten-1'\r\n * @vue-prop {String} [textColor='#444'] 輸入文字顏色字串，預設'#444'\r\n * @vue-prop {String} [textColorHover='#222'] 輸入滑鼠移入時文字顏色字串，預設'#222'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [iconColor='#444'] 輸入圖標顏色字串，預設'#444'\r\n * @vue-prop {String} [iconColorHover='#222'] 輸入滑鼠移入時圖標顏色字串，預設'#222'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='#aaa'] 輸入顯隱圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [expansionIconColorHover='#888'] 輸入滑鼠移入時顯隱圖標顏色字串，預設'#888'\r\n * @vue-prop {String} [expansionIconColorActive='rgba(255,255,255,0.8)'] 輸入主動模式時顯隱圖標顏色字串，預設'rgba(255,255,255,0.8)'\r\n * @vue-prop {String} [rippleColor='rgba(255,255,255,0.4)'] 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n */\r\nexport default {\r\n    directives: {\r\n        domripple: domRipple(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        text: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '1rem',\r\n        },\r\n        active: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 10,\r\n                    h: 12,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.2)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange lighten-1',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        expansionIconColorHover: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        expansionIconColorActive: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.8)',\r\n        },\r\n        rippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            obstructMutation: false,\r\n            mouseEnter: false,\r\n            heightContent: '',\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeActive: function() {\r\n            let vo = this\r\n            vo.updateHeightContent(vo.active)\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        hasIcon: function() {\r\n            let vo = this\r\n            return vo.icon !== ''\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { ext: { left: vo.shiftLeft, right: vo.shiftRight } })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        effBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColor)\r\n        },\r\n\r\n        effBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorHover)\r\n        },\r\n\r\n        effBackgroundActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorActive)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effBackgroundActive\r\n            }\r\n            return vo.mouseEnter ? vo.effBackgroundColorHover : vo.effBackgroundColor\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        effTextActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorActive)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effTextActive\r\n            }\r\n            return vo.mouseEnter ? vo.effTextColorHover : vo.effTextColor\r\n        },\r\n\r\n        effIconColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColor)\r\n        },\r\n\r\n        effIconColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorHover)\r\n        },\r\n\r\n        effIconActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorActive)\r\n        },\r\n\r\n        useIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effIconActive\r\n            }\r\n            return vo.mouseEnter ? vo.effIconColorHover : vo.effIconColor\r\n        },\r\n\r\n        effExpansionIconColor: function() {\r\n            //console.log('computed effExpansionIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColor)\r\n        },\r\n\r\n        effExpansionIconColorHover: function() {\r\n            //console.log('computed effExpansionIconColorHover')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorHover)\r\n        },\r\n\r\n        effExpansionIconColorActive: function() {\r\n            //console.log('computed effExpansionIconColorActive')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorActive)\r\n        },\r\n\r\n        useExpansionIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effExpansionIconColorActive\r\n            }\r\n            return vo.mouseEnter ? vo.effExpansionIconColorHover : vo.effExpansionIconColor\r\n        },\r\n\r\n        useRotateDeg: function() {\r\n            //console.log('computed useRotateDeg')\r\n\r\n            let vo = this\r\n\r\n            return vo.active ? 180 : 0\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeightContent: function() {\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //於WPanelScrolly內容區使用顯隱動畫時, 因瀏覽器之內容區高度會先更新完畢, 而transition動畫結束時間較慢, 導致WPanelScrolly內容區無法算得實際高度而導致出現遮蔽情況\r\n                //於指定時間(n*s=500ms需與class ct內設定transition時間長度一致)內反覆變更元素顯隱, 藉此刺激WPanelScrolly內mutation事件, 使能進行重算內容區高度\r\n                let n = 5\r\n                let s = 100\r\n                for (let i = 1; i <= n; i++) {\r\n                    setTimeout(() => {\r\n                        vo.obstructMutation = !vo.obstructMutation\r\n                        // console.log('obstructMutation', vo.obstructMutation)\r\n                    }, i * s)\r\n                }\r\n\r\n                if (!vo.active) {\r\n                    //隱藏內容\r\n\r\n                    //clear\r\n                    vo.heightContent = ''\r\n\r\n                }\r\n                else if (vo.active) {\r\n                    //顯示內容\r\n\r\n                    if (!vo.$el) {\r\n\r\n                        //wait $el\r\n                        await waitFun(() => {\r\n                            // console.log('waitFun try', vo.text)\r\n                            return vo.$el !== undefined\r\n                        }, { timeInterval: 10 })\r\n                        // console.log('waitFun finish', vo.text)\r\n\r\n                    }\r\n\r\n                    //h\r\n                    let h = get(vo, '$refs.rct.clientHeight')\r\n                    // console.log(h, vo.text)\r\n\r\n                    //update\r\n                    if (isNumber(h)) {\r\n\r\n                        //heightContent\r\n                        vo.heightContent = `height:${h}px;`\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        getIcon: function(item) {\r\n            return get(item, 'icon', '')\r\n        },\r\n\r\n        getText: function(item) {\r\n            let t = get(item, 'text', '')\r\n            if (t === '') {\r\n                return item\r\n            }\r\n        },\r\n\r\n        clickItem: function(icon, text) {\r\n            // console.log('methods clickItem', icon, text)\r\n\r\n            let vo = this\r\n\r\n            //emit\r\n            vo.$emit('update:active', !vo.active)\r\n\r\n            //emit\r\n            vo.$emit('click', { icon, text })\r\n\r\n            return ''\r\n        },\r\n\r\n    }\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ct {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\r\n}\r\n.ct-hide {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\r\n}\r\n.ct-show {\r\n    opacity: 1;\r\n}\r\n</style>\r\n"]},media:void 0})}),Yy,"data-v-742a3346",false,undefined,!1,o,void 0,void 0);var Ey={directives:{domresize:ma()},components:{WPanelScrolly:Im,WListExpandItem:$y},props:{items:{type:Array,default:()=>[]},activeMode:{type:String,default:"one"},itemActive:{type:[String,Object,Array],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyDsp:{type:String,default:"dsp"},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemExpansionIcon:{type:String,default:za},itemExpansionIconSize:{type:Number,default:18},itemExpansionIconColor:{type:String,default:"grey"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){return this.itemActiveTrans=this.itemActive,""},isObjValue:function(){return 0!==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},getDsp:function(n){let e=this;if(e.isObjValue){return Tn(n,e.keyDsp,"")}return n},getActive:function(n){let e=this,t=!1;return"one"===e.activeMode?t=Qc(n,e.itemActiveTrans):"multi"===e.activeMode&&De(e.itemActiveTrans,(e=>{if(t=Qc(n,e),t)return!1})),t},updateItemActive:function(n,e,t){let r=this,o=pa(r.itemActiveTrans);!n&&e?"one"===r.activeMode?o=t:"multi"===r.activeMode&&o.push(pa(t)):n&&!e&&function(){if("one"===r.activeMode)o=null;else if("multi"===r.activeMode){let n=[];De(o,(e=>{Qc(t,e)||n.push(e)})),o=n}}(),r.itemActiveTrans=o,r.$nextTick((()=>{r.$emit("update:itemActive",pa(o))}))},getSlotItem(n,e){let t=null;return t=this.isObjValue?{...n,...e}:{item:n,...e},t},ckItem:function(n){let e=this;e.$nextTick((()=>{e.$emit("click",pa(n))}))}}};const My=Ey;var Oy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.items,(function(e,r){return t("div",{key:r},[t("WListExpandItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,expansionIcon:n.itemExpansionIcon,expansionIconSize:n.itemExpansionIconSize,expansionIconColor:n.itemExpansionIconColor,rippleColor:n.itemRippleColor},on:{"update:active":function(t){n.updateItemActive(n.getActive(e),t,e)},click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"header",fn:function(t){return[n._t("item-header",null,{item:n.getSlotItem(e,t)})]}},{key:"content",fn:function(r){return[n._t("item-content",(function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.9rem"}},[n._v("\n                                "+n._s(n.getDsp(e))+"\n                            ")])]}),{item:n.getSlotItem(e,r)})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Oy._withStripped=!0;const Jy=t({render:Oy,staticRenderFns:[]},(function(n){n&&n("data-v-09bb4758_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListExpand.vue"},media:void 0})}),My,"data-v-09bb4758",false,undefined,!1,o,void 0,void 0);var Qy={directives:{domresize:ma()},components:{WListItem:Tm},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(n,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==di(this.items)&&Cm(this.items,(n=>Bn(n)))},effBorderBottomColor:function(){return ui(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},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)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];De(Tn(n,"$refs.wli",[]),((r,o)=>{let i=r,l=Tn(i,"clientWidth",0),a=Tn(i,"clientHeight",0),d=e,s=l,u=a;o>0&&n.space>0&&(d+=n.space,s-=n.space),t.push({left:d,bottom:0,width:s,heiht:u}),e+=l}));let r=-1;if(De(n.items,((e,t)=>{if(Qc(e,n.itemActiveTrans))return r=t,!1})),-1===r)return;let o=t[r];n.borderBottomLeft=o.left,n.borderBottomWidth=o.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const Uy=Qy;var qy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,(function(e,r){return t("div",{key:r},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&r>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])}))],2)])};qy._withStripped=!0;const nb=t({render:qy,staticRenderFns:[]},(function(n){n&&n("data-v-41273e4c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListHorizontal.vue"},media:void 0})}),Uy,"data-v-41273e4c",false,undefined,!1,o,void 0,void 0);const eb={components:{WListCheck:jy},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:Ia},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:Pa},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var tb=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WListCheck",n._g(n._b({scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header")]},proxy:!0},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)},"WListCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};tb._withStripped=!0;const rb=t({render:tb,staticRenderFns:[]},(function(n){n&&n("data-v-3167aed6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListRadio.vue"},media:void 0})}),eb,"data-v-3167aed6",false,undefined,!1,o,void 0,void 0);var ob={directives:{domresize:ma()},components:{WIcon:ls},props:{avatarOuterPadding:{type:Number,default:15},avatarInnerPadding:{type:Number,default:15},avatarIcon:{type:String,default:"M16 12L9 2L2 12H3.86L0 18H7V22H11V18H18L14.14 12H16M20.14 12H22L15 2L12.61 5.41L17.92 13H15.97L19.19 18H24L20.14 12M13 19H17V22H13V19Z"},avatarIconSize:{type:Number,default:60},avatarIconColor:{type:String,default:"white"},avatarBorderWidth:{type:Number,default:1},avatarBorderColor:{type:String,default:"transparent"},avatarBackgroundColor:{type:String,default:"rgba(239,108,0,0.5)"},avatarBorderRadius:{type:Number,default:10},avatarShadow:{type:Boolean,default:!0},shiftVFromAvaterCenter:{type:Number,default:20},spaceHBetweenAvatarAndHeader:{type:Number,default:20},spaceVBetweenHeaderAndContent:{type:Number,default:0},headerVerticalAlign:{type:String,default:"center"},headerPadding:{type:Number,default:15},headerText:{type:String,default:""},headerTextColor:{type:String,default:"#444"},headerTextSize:{type:String,default:"1.0rem"},subHeaderText:{type:String,default:""},subHeaderTextColor:{type:String,default:"#888"},subHeaderTextSize:{type:String,default:"0.7rem"},sepLineWidth:{type:Number,default:1},sepLineColor:{type:String,default:"#ddd"},contentBorderRadius:{type:Number,default:3},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{avatarWidth:0,avatarHeight:0}},computed:{useAvatarIconColor:function(){return ui(this.avatarIconColor)},useAvatarBorderColor:function(){return ui(this.avatarBorderColor)},useAvatarBackgroundColor:function(){return ui(this.avatarBackgroundColor)},useHeaderVerticalAlign:function(){let n="";return n="bottom"===this.headerVerticalAlign?"flex-end":"center"===this.headerVerticalAlign?"center":"flex-start",n},useHeaderTextColor:function(){return ui(this.headerTextColor)},useSubHeaderTextColor:function(){return ui(this.subHeaderTextColor)},useSepLineColor:function(){return ui(this.sepLineColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)}},methods:{resizeAvatar:function(n){this.avatarWidth=n.snew.offsetWidth,this.avatarHeight=n.snew.offsetHeight}}};const ib=ob;var lb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0px",left:"0px"}},[t("div",{style:"transition:all 0.3s; padding:0px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:n.avatarShadow?"shadow-header":"",style:"transition:all 0.3s; _box-sizing:border-box; border:"+n.avatarBorderWidth+"px solid "+n.useAvatarBorderColor+"; border-radius:"+n.avatarBorderRadius+"px; background:"+n.useAvatarBackgroundColor+";",on:{domresize:n.resizeAvatar}},[t("div",{staticStyle:{height:"100%",width:"100%",display:"flex","align-items":"center","justify-content":"center"}},[t("div",{style:"transition:all 0.3s; padding:"+n.avatarInnerPadding+"px;"},[n._t("avatar",(function(){return[t("WIcon",{attrs:{icon:n.avatarIcon,size:n.avatarIconSize,color:n.useAvatarIconColor,colorHover:n.useAvatarIconColor}})]}))],2)])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; padding-top:"+(n.avatarHeight/2-n.shiftVFromAvaterCenter)+"px;"}),n._v(" "),t("div",{class:n.contentShadow?"shadow":"",style:"transition:all 0.3s; border-radius:"+n.contentBorderRadius+"px; background:"+n.useContentBackgroundColor+";",attrs:{avatarWidth:""}},[t("div",{staticStyle:{display:"flex"}},[t("div",{style:"transition:all 0.3s; min-width:"+(n.avatarOuterPadding+n.avatarWidth+n.spaceHBetweenAvatarAndHeader)+"px; min-height:"+(n.avatarOuterPadding+(n.avatarHeight/2+n.shiftVFromAvaterCenter)+n.spaceVBetweenHeaderAndContent)+"px;"}),n._v(" "),t("div",{style:"transition:all 0.3s; width:100%; padding:"+n.headerPadding+"px; display:flex; align-items:"+n.useHeaderVerticalAlign+"; justify-content:flex-end;"},[t("div",{staticStyle:{"text-align":"right"}},[t("div",{style:"transition:all 0.3s; color:"+n.useSubHeaderTextColor+"; font-size:"+n.subHeaderTextSize+"; line-height:"+n.subHeaderTextSize+";"},[n._v("\n                        "+n._s(n.subHeaderText)+"\n                    ")]),n._v(" "),t("div",{style:"transition:all 0.3s; color:"+n.useHeaderTextColor+"; font-size:"+n.headerTextSize+";"},[n._v("\n                        "+n._s(n.headerText)+"\n                    ")])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; border-top:"+n.sepLineWidth+"px solid "+n.useSepLineColor+";"},[t("div",{staticStyle:{transition:"all 0.3s"}},[n._t("default")],2)])])])};lb._withStripped=!0;const ab=t({render:lb,staticRenderFns:[]},(function(n){n&&n("data-v-6d959c2e_0",{source:"\n.shadow[data-v-6d959c2e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-6d959c2e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelAvatar.vue"],names:[],mappings:";AA6UA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelAvatar.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"display:inline-block; position:relative;\"\r\n    >\r\n\r\n        <div style=\"position:absolute; top:0px; left:0px;\">\r\n\r\n            <div\r\n                :style=\"`transition:all 0.3s; padding:0px ${avatarOuterPadding}px ${avatarOuterPadding}px ${avatarOuterPadding}px;`\"\r\n            >\r\n                <div\r\n                    :class=\"`${avatarShadow?'shadow-header':''}`\"\r\n                    :style=\"`transition:all 0.3s; _box-sizing:border-box; border:${avatarBorderWidth}px solid ${useAvatarBorderColor}; border-radius:${avatarBorderRadius}px; background:${useAvatarBackgroundColor};`\"\r\n                    v-domresize\r\n                    @domresize=\"resizeAvatar\"\r\n                >\r\n\r\n                    <div style=\"height:100%; width:100%; display:flex; align-items:center; justify-content:center;\">\r\n                        <div :style=\"`transition:all 0.3s; padding:${avatarInnerPadding}px;`\">\r\n\r\n                            <slot name=\"avatar\">\r\n                                <WIcon\r\n                                    :icon=\"avatarIcon\"\r\n                                    :size=\"avatarIconSize\"\r\n                                    :color=\"useAvatarIconColor\"\r\n                                    :colorHover=\"useAvatarIconColor\"\r\n                                ></WIcon>\r\n                            </slot>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; padding-top:${avatarHeight/2-shiftVFromAvaterCenter}px;`\"></div>\r\n\r\n        <div\r\n            avatarWidth\r\n            :class=\"`${contentShadow?'shadow':''}`\"\r\n            :style=\"`transition:all 0.3s; border-radius:${contentBorderRadius}px; background:${useContentBackgroundColor};`\"\r\n        >\r\n\r\n            <div style=\"display:flex;\">\r\n\r\n                <div :style=\"`transition:all 0.3s; min-width:${avatarOuterPadding+avatarWidth+spaceHBetweenAvatarAndHeader}px; min-height:${avatarOuterPadding+(avatarHeight/2+shiftVFromAvaterCenter)+spaceVBetweenHeaderAndContent}px;`\"></div>\r\n\r\n                <div :style=\"`transition:all 0.3s; width:100%; padding:${headerPadding}px; display:flex; align-items:${useHeaderVerticalAlign}; justify-content:flex-end;`\">\r\n\r\n                    <div style=\"text-align:right;\">\r\n                        <div :style=\"`transition:all 0.3s; color:${useSubHeaderTextColor}; font-size:${subHeaderTextSize}; line-height:${subHeaderTextSize};`\">\r\n                            {{subHeaderText}}\r\n                        </div>\r\n\r\n                        <div :style=\"`transition:all 0.3s; color:${useHeaderTextColor}; font-size:${headerTextSize};`\">\r\n                            {{headerText}}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div :style=\"`transition:all 0.3s; border-top:${sepLineWidth}px solid ${useSepLineColor};`\">\r\n\r\n                <div style=\"transition:all 0.3s;\">\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiForest } from '@mdi/js'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [avatarOuterPadding=15] 輸入圖標區外側間距數字，單位為px，預設15\r\n * @vue-prop {Number} [avatarInnerPadding=15] 輸入圖標區內側間距數字，單位為px，預設15\r\n * @vue-prop {String} [avatarIcon=mdiForest] 輸入圖標字串，預設mdiForest\r\n * @vue-prop {Number} [avatarIconSize=60] 輸入圖標尺寸數字，單位為px，預設60\r\n * @vue-prop {String} [avatarIconColor='white'] 輸入圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [avatarBorderWidth=1] 輸入圖標區框線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [avatarBorderColor='transparnet'] 輸入圖標區框線顏色字串，預設'transparnet'\r\n * @vue-prop {String} [avatarBackgroundColor='rgba(239,108,0,0.5)'] 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'\r\n * @vue-prop {Number} [avatarBorderRadius=10] 輸入圖標區框圓角程度數字，單位為px，預設10\r\n * @vue-prop {Boolean} [avatarShadow=true] 輸入是否使用圖標區陰影效果數字，預設true\r\n * @vue-prop {Number} [shiftVFromAvaterCenter=20] 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceHBetweenAvatarAndHeader=20] 輸入圖標區與右側標題區間距數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceVBetweenHeaderAndContent=0] 輸入標題區與下方內容區間距數字，單位為px，預設0\r\n * @vue-prop {String} [headerVerticalAlign='center'] 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'\r\n * @vue-prop {Number} [headerPadding=15] 輸入標題區間距數字，單位為px，預設15\r\n * @vue-prop {String} [headerText=''] 輸入標題區主要文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='#444'] 輸入標題區主要文字顏色字串，預設'#444'\r\n * @vue-prop {String} [headerTextSize='1.0rem'] 輸入標題區主要文字字型大小數字，預設'1.0rem'\r\n * @vue-prop {String} [subHeaderText=''] 輸入標題區次要文字字串，預設''\r\n * @vue-prop {String} [subHeaderTextColor='#888'] 輸入標題區次要文字顏色字串，預設'#888'\r\n * @vue-prop {String} [subHeaderTextSize='0.7rem'] 輸入標題區次要文字字型大小數字，預設'0.7rem'\r\n * @vue-prop {Number} [sepLineWidth=1] 輸入標題區與內容區分隔線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [sepLineColor='#ddd'] 輸入標題區與內容區分隔線顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [contentBorderRadius=3] 輸入內容區框圓角程度數字，單位為px，預設3\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入是否使用內容區陰影效果數字，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        avatarOuterPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarInnerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarIcon: {\r\n            type: String,\r\n            default: mdiForest,\r\n        },\r\n        avatarIconSize: {\r\n            type: Number,\r\n            default: 60,\r\n        },\r\n        avatarIconColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        avatarBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        avatarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        avatarBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(239,108,0,0.5)',\r\n        },\r\n        avatarBorderRadius: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        avatarShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shiftVFromAvaterCenter: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceHBetweenAvatarAndHeader: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceVBetweenHeaderAndContent: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        headerVerticalAlign: {\r\n            type: String,\r\n            default: 'center', //top, center, bottom\r\n        },\r\n        headerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        headerTextSize: {\r\n            type: String,\r\n            default: '1.0rem',\r\n        },\r\n        subHeaderText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        subHeaderTextColor: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        subHeaderTextSize: {\r\n            type: String,\r\n            default: '0.7rem',\r\n        },\r\n        sepLineWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        sepLineColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            avatarWidth: 0,\r\n            avatarHeight: 0,\r\n\r\n            // headerHeight: 0,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useAvatarIconColor: function() {\r\n            //console.log('computed useAvatarIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarIconColor)\r\n        },\r\n\r\n        useAvatarBorderColor: function() {\r\n            //console.log('computed useAvatarBorderColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBorderColor)\r\n        },\r\n\r\n        useAvatarBackgroundColor: function() {\r\n            //console.log('computed useAvatarBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBackgroundColor)\r\n        },\r\n\r\n        useHeaderVerticalAlign: function() {\r\n            //console.log('computed useHeaderVerticalAlign')\r\n\r\n            let vo = this\r\n\r\n            let c = ''\r\n            if (vo.headerVerticalAlign === 'bottom') {\r\n                c = 'flex-end'\r\n            }\r\n            else if (vo.headerVerticalAlign === 'center') {\r\n                c = 'center'\r\n            }\r\n            else {\r\n                //top, default\r\n                c = 'flex-start'\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useSubHeaderTextColor: function() {\r\n            //console.log('computed useSubHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.subHeaderTextColor)\r\n        },\r\n\r\n        useSepLineColor: function() {\r\n            //console.log('computed useSepLineColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.sepLineColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeAvatar: function(msg) {\r\n            // console.log('methods resizeAvatar', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.avatarWidth = msg.snew.offsetWidth\r\n            vo.avatarHeight = msg.snew.offsetHeight\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),ib,"data-v-6d959c2e",false,undefined,!1,o,void 0,void 0);const db={directives:{domresize:ma()},props:{headerBorderRadius:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:0,h:20})},headerText:{type:String,default:""},headerTextColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"rgba(77, 182, 172, 0.8)"},headerShadow:{type:Boolean,default:!0},contentBorderRadius:{type:Number,default:0},contentPadding:{type:[Number,String],default:0},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{headerHeight:0}},computed:{usePadding:function(){let n=this;return`padding:${Qd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useHeaderTextColor:function(){return ui(this.headerTextColor)},useHeaderBackgroundColor:function(){return ui(this.headerBackgroundColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)},useContentPadding:function(){let n=this;return Fn(n.contentPadding)?`${n.contentPadding}px`:n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var sb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("div",{style:"transition:all 0.3s; "+n.usePadding+" z-index:2;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:{"shadow-header":n.headerShadow},style:"transition:all 0.3s; display:inline-block; background:"+n.useHeaderBackgroundColor+"; border-radius:"+n.headerBorderRadius+"px;",on:{domresize:n.updateHeaderHeight}},[n._t("header",(function(){return[t("div",{style:"transition:all 0.3s; padding:5px 10px; color:"+n.useHeaderTextColor+";"},[n._v("\n                    "+n._s(n.headerText)+"\n                ")])]}))],2)]),n._v(" "),t("div",{style:"transition:all 0.3s; margin-top:-"+n.headerHeight/2+"px; z-index:1;"},[t("div",{class:{shadow:n.contentShadow},style:"transition:all 0.3s; background:"+n.useContentBackgroundColor+"; border-radius:"+n.contentBorderRadius+"px;"},[t("div",{style:"transition:all 0.3s; padding:"+n.useContentPadding+";"},[t("div",{style:"transition:all 0.3s; height:"+n.headerHeight/2+"px;"}),n._v(" "),n._t("default")],2)])])])};sb._withStripped=!0;const ub=t({render:sb,staticRenderFns:[]},(function(n){n&&n("data-v-0157912e_0",{source:"\n.shadow[data-v-0157912e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-0157912e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelBulge.vue"],names:[],mappings:";AAiMA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelBulge.vue",sourcesContent:["<template>\r\n    <div>\r\n\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} z-index:2;`\"\r\n        >\r\n            <div\r\n                :class=\"{'shadow-header':headerShadow}\"\r\n                :style=\"`transition:all 0.3s; display:inline-block; background:${useHeaderBackgroundColor}; border-radius:${headerBorderRadius}px;`\"\r\n                v-domresize\r\n                @domresize=\"updateHeaderHeight\"\r\n            >\r\n\r\n                <slot name=\"header\">\r\n                    <div :style=\"`transition:all 0.3s; padding:5px 10px; color:${useHeaderTextColor};`\">\r\n                        {{headerText}}\r\n                    </div>\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; margin-top:-${headerHeight/2}px; z-index:1;`\">\r\n\r\n            <div\r\n                :class=\"{'shadow':contentShadow}\"\r\n                :style=\"`transition:all 0.3s; background:${useContentBackgroundColor}; border-radius:${contentBorderRadius}px;`\"\r\n            >\r\n\r\n                <div :style=\"`transition:all 0.3s; padding:${useContentPadding};`\">\r\n\r\n                    <div :style=\"`transition:all 0.3s; height:${headerHeight/2}px;`\"></div>\r\n\r\n                    <slot></slot>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [headerBorderRadius=0] 輸入標題區圓角寬度，單位為px，預設0\r\n * @vue-prop {Object} [paddingStyle={v:0,h:20}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:20}\r\n * @vue-prop {String} [headerText=''] 輸入標題文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='white'] 輸入標題文字顏色字串，預設'white'\r\n * @vue-prop {String} [headerBackgroundColor='teal lighten-2'] 輸入標題背景顏色字串，預設'teal lighten-2'\r\n * @vue-prop {Boolean} [headerShadow=true] 輸入標題區是否使用陰影模式，預設true\r\n * @vue-prop {Number} [contentBorderRadius=0] 輸入內容區圓角寬度，單位為px，預設0\r\n * @vue-prop {Number|String} [contentPadding=20] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設20，若輸入字串則需自己添加單位\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入內容區是否使用陰影模式，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        headerBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 20,\r\n                }\r\n            },\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(77, 182, 172, 0.8)', //teal lighten-2\r\n        },\r\n        headerShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        contentPadding: {\r\n            type: [Number, String],\r\n            default: 0,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            headerHeight: 0,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { ext: { left: vo.shiftLeft, right: vo.shiftRight } })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useHeaderBackgroundColor: function() {\r\n            //console.log('computed useHeaderBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerBackgroundColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n        useContentPadding: function() {\r\n            //console.log('computed useContentPadding')\r\n\r\n            let vo = this\r\n\r\n            if (isnum(vo.contentPadding)) {\r\n                return `${vo.contentPadding}px`\r\n            }\r\n            else {\r\n                return vo.contentPadding\r\n            }\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeaderHeight: function(msg) {\r\n            //console.log('methods updateHeaderHeight', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.headerHeight = msg.snew.offsetHeight\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),db,"data-v-0157912e",false,undefined,!1,o,void 0,void 0);const cb={directives:{domresize:ma()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},leftWidthMin:{type:Number,default:null},leftWidthMax:{type:Number,default:null},rightWidthMin:{type:Number,default:null},rightWidthMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barSize:{type:Number,default:2},barBorderColor:{type:String,default:"transparent"},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=sh(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return ui(this.barColor)},useBarBorderColor:function(){return ui(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelWidth>0){let t=n*e.panelWidth;yi(e.leftWidthMin)&&t<e.leftWidthMin&&(n=e.leftWidthMin/e.panelWidth),yi(e.leftWidthMax)&&t>e.leftWidthMax&&(n=e.leftWidthMax/e.panelWidth);let r=(1-n)*e.panelWidth;yi(e.rightWidthMin)&&r<e.rightWidthMin&&(n=-(e.rightWidthMin/e.panelWidth-1)),yi(e.rightWidthMax)&&r>e.rightWidthMax&&(n=-(e.rightWidthMax/e.panelWidth-1))}return n},dragBar:function({clientX:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};var pb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",display:"flex"}},[t("div",{ref:"left",style:"width:"+n.r*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("left",null,{ratio:n.r,width:n.r*n.panelWidth,height:n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; left:"+(n.r*n.panelWidth-n.bw/2)+"px; width:"+n.bw+"px; height:"+n.panelHeight+"px; border-left:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-right:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.barSize+"px; height:"+n.panelHeight+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"right",style:"width:"+(1-n.r)*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("right",null,{ratio:1-n.r,width:(1-n.r)*n.panelWidth,height:n.panelHeight})],2)])])};pb._withStripped=!0;const fb=t({render:pb,staticRenderFns:[]},(function(n){n&&n("data-v-38174f87_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideHorizontal.vue"},media:void 0})}),cb,"data-v-38174f87",false,undefined,!1,o,void 0,void 0);var hb={directives:{domresize:ma()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},topHeightMin:{type:Number,default:null},topHeightMax:{type:Number,default:null},bottomHeightMin:{type:Number,default:null},bottomHeightMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barBorderColor:{type:String,default:"transparent"},barSize:{type:Number,default:2},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=sh(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return ui(this.barColor)},useBarBorderColor:function(){return ui(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelHeight>0){let t=n*e.panelHeight;yi(e.topHeightMin)&&t<e.topHeightMin&&(n=e.topHeightMin/e.panelHeight),yi(e.topHeightMax)&&t>e.topHeightMax&&(n=e.topHeightMax/e.panelHeight);let r=(1-n)*e.panelHeight;yi(e.bottomHeightMin)&&r<e.bottomHeightMin&&(n=-(e.bottomHeightMin/e.panelHeight-1)),yi(e.bottomHeightMax)&&r>e.bottomHeightMax&&(n=-(e.bottomHeightMax/e.panelHeight-1))}return n},dragBar:function({clientY:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetHeight,i=0;o>0&&(i=(r-t.top)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};const gb=hb;var mb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative"}},[t("div",{ref:"top",style:"width:"+n.panelWidth+"px; height:"+n.r*n.panelHeight+"px;"},[n._t("top",null,{ratio:n.r,width:n.panelWidth,height:n.r*n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; top:"+(n.r*n.panelHeight-n.bw/2)+"px; width:"+n.panelWidth+"px; height:"+n.barSize+"px; border-top:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-bottom:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:row-resize; user-select:none;"},[t("div",{style:"width:"+n.panelWidth+"px; height:"+n.barSize+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"bottom",style:"width:"+n.panelWidth+"px; height:"+(1-n.r)*n.panelHeight+"px;"},[n._t("bottom",null,{ratio:1-n.r,width:n.panelWidth,height:(1-n.r)*n.panelHeight})],2)])])};mb._withStripped=!0;const vb=t({render:mb,staticRenderFns:[]},(function(n){n&&n("data-v-357f2c2f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideVertical.vue"},media:void 0})}),gb,"data-v-357f2c2f",false,undefined,!1,o,void 0,void 0);const yb={directives:{domresize:ma(),dommutation:ng()},components:{},props:{scale:{type:Number,default:1}},data:function(){return{width:1,height:1}},mounted:function(){this.fitSize()},computed:{},methods:{domresize:function(n){this.fitSize()},dommutation:function(n){this.fitSize()},fitSize:function(){let n=this,e=Tn(n,"$refs.tar");if(Oi(e)){let t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var bb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"},{name:"dommutation",rawName:"v-dommutation"}],style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;",attrs:{domresize:"domresize"},on:{dommutation:n.dommutation}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0; top:0; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"transform-origin:top left; transform:scale("+n.scale+"); width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{ref:"tar",staticStyle:{display:"inline-block"}},[n._t("default")],2)])])])])};bb._withStripped=!0;const Cb=t({render:bb,staticRenderFns:[]},(function(n){n&&n("data-v-a28c5d42_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScale.vue"},media:void 0})}),yb,"data-v-a28c5d42",false,undefined,!1,o,void 0,void 0);const xb={props:{hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},padding:{type:Number,default:20},borderRadius:{type:Number,default:5},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},shadow:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{usePanelStyle:function(){let n={};return n["background-color"]=ui(this.contentBackgroundColor),n["border-radius"]=`${this.borderRadius}px`,n},useHeaderStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-bottom"]="1px solid #ddd",e["background-color"]=ui(n.headerBackgroundColor),e["border-radius"]=`${n.borderRadius}px ${n.borderRadius}px 0 0`,e.display="flex",e["justify-content"]="flex-start",e["align-items"]="center",e},useContentStyle:function(){let n=this,e={},t="0 0",r="0 0";return n.hasHeader||(t=`${n.borderRadius}px ${n.borderRadius}px`),n.hasFooter||(r=`${n.borderRadius}px ${n.borderRadius}px`),e["border-radius"]=`${t} ${r}`,e},useFooterStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-top"]="1px solid #ddd",e["background-color"]=ui(n.footerBackgroundColor),e["border-radius"]=`0 0 ${n.borderRadius}px ${n.borderRadius}px`,e}},methods:{}};var Sb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{class:{shadow:n.shadow},style:[n.usePanelStyle]},[n.hasHeader?t("div",{style:[n.useHeaderStyle]},[n._t("icon"),n._v(" "),t("div",[n._t("title"),n._v(" "),n._t("description")],2)],2):n._e(),n._v(" "),t("div",{style:[n.useContentStyle]},[n._t("content")],2),n._v(" "),n.hasFooter?t("div",{style:[n.useFooterStyle]},[n._t("footer")],2):n._e()])};Sb._withStripped=!0;const Ib=t({render:Sb,staticRenderFns:[]},(function(n){n&&n("data-v-59d58b7f_0",{source:"\n.shadow[data-v-59d58b7f] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelStripe.vue"],names:[],mappings:";AAoJA;IACA,mGAAA;AACA",file:"WPanelStripe.vue",sourcesContent:["<template>\r\n    <div :class=\"{'shadow':shadow}\" :style=\"[usePanelStyle]\">\r\n\r\n        <div :style=\"[useHeaderStyle]\" v-if=\"hasHeader\">\r\n            <slot name=\"icon\"></slot>\r\n            <div>\r\n                <slot name=\"title\"></slot>\r\n                <slot name=\"description\"></slot>\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"[useContentStyle]\">\r\n            <slot name=\"content\"></slot>\r\n        </div>\r\n\r\n        <div :style=\"[useFooterStyle]\" v-if=\"hasFooter\">\r\n            <slot name=\"footer\"></slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [hasHeader=true] 輸入是否有上部標題區，預設true\r\n * @vue-prop {Boolean} [hasFooter=true] 輸入是否有下部基底區，預設true\r\n * @vue-prop {Number} [padding=20] 輸入內間距，單位為px，預設20\r\n * @vue-prop {Number} [borderRadius=5] 輸入圓角寬度數字，單位為px，預設5\r\n * @vue-prop {String} [headerBackgroundColor='grey lighten-5'] 輸入上方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {String} [footerBackgroundColor='grey lighten-5'] 輸入下方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        hasHeader: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hasFooter: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        padding: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        footerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        usePanelStyle: function() {\r\n            //console.log('computed usePanelStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['background-color'] = convertColor(vo.contentBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n        useHeaderStyle: function() {\r\n            //console.log('computed useHeaderStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-bottom'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.headerBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px ${vo.borderRadius}px 0 0`\r\n            s['display'] = 'flex'\r\n            s['justify-content'] = 'flex-start'\r\n            s['align-items'] = 'center'\r\n\r\n            return s\r\n        },\r\n\r\n        useContentStyle: function() {\r\n            //console.log('computed useContentStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            let ch = '0 0'\r\n            let cf = '0 0'\r\n            if (!vo.hasHeader) {\r\n                ch = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            if (!vo.hasFooter) {\r\n                cf = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            s['border-radius'] = `${ch} ${cf}`\r\n\r\n            return s\r\n        },\r\n\r\n        useFooterStyle: function() {\r\n            //console.log('computed useFooterStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-top'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.footerBackgroundColor)\r\n            s['border-radius'] = `0 0 ${vo.borderRadius}px ${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n</style>\r\n"]},media:void 0})}),xb,"data-v-59d58b7f",false,undefined,!1,o,void 0,void 0);const wb={components:{WPopup:zc,WText:Ip,WButtonChip:Eu,WIcon:ls},props:{value:{type:[String,Number],default:""},title:{type:String,default:"Editor"},titleColor:{type:String,default:"grey darken-3"},titleFontSize:{type:String,default:"0.8rem"},contentIcon:{type:String,default:"M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z"},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:28},inputTextColor:{type:String,default:"grey darken-3"},inputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},inputTextBottomLineBorderColorHover:{type:String,default:"grey"},inputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},saveBtnText:{type:String,default:"Save"},saveBtnTextColor:{type:String,default:"grey darken-3"},saveBtnTextColorHover:{type:String,default:"grey darken-2"},saveBtnIcon:{type:String,default:Ta},saveBtnIconSize:{type:Number,default:22},saveBtnIconColor:{type:String,default:"grey darken-1"},saveBtnIconColorHover:{type:String,default:"grey darken-2"},saveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},saveBtnBackgroundColor:{type:String,default:"white"},saveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidthForValue:{type:Number,default:30},minWidthForPopup:{type:Number,default:300}},data:function(){return{valueTemp:null,showEdit:!1}},computed:{useTitleFontSize:function(){let n=this.titleFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTitleColor:function(){return ui(this.titleColor)},useHeaderBackgroundColor:function(){return ui(this.headerBackgroundColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return ui(this.footerBackgroundColor)}},methods:{evShow:function(){let n=this;n.valueTemp=n.value,n.$nextTick((()=>{n.showEdit=!0}))},evHide:function(){let n=this;n.$nextTick((()=>{n.$emit("close"),n.showEdit=!1}))},ckSave:function(n,e){let t=this;t.$nextTick((()=>{t.$emit("input",t.valueTemp),t.valueTemp="",n.funHide()}))}}};var kb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{isolated:!0,_minWidth:"minWidthForPopup"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"min-width:"+n.minWidthForValue+"px; min-height:1rem; cursor:pointer;"},[n._v("\n            "+n._s(n.value)+"\n        ")])]},proxy:!0},{key:"content",fn:function(e){return[t("div",{style:"min-width:"+n.minWidthForPopup+"px; text-align:left; border-radius:5px; overflow:hidden;"},[""!==n.title?t("div",[t("div",{style:" padding:10px; color:"+n.useTitleColor+"; "+n.useTitleFontSize+"; background:"+n.useHeaderBackgroundColor+";"},[n._v("\n                    "+n._s(n.title)+"\n                ")])]):n._e(),n._v(" "),t("div",{style:"padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:"+n.useContentBackgroundColor+"; display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"10px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{width:"100%"}},[n.showEdit?t("WText",{attrs:{textColor:n.inputTextColor,bottomLineBorderColor:n.inputTextBottomLineBorderColor,bottomLineBorderColorHover:n.inputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.inputTextBottomLineBorderColorFocus},on:{enter:function(t){return n.ckSave(e)}},model:{value:n.valueTemp,callback:function(e){n.valueTemp=e},expression:"valueTemp"}}):n._e()],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useFooterBackgroundColor+"; text-align:right;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.saveBtnIcon,iconColor:n.saveBtnIconColor,iconColorHover:n.saveBtnIconColorHover,iconSize:n.saveBtnIconSize,text:n.saveBtnText,textColor:n.saveBtnTextColor,textColorHover:n.saveBtnTextColorHover,backgroundColor:n.saveBtnBackgroundColor,backgroundColorHover:n.saveBtnBackgroundColorHover,rippleColor:n.saveBtnIconRippleColor},on:{click:function(t){return n.ckSave(e)}}})],1)])]}}])})};kb._withStripped=!0;const Tb=t({render:kb,staticRenderFns:[]},(function(n){n&&n("data-v-f4b7cba6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopupEditText.vue"},media:void 0})}),wb,"data-v-f4b7cba6",false,undefined,!1,o,void 0,void 0);var Bb={components:{WIcon:ls},props:{value:{type:Number,default:0},decimal:{type:Number,default:1},title:{type:String,default:""},titleTextColor:{type:String,default:"grey darken-2"},titleTextFontSize:{type:String,default:"0.85rem"},height:{type:Number,default:4},borderRadius:{type:Number,default:5},progColor:{type:String,default:"lime accent-4"},progBackgroundColor:{type:String,default:"light-green lighten-5"},iconSize:{type:Number,default:20},iconWaiting:{type:String,default:La},iconFinish:{type:String,default:Sa},iconWaitingColor:{type:String,default:"grey"},iconFinishColor:{type:String,default:"green"},enableIconWaiting:{type:Boolean,default:!0},enableIconFinish:{type:Boolean,default:!0},valueTextColor:{type:String,default:"grey darken-2"},valueTextFontSize:{type:String,default:"0.85rem"},enableContinuous:{type:Boolean,default:!1},continuousIncrease:{type:Number,default:12},continuousPeriod:{type:Number,default:100}},data:function(){return{mdiCheck:Sa,mdiOrbitVariant:La,timer:null,continuousFirst:!0,continuousRatio:0,continuousShiftX:0,continuousWidth:0}},beforeDestroy:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)},computed:{changeContinuous:function(){let n=this;return n.enableContinuous?n.runContinuous():n.destroyContinuous(),""},hasTitle:function(){return An(this.title)},status:function(){return this.value<=0?"waiting":this.value>=100?"finish":"running"},useProg:function(){let n=this.value;return n=Math.max(n,0),n=Math.min(n,100),n=this.digValue(n),n},useTitleTextFontSize:function(){let n=this.titleTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useBorderRadius:function(){return`border-radius:${this.borderRadius}px;`},useProgColor:function(){return ui(this.progColor)},useProgBackgroundColor:function(){return ui(this.progBackgroundColor)},useTitleTextColor:function(){return ui(this.titleTextColor)},useIconWaitingColor:function(){return ui(this.iconWaitingColor)},useIconFinishColor:function(){return ui(this.iconFinishColor)},useValueTextColor:function(){return ui(this.valueTextColor)},useValueTextFontSize:function(){let n=this.valueTextFontSize;return n=Ye(n,";",""),`font-size:${n};`}},methods:{digValue:function(n){return wp(n,this.decimal)},runContinuous:function(){let n=this;null===n.timer&&(n.timer=setInterval((()=>{n.continuousRatio+=n.continuousIncrease,n.continuousFirst=!1,n.continuousRatio>=100+n.continuousIncrease&&(n.continuousFirst=!0,n.continuousRatio=-n.continuousIncrease),n.continuousShiftX=(n=>{let e=(n/=100)<.5?4*n*n*n:1-Math.pow(-2*n+2,3)/2;return e=Math.max(Math.min(e,1),0),e*=100,e})(n.continuousRatio),n.continuousWidth=(n=>{n-=50,n*=2,n/=100,n=Math.max(Math.min(n,1),-1);let e=1*Math.exp(-2*n**2);return e=Math.max(Math.min(e,1),0),e-=.1353352832366127,e*=1.1565176427496657,e*=100,e})(n.continuousRatio)}),n.continuousPeriod))},destroyContinuous:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)}}};const Hb=Bb;var Ab=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeContinuous:n.changeContinuous}},[n.hasTitle?t("div",{style:"color:"+n.useTitleTextColor+"; "+n.useTitleTextFontSize+";"},[n._v("\n        "+n._s(n.title)+"\n    ")]):n._e(),n._v(" "),n.enableContinuous?n._e():t("div",{style:"display:flex; align-items:center;"},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.useProg+"%; height:"+n.height+"px;"})])]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}},[n.enableIconWaiting&&"waiting"===n.status||n.enableIconFinish&&"finish"===n.status?t("WIcon",{attrs:{icon:"waiting"===n.status?n.iconWaiting:n.iconFinish,color:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,colorHover:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,size:n.iconSize}}):t("div",{style:"color:"+n.useValueTextColor+"; "+n.useValueTextFontSize+";"},[t("div",[n._v(n._s(n.useProg)+"%")])])],1)]),n._v(" "),n.enableContinuous?t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"position:relative; background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"position:absolute; transition:all "+(n.continuousFirst?0:n.continuousPeriod)+"ms linear; left:"+n.continuousShiftX+"%; top:0px; background:"+n.useProgColor+"; width:"+n.continuousWidth+"%; height:"+n.height+"px;"})])]):n._e()])};Ab._withStripped=!0;const Wb=t({render:Ab,staticRenderFns:[]},(function(n){n&&n("data-v-a175a682_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressBar.vue"},media:void 0})}),Hb,"data-v-a175a682",false,undefined,!1,o,void 0,void 0);const Fb={components:{WTooltip:Ku},props:{text:{type:String,default:""},value:{type:Number,default:0},color:{type:String,default:"rgba(100,100,100,0.8)"},trackColor:{type:String,default:"rgba(150,150,150,0.4)"},size:{type:Number,default:120},width:{type:Number,default:6},textColor:{type:String,default:"#666"},tooltip:{type:String,default:""},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"}},data:function(){return{}},mounted:function(){},computed:{radius:function(){return this.size/2-this.width/2},sizeHalf:function(){return this.size/2},widthOuter:function(){return 1*this.width},widthInner:function(){return this.width},progSdAll:function(){return 2*Math.PI*this.radius},progSdNow:function(){let n=this.value;return n<0&&(n=0),n>100&&(n=100),(100-n)/100*this.progSdAll},valueStyle:function(){let n=this,e=n.size/5.4,t=(n.size-26)/94*.25+.75;return{color:n.useColor,"font-size":e+"pt",transform:`scale(${t})`}},textStyle:function(){let n=this.size/12;return{color:this.useTextColor,"font-size":n+"pt",transform:"scale(1.2)"}},useColor:function(){return ui(this.color)},useTrackColor:function(){return ui(this.trackColor)},useTextColor:function(){return ui(this.textColor)},hasTooltop:function(){return An(this.tooltip)}},methods:{clickBtn:function(){let n=this;n.$nextTick((()=>{n.$emit("click")}))}}};var Zb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; width:"+n.size+"px; height:"+n.size+"px;"},[t("svg",{style:"transform-origin:radius; transform:rotate(-90deg);",attrs:{width:n.size,height:n.size,viewPort:"0 0 "+n.size+" "+n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg"}},[t("circle",{attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":0,stroke:n.useTrackColor,"stroke-width":n.widthOuter}}),n._v(" "),t("circle",{staticStyle:{transition:"all 0.6s ease-in-out"},attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":n.progSdNow,stroke:n.useColor,"stroke-width":n.widthInner}})]),n._v(" "),t("div",{style:"position:absolute; top:50%; left:50%; width:"+n.size+"px; height:"+n.size+"px;"},[t("div",{staticStyle:{"text-align":"center",transform:"translate(-50%,-50%)"}},[t("div",{style:[n.valueStyle]},[n._v(n._s(n.value)+"%")]),n._v(" "),t("div",{style:[n.textStyle]},[n._v(n._s(n.text))])])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};Zb._withStripped=!0;const Xb=t({render:Zb,staticRenderFns:[]},(function(n){n&&n("data-v-6b1a9a7c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressCircle.vue"},media:void 0})}),Fb,"data-v-6b1a9a7c",false,undefined,!1,o,void 0,void 0);const Pb={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","base:w-quill-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-quill-vue"];n.default&&(n=n.default),ro().component("w-quill-vue",n)}n.cmpName="w-quill-vue"}))},computed:{},methods:{}};var Rb=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Rb._withStripped=!0;const Lb=t({render:Rb,staticRenderFns:[]},(function(n){n&&n("data-v-65b531b0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})}),Pb,"data-v-65b531b0",false,undefined,!1,o,void 0,void 0);var zb={components:{WPopup:zc},props:{items:{type:Array,default:()=>[]},width:{type:Number,default:230},height:{type:Number,default:600},paddingStyle:{type:Object,default:()=>({top:10,right:0,bottom:10,left:50})},keyValueStart:{type:String,default:"valueStart"},keyValueEnd:{type:String,default:"valueEnd"},keyText:{type:String,default:"text"},valueMin:{type:Number,default:null},valueMax:{type:Number,default:null},title:{type:String,default:""},titleColor:{type:String,default:"#444"},titleFontSize:{type:String,default:"1rem"},titleShift:{type:Number,default:null},alignStart:{type:String,default:"left"},alignEnd:{type:String,default:"right"},funFormatTickValue:{type:Function,default:null},axisColor:{type:String,default:"#666"},tickColor:{type:String,default:"#666"},tickSize:{type:Number,default:5},tickLabelColor:{type:String,default:"#666"},tickLabelFontSize:{type:String,default:"0.7rem"},segmentBackgroundType:{type:String,default:"color"},segmentBackgroundColor:{type:String,default:"#FFB74D"},funSegmentBackgroundColor:{type:Function,default:null},segmentBackgroundImage:{type:String,default:""},funSegmentBackgroundImage:{type:Function,default:null},segmentBackgroundImageSize:{type:String,default:"75%"},segmentBorderColor:{type:[String,Object],default:"#FB8C00"},funSegmentBorderColor:{type:Function,default:null},segmentSize:{type:Number,default:6},textWithPopup:{type:Boolean,default:!1},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"#222"},textBackgroundColor:{type:String,default:"#ddd"},textTriangularSize:{type:Number,default:15},textTriangularRatio:{type:Number,default:1.5},textShift:{type:Number,default:null},textCanClick:{type:Boolean,default:!1},segmentCanClick:{type:Boolean,default:!1}},data:function(){return{}},computed:{paddingFormat:function(){return Qd(this.paddingStyle,{returnObj:!0})},paddingTop:function(){return Tn(this,"paddingFormat.top",0)},paddingRight:function(){return Tn(this,"paddingFormat.right",0)},paddingBottom:function(){return Tn(this,"paddingFormat.bottom",0)},paddingLeft:function(){return Tn(this,"paddingFormat.left",0)},plotWidth:function(){let n=this,e=n.width-n.paddingLeft-n.paddingRight;return e=Math.max(e,0),e},plotHeight:function(){let n=this,e=n.height-n.paddingTop-n.paddingBottom;return e=Math.max(e,0),e},useTextTriangularSizeHalf:function(){return this.textTriangularSize/this.textTriangularRatio},useAlignStart:function(){let n=this.alignStart;return"left"!==n&&"right"!==n&&(n="left"),n},useAlignEnd:function(){let n=this.alignEnd;return"left"!==n&&"right"!==n&&(n="right"),n},useItemsOri:function(){let n=this,e=[];return De(n.items,((t,r)=>{let o=Tn(t,n.keyValueStart,"");Fn(o)||console.log(`value[${o}] at items[${r}].${n.keyValueStart} is not a number`),o=Zr(o);let i=Tn(t,n.keyValueEnd,"");Fn(i)||console.log(`value[${i}] at items[${r}].${n.keyValueEnd} is not a number`),i=Zr(i);let l=Tn(t,n.keyText,"");An(l)||(l=""),e.push({valueStart:o,valueEnd:i,text:l,data:t})})),e},vsve:function(){return[...sr(this.useItemsOri,"valueStart"),...sr(this.useItemsOri,"valueEnd")]},useValueMin:function(){let n=this;return yi(n.valueMin)?n.valueMin:cc(n.vsve)},useValueMax:function(){let n=this;return yi(n.valueMax)?n.valueMax:fc(n.vsve)},userValueRange:function(){return this.useValueMax-this.useValueMin},useItems:function(){let n=this,e=[];return De(n.useItemsOri,(t=>{let r=t.valueStart;r=Math.min(Math.max(r,n.useValueMin),n.useValueMax);let o=t.valueEnd;o=Math.min(Math.max(o,n.useValueMin),n.useValueMax),e.push({...t,valueStart:r,valueEnd:o})})),e},useLabels:function(){let n=this,e=[];De(n.useItems,(t=>{e.push({value:t.valueStart,align:n.useAlignStart}),e.push({value:t.valueEnd,align:n.useAlignEnd})}));let t={value:n.useValueMin,align:n.useAlignStart},r={value:n.useValueMax,align:n.useAlignEnd};e=[t,...e,r];let o=Ag(e,"value"),i=[];return De(o,((n,e)=>{if(1===di(n))i.push(n[0]);else{let t=Ag(n,"align");if(t=Ih(t),1===di(t))i.push(t[0][0]);else{let n={value:e,align:"left"};i.push(n)}}})),e=i,e},useLabelsLocs:function(){let n=this,e=sr(n.useLabels,(e=>{let t=n.convertValueToY(e.value),r=e.value;return je(n.funFormatTickValue)&&(r=n.funFormatTickValue(e.value)),{y:t,align:e.align,label:r}}));return e},useSamplesLocs:function(){let n=this,e=n.useValueMax-n.useValueMin,t=sr(n.useItems,(t=>{let r=(t.valueStart-n.useValueMin)/e*n.plotHeight,o=(t.valueEnd-n.useValueMin)/e*n.plotHeight;return{y:r,yc:(r+o)/2,height:o-r,text:t.text,data:t.data}}));return t},useTitleColor:function(){return ui(this.titleColor)},useAxisColor:function(){return ui(this.axisColor)},useTickColor:function(){return ui(this.tickColor)},useTickLabelColor:function(){return ui(this.tickLabelColor)},useSegmentCursor:function(){return this.segmentCanClick?"cursor:pointer;":""},useTitleShift:function(){let n=this;return yi(n.titleShift)?n.titleShift:12-n.paddingLeft},useTickOuter:function(){let n=this.tickSize;return n+=4,n},useTextShift:function(){let n=this;if(yi(n.textShift))return n.textShift;let e=1+n.segmentSize/2;return"right"!==n.useAlignStart&&"right"!==n.useAlignEnd||(e+=n.paddingLeft),e},useTextWidthMax:function(){let n=this.plotWidth-this.useTextShift-14.4-1;return n=Math.max(n,0),n},useTextColor:function(){return ui(this.textColor)},useTextBackgroundColor:function(){return ui(this.textBackgroundColor)},useTextCursor:function(){return this.textWithPopup||this.textCanClick?"cursor:pointer;":""}},methods:{convertValueToY:function(n){let e=this;return(n-e.useValueMin)/e.userValueRange*e.plotHeight},getLabelShift:function(n){let e="";return"left"===n&&(e="-100% - "),`${e}${this.useTickOuter}px`},getSegmentBackground:function(n){let e=this,t="";if("color"===e.segmentBackgroundType)t=`background:${e.getSegmentBackgroundColor(n)};`;else{if("image"!==e.segmentBackgroundType)throw new Error(`segmentBackgroundType[${e.segmentBackgroundType}] need to set 'color' or 'image'`);{let r=e.segmentBackgroundImageSize;r=Ye(r,";",""),t=`background-image:url('${e.getSegmentBackgroundImage(n)}'); background-size:${r}; background-repeat:repeat;`}}return t},getSegmentBackgroundColor:function(n){let e=this,t=ui(e.segmentBackgroundColor);if(je(e.funSegmentBackgroundColor)){let r=Tn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundColor(r)}return t},getSegmentBackgroundImage:function(n){let e=this,t=e.segmentBackgroundImage;if(je(e.funSegmentBackgroundImage)){let r=Tn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundImage(r)}return t},getSegmentBorder:function(n){let e,t=this,r=e=>{let r=ui(e);if(je(t.funSegmentBorderColor)){let e=Tn(t,`useItems.${n}.data`,{});r=t.funSegmentBorderColor(e)}return r};if(Bn(t.segmentBorderColor)){let n=Jd(t.segmentBorderColor,{def:"",type:"text"});e=`border-left:1px solid ${r(n.left)}; border-right:1px solid ${r(n.right)}; border-top:1px solid ${r(n.top)}; border-bottom:1px solid ${r(n.bottom)};`}else e=`border:1px solid ${r(t.segmentBorderColor)};`;return e},clickText:function(n,e){if(!this.textCanClick)return;let t={ev:n,item:e};this.$emit("click-text",t)},clickSegment:function(n,e){if(!this.segmentCanClick)return;let t={ev:n,item:e};this.$emit("click-segment",t)}}};const Vb=zb;var Nb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"width:"+n.width+"px; height:"+n.height+"px; box-sizing:border-box;"},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px "+n.paddingBottom+"px "+n.paddingLeft+"px;"},[t("div",{style:"position:relative; width:"+n.plotWidth+"px; height:"+n.plotHeight+"px; border-left:1px solid "+n.useAxisColor+";"},[n.title?t("div",{style:"position:absolute; top:50%; left:0%; color:"+n.useTitleColor+"; font-size:"+n.titleFontSize+"; text-align:center; transform-origin:center; transform:translate(-50%,-50%) rotate(-90deg) translateY("+n.useTitleShift+"px);"},[t("div",[n._v(n._s(n.title))])]):n._e(),n._v(" "),n._l(n.useLabelsLocs,(function(e,r){return t("div",{key:"label"+r,style:"position:absolute; top:"+e.y+"px; left:0px; transform:translate( calc( "+n.getLabelShift(e.align)+" ), -50% );"},[t("div",{style:"color:"+n.useTickLabelColor+"; font-size:"+n.tickLabelFontSize+";"},[n._v("\n                    "+n._s(e.label)+"\n                ")])])})),n._v(" "),n._l(n.useLabelsLocs,(function(e,r){return t("div",{key:"tick"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.tickSize+"px;"},[t("div",{style:"width:"+(2*n.tickSize+1)+"px; border-top:1px solid "+n.useTickColor+";"})])})),n._v(" "),n._l(n.useSamplesLocs,(function(e,r){return t("div",{key:"sample-block"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.segmentSize/2+"px; width:"+n.segmentSize+"px; height:"+e.height+"px; "+n.getSegmentBackground(r)+" "+n.getSegmentBorder(r)+" "+n.useSegmentCursor,on:{click:function(t){n.clickSegment(t,e.data)}}})})),n._v(" "),t("div",{style:"position:absolute; top:0px; left:0px; transform:translateX(-"+n.paddingLeft+"px);"},[n._t("support-left",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; left:"+n.useTickOuter+"px;"},[n._t("support-right",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),n._l(n.useSamplesLocs,(function(e,r){return t("div",{key:"sample-text"+r,style:"position:absolute; top:"+e.yc+"px; left:"+n.useTextShift+"px;"},[t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"-50%",left:"0px",height:"100%"}},[t("div",{staticStyle:{display:"flex","align-items":"center",height:"100%"}},[n._t("text",(function(){return[n.textWithPopup?[t("div",{style:"display:flex;"},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                                "+n._s(e.text)+"\n                                                            ")])])])])]},proxy:!0},{key:"content",fn:function(){return[n._t("text-popup",null,{item:e.data,index:r})]},proxy:!0}],null,!0)})],1)]:[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                    "+n._s(e.text)+"\n                                                ")])])])])]]}),{item:e.data,index:r})],2)])])])}))],2)])])};Nb._withStripped=!0;const Db=t({render:Nb,staticRenderFns:[]},(function(n){n&&n("data-v-748005d6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WSegmentsVertical.vue"},media:void 0})}),Vb,"data-v-748005d6",false,undefined,!1,o,void 0,void 0);var Gb={props:{value:{type:[Boolean,String],default:!1},text:{type:String,default:""},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textFontSize:{type:String,default:"0.85rem"},switchSize:{type:Number,default:24},checkedSwitchCircleColor:{type:String,default:"blue darken-3"},checkedSwitchCircleColorHover:{type:String,default:"blue darken-2"},checkedSwitchCircleColorDisabled:{type:String,default:"grey"},uncheckedSwitchCircleColor:{type:String,default:"#fafafa"},uncheckedSwitchCircleColorHover:{type:String,default:"#fff"},uncheckedSwitchCircleColorDisabled:{type:String,default:"#bbb"},checkedSwitchBarColor:{type:String,default:"#74a4d9"},checkedSwitchBarColorHover:{type:String,default:"#8bb3df"},checkedSwitchBarColorDisabled:{type:String,default:"#ececec"},uncheckedSwitchBarColor:{type:String,default:"#c5c5c5"},uncheckedSwitchBarColorHover:{type:String,default:"#ccc"},uncheckedSwitchBarColorDisabled:{type:String,default:"#ececec"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,dh:4,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return Ln(e)?n.b=e:n.b="y"===e,""},heightCir:function(){return this.switchSize-this.dh},widthCir:function(){return this.heightCir},heightBar:function(){return this.switchSize/24*14},widthBar:function(){return this.switchSize/24*36},heightToogle:function(){return Math.max(this.heightCir,this.heightBar)},effTextColor:function(){return ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},useTextColor:function(){let n,e=this;return e.editable?(n=e.hoverTrans?e.effTextColorHover:e.effTextColor,n):e.effTextColor},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},effCheckedSwitchCircleColor:function(){return ui(this.checkedSwitchCircleColor)},effCheckedSwitchCircleColorHover:function(){return ui(this.checkedSwitchCircleColorHover)},effCheckedSwitchCircleColorDisabled:function(){return ui(this.checkedSwitchCircleColorDisabled)},useCheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchCircleColorHover:n.effCheckedSwitchCircleColor:n.effCheckedSwitchCircleColorDisabled},effUncheckedSwitchCircleColor:function(){return ui(this.uncheckedSwitchCircleColor)},effUncheckedSwitchCircleColorHover:function(){return ui(this.uncheckedSwitchCircleColorHover)},effUncheckedSwitchCircleColorDisabled:function(){return ui(this.uncheckedSwitchCircleColorDisabled)},useUncheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchCircleColorHover:n.effUncheckedSwitchCircleColor:n.effUncheckedSwitchCircleColorDisabled},useSwitchCircleColor:function(){let n=this;return n.b?n.useCheckedSwitchCircleColor:n.useUncheckedSwitchCircleColor},effCheckedSwitchBarColor:function(){return ui(this.checkedSwitchBarColor)},effCheckedSwitchBarColorHover:function(){return ui(this.checkedSwitchBarColorHover)},effCheckedSwitchBarColorDisabled:function(){return ui(this.checkedSwitchBarColorDisabled)},useCheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchBarColorHover:n.effCheckedSwitchBarColor:n.effCheckedSwitchBarColorDisabled},effUncheckedSwitchBarColor:function(){return ui(this.uncheckedSwitchBarColor)},effUncheckedSwitchBarColorHover:function(){return ui(this.uncheckedSwitchBarColorHover)},effUncheckedSwitchBarColorDisabled:function(){return ui(this.uncheckedSwitchBarColorDisabled)},useUncheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchBarColorHover:n.effUncheckedSwitchBarColor:n.effUncheckedSwitchBarColorDisabled},useSwitchBarColor:function(){let n=this;return n.b?n.useCheckedSwitchBarColor:n.useUncheckedSwitchBarColor}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;Ln(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick((()=>{n.$emit("input",t)}))}}};const jb=Gb;var Kb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{changeParam:n.changeParam},on:{click:n.toogleValue,mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"width:"+n.widthBar+"px; height:"+n.heightToogle+"px;"},[t("div",{style:"position:relative;"},[t("div",{staticClass:"ts",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightBar)/2)+"px; left:0px; width:"+n.widthBar+"px; height:"+n.heightBar+"px; border-radius:8px; background:"+n.useSwitchBarColor+";"}),n._v(" "),t("div",{staticClass:"ts bs",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightCir)/2)+"px; left:"+(n.b?n.widthBar-n.widthCir:0)+"px; width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSwitchCircleColor+";"})])]),n._v(" "),""!==n.text?t("div",{staticClass:"ts",style:"text-transform:none; padding-left:5px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("text",(function(){return[n._v("\n                "+n._s(n.text)+"\n            ")]}),{text:n.text})],2):n._e()])])};Kb._withStripped=!0;const Yb=t({render:Kb,staticRenderFns:[]},(function(n){n&&n("data-v-0fac1b8b_0",{source:"\n.ts[data-v-0fac1b8b] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-0fac1b8b] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WSwitch.vue"],names:[],mappings:";AA0XA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA",file:"WSwitch.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`display:inline-block; ${editable?'cursor:pointer;':''}`\"\r\n        :changeParam=\"changeParam\"\r\n        @click=\"toogleValue\"\r\n        @mouseenter=\"hoverTrans=true;$emit('mouseenter',$event)\"\r\n        @mouseleave=\"hoverTrans=false;$emit('mouseleave',$event)\"\r\n    >\r\n\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <div :style=\"`width:${widthBar}px; height:${heightToogle}px;`\">\r\n                <div :style=\"`position:relative;`\">\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts\" :style=\"`position:absolute; top:${1+(heightToogle-heightBar)/2}px; left:0px; width:${widthBar}px; height:${heightBar}px; border-radius:8px; background:${useSwitchBarColor};`\">\r\n                    </div>\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts bs\" :style=\"`position:absolute; top:${1+(heightToogle-heightCir)/2}px; left:${ b ? widthBar-widthCir : 0 }px; width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSwitchCircleColor};`\">\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"ts\" :style=\"`text-transform:none; padding-left:5px; color:${useTextColor}; ${useTextFontSize}`\" v-if=\"text!==''\">\r\n                <slot\r\n                    name=\"text\"\r\n                    :text=\"text\"\r\n                >\r\n                    {{text}}\r\n                </slot>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isbol from 'wsemi/src/isbol.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean|String} [value=false] 輸入是否狀態的布林值或字串，可接受true或false，或是'y'或'n'，預設false\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [switchSize=24] 輸入切換器大小，單位為px，預設24\r\n * @vue-prop {String} [checkedSwitchCircleColor='blue darken-3'] 輸入可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [checkedSwitchCircleColorHover='blue darken-2'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [checkedSwitchCircleColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchCircleColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorDisabled='#bbb'] 輸入不可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#bbb'\r\n * @vue-prop {String} [checkedSwitchBarColor='#74a4d9'] 輸入可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [checkedSwitchBarColorHover='#8bb3df'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#8bb3df'\r\n * @@vue-prop {String} [checkedSwitchBarColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchBarColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchBarColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchBarColorDisabled='#bbb'] 輸入不可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#bbb'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        value: {\r\n            type: [Boolean, String],\r\n            default: false,\r\n        },\r\n        text: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        switchSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        checkedSwitchCircleColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        checkedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        checkedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        uncheckedSwitchCircleColor: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        uncheckedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        uncheckedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: '#bbb',\r\n        },\r\n        checkedSwitchBarColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        checkedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#8bb3df',\r\n        },\r\n        checkedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\r\n        },\r\n        uncheckedSwitchBarColor: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        uncheckedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        uncheckedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            hoverTrans: false,\r\n\r\n            dh: 4,\r\n\r\n            b: false,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //b\r\n            if (isbol(value)) {\r\n                vo.b = value\r\n            }\r\n            else {\r\n                vo.b = (value === 'y')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() { // heightCir: 20,\r\n            let vo = this\r\n            return vo.switchSize - vo.dh\r\n        },\r\n\r\n        widthCir: function() { // widthCir: 20,\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        heightBar: function() { // heightBar: 14,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 14\r\n        },\r\n\r\n        widthBar: function() { // widthBar: 36,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 36\r\n        },\r\n\r\n        heightToogle: function() {\r\n            let vo = this\r\n            return Math.max(vo.heightCir, vo.heightBar)\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            let r\r\n            if (!vo.editable) {\r\n                return vo.effTextColor\r\n            }\r\n            r = vo.hoverTrans ? vo.effTextColorHover : vo.effTextColor\r\n            return r\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        effCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColor)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorHover)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchCircleColorHover : vo.effCheckedSwitchCircleColor\r\n        },\r\n\r\n        effUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColor)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchCircleColorHover : vo.effUncheckedSwitchCircleColor\r\n        },\r\n\r\n        useSwitchCircleColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchCircleColor : vo.useUncheckedSwitchCircleColor\r\n        },\r\n\r\n        effCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColor)\r\n        },\r\n\r\n        effCheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorHover)\r\n        },\r\n\r\n        effCheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchBarColorHover : vo.effCheckedSwitchBarColor\r\n        },\r\n\r\n        effUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColor)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchBarColorHover : vo.effUncheckedSwitchBarColor\r\n        },\r\n\r\n        useSwitchBarColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchBarColor : vo.useUncheckedSwitchBarColor\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        toogleValue: function () {\r\n            // console.log('methods toogleValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //toogle\r\n            let b = vo.b\r\n            b = !b\r\n\r\n            //value\r\n            let value = null\r\n            if (isbol(vo.value)) {\r\n                value = false\r\n                if (b) {\r\n                    value = true\r\n                }\r\n            }\r\n            else {\r\n                value = 'n'\r\n                if (b) {\r\n                    value = 'y'\r\n                }\r\n            }\r\n\r\n            //nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n</style>\r\n"]},media:void 0})}),jb,"data-v-0fac1b8b",false,undefined,!1,o,void 0,void 0);function _b(n,e){return function(n,e,t){for(var r=-1,o=n.length,i=e.length,l={};++r<o;){var a=r<i?e[r]:void 0;t(l,n[r],a)}return l}(n||[],e||[],al)}function $b(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!rs(n))return{};if(rs(e))return di(n)===di(e)?_b(n,e):{};let t=[];for(let r=0;r<di(n);r++)t.push(pa(e));return _b(n,t)}function Eb(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!rs(n))return[];if(!rs(e))return[];let r=sr(n,(n=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!rs(e))return{};let r={};return De(e,(function(e){r[e]=Tn(n,e,t)})),r}(n,e,t)));return r}const Mb={directives:{domresize:ma()},components:{WButtonCircle:Qu,WPopup:zc,WText:Ip,WButtonChip:Eu,WAggridVueDyn:mi},props:{pathItems:{type:Array},language:{type:String,default:"en"},enableInfor:{type:Boolean,default:!0},name:{type:String,default:""},description:{type:String,default:""},inforPaddingStyle:{type:Object,default:()=>({v:0,h:0})},enableMenu:{type:Boolean,default:!0},menuPaddingStyle:{type:Object,default:()=>({v:3,h:3})},menuBackgroundColor:{type:String,default:"transparent"},sortColIds:{type:[String,Array],default:""},hideIds:{type:[String,Array],default:""},fixIds:{type:[String,Array],default:""},checkId:{type:String,default:""},removeIdsWhenDownload:{type:[String,Array],default:""},funGetLtdtHookWhenDownload:{type:Function,default:null},funGetMatHookWhenDownload:{type:Function,default:null},enableHeadWhenDownload:{type:Boolean,default:!1},fileNameWhenDownload:{type:String,default:"data.xlsx"},sheetNameWhenDownload:{type:String,default:"data"},editable:{type:Boolean,default:!1},textLabelDataName:{type:String,default:"Data name:"},textPlaceholderDataName:{type:String,default:"Please enter data name"},textLabelDataDescription:{type:String,default:"Data description:"},textPlaceholderDataDescription:{type:String,default:"Please enter data description"},tooltipAddRow:{type:String,default:"add new row"},tooltipDeleteSelectedRows:{type:String,default:"delete selected rows"},tooltipDownloadExcelFile:{type:String,default:"download data to Excel file"},tooltipDownloadExcelFileForDisplay:{type:String,default:"download filtered data to Excel file"},tooltipUploadExcelFile:{type:String,default:"upload data to Excel file"},successMsgFromAddRow:{type:String,default:"add row successfully"},errorMsgFromAddRow:{type:String,default:"can not add row"},errorMsgFromRemoveRow:{type:String,default:"can not remove selected rows"},successMsgFromUploadData:{type:String,default:"upload data successfully"},errorMsgFromUploadData:{type:String,default:"can not upload data"},errorMsgFromUploadEmptyData:{type:String,default:"no effective data"},successMsgFromDownloadData:{type:String,default:"download data successfully"},errorMsgFromDownloadData:{type:String,default:"can not download data"},errorMsgFromNoName:{type:String,default:"no data name"},errorMsgFromNoData:{type:String,default:"no data"},uploadModeTitle:{type:String,default:"Choose mode of upload:"},uploadModeTextForReplace:{type:String,default:"Replace"},uploadModeTextForAppend:{type:String,default:"Append"},opt:{type:Object,default:null}},data:function(){return{mdiDownload:"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z",mdiMonitorArrowDown:"M21 16H3V4H21M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2M16 10H13V6H11V10H8L12 14L16 10",mdiUpload:"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z",mdiDeleteForever:"M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z",mdiTextBoxPlusOutline:"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z",tableHeight:1,showPickUploadMode:!1,paramsTemp:null,nameTrans:"",descriptionTrans:"",rowsSelect:[],useOpt:null,nameTemp:"",descriptionTemp:"",rowsTemp:[],isFilter:!1}},computed:{changeParamsForInfor:function(){let n=this,e=n.name,t=n.description;return n.nameTrans=Ar(n.name),n.descriptionTrans=Ar(n.description),n.nameTemp=Ar(n.name),n.descriptionTemp=Ar(n.description),n.___changeParamsForInfor___={name:e,description:t},""},changeParamsForTable:function(){let n=this,e={rows:Tn(n,"opt.rows"),hideIds:n.hideIds,fixIds:n.fixIds,checkId:n.checkId,editable:n.editable};return Qc(n.paramsTemp,e)||(n.genOpt(),n.paramsTemp=pa(e)),""},kpUploadModeItems:function(){return{replace:this.uploadModeTextForReplace,append:this.uploadModeTextForAppend}},useKeys:function(){let n=this,e=[];return rs(Tn(n,"opt.keys"))?e=Tn(n,"opt.keys"):rs(Tn(n,"opt.rows"))&&(e=Re(Tn(n,"rows.0",{}))),e},useKpHead:function(){let n,e=this;return Di(Tn(e,"opt.kpHead"))?n=Tn(e,"opt.kpHead"):(n={},De(e.useKeys,(e=>{n[e]=e}))),n},hasEffRows:function(){return di(Tn(this,"useOpt.rows",[]))>0},hasEffUseOpt:function(){return null!==this.useOpt},hasEffNameAndDesp:function(){return""!==this.nameTrans||""!==this.descriptionTrans},hasEffLabelNameAndDesp:function(){return""!==this.textLabelDataName||""!==this.textLabelDataDescription},useInforPadding:function(){return`padding:${Qd(this.inforPaddingStyle)};`},useMenuPaddingStyle:function(){return`padding:${Qd(this.menuPaddingStyle)};`},useMenuBackgroundColor:function(){return ui(this.menuBackgroundColor)}},methods:{domresize:function(n){let e=this,t=0,r=Tn(e,"$el.offsetHeight",0),o=Tn(e,"$refs.menu.offsetHeight");r>0&&o>0&&(t=r-o),t=Math.max(t,200),e.tableHeight=t},default:function(){let n=this;n.tableHeight=200,n.rowsSelect=[],n.useOpt=null,n.rowsTemp=[]},genOpt:function(){let n=this;if(0===di(n.useKeys))return void n.default();let e=null;if(e=Ge(Tn(n,"opt.rows"))?pa(Tn(n,"opt.rows")):[$b(n.useKeys)],An(n.sortColIds))try{e=Li(e,n.sortColIds)}catch(n){console.log(n)}else rs(n.sortColIds)&&De(n.sortColIds,(n=>{try{e=Li(e,n)}catch(n){console.log(n)}}));n.rowsTemp=pa(e);let t={defCellAlighH:"left",...n.opt,language:n.language,rows:e,keys:n.useKeys,defCellEditable:n.editable,kpHead:n.useKpHead,rowChecked:function(e){n.rowsSelect=e,je(Tn(n.opt,"rowChecked"))&&n.opt.rowChecked(e)},filterChange:function(e){let t=Tn(e,"isFilter",!1);n.isFilter=t,je(Tn(n.opt,"filterChange"))&&n.opt.filterChange(e)}};if(An(n.hideIds)?t.kpHeadHide=$b([n.hideIds],!0):rs(n.hideIds)&&(t.kpHeadHide=$b(n.hideIds,!0)),An(n.fixIds)?t.kpHeadFixLeft=$b([n.fixIds],!0):rs(n.fixIds)&&(t.kpHeadFixLeft=$b(n.fixIds,!0)),n.editable&&An(n.checkId)&&(t.kpHeadCheckBox=$b([n.checkId],!0)),Di(n.opt)){De(pa(n.opt),((n,e)=>{"keys"!==e&&"rows"!==e&&"kpHead"!==e&&"editable"!==e&&(t[e]=n)}))}n.useOpt=t},addRow:function(){let n=this;if(0===di(n.useKeys))return n.default(),void n.$emit("error",n.errorMsgFromAddRow);let e=$b(n.useKeys);e.id=Ni(),je(Tn(n,"opt.beforeAddRow"))&&(e=n.opt.beforeAddRow(e));try{n.useOpt.rows.push(e),n.$nextTick((()=>{let e=Tn(n,"$refs.cmp.$refs.$self.getApi");if(je(e)){e().ensureIndexVisible(n.useOpt.rows.length-1,"bottom")}})),n.$emit("success",n.successMsgFromAddRow)}catch(e){console.log(e),n.$emit("error",n.errorMsgFromAddRow)}},removeRows:function(){let n=this,e=Tn(n,"useOpt.rows",[]);if(e=pa(e),0===di(e))return;let t=sr(n.rowsSelect,"rowInd");if(0!==di(t)){Gg(e,t);try{n.useOpt.rows=e}catch(e){n.$emit("error",n.errorMsgFromRemoveRow)}n.rowsSelect=[]}},downloadData:function(n="raw"){let e=this;try{let t="";if("raw"===n)t="downloadData";else{if("display"!==n)throw new Error(`invlaid mode[${n}]`);t="downloadDisplayData"}let r=Tn(e,`$refs.cmp.$refs.$self.${t}`);if(!je(r))return;r({funGetKeysHook:n=>(An(e.removeIdsWhenDownload)?cs(n,e.removeIdsWhenDownload):rs(e.removeIdsWhenDownload)&&cs(n,...e.removeIdsWhenDownload),n),funGetLtdtHook:e.funGetLtdtHookWhenDownload,funGetMatHook:e.funGetMatHookWhenDownload,useHead:e.enableHeadWhenDownload,fileName:e.fileNameWhenDownload,sheetName:e.sheetNameWhenDownload,pathItems:null}),e.$emit("success",e.successMsgFromDownloadData)}catch(n){e.$emit("error",e.errorMsgFromDownloadData)}},uploadData:function(n){let e=this,t=Tn(e,"$refs.cmp.$refs.$self.uploadData");if(!je(t))return;let r=Tn(e,"opt.optForUploadData");Bn(r)||(r={}),An(Tn(r,"uploadMode"))||(r.uploadMode=n),je(Tn(r,"beforeUpload"))||(r.beforeUpload=n=>{let e=[];return De(n,(n=>{Cm(n,(n=>""===n))||e.push(n)})),e}),t(r).then((n=>{0===di(n)?e.$emit("error",e.errorMsgFromUploadEmptyData):e.$emit("success",e.successMsgFromUploadData),e.rowsSelect=[]})).catch((n=>{console.log("catch",n),e.$emit("error",e.errorMsgFromUploadData)}))},save:function(){let n,e=this;try{n=function(){let n=Ar(e.nameTrans),t=Ar(e.descriptionTrans);if(!An(n))return{err:e.errorMsgFromNoName};let r=Tn(e,"useOpt.rows",[]);r=Eb(r,e.useKeys),je(Tn(e,"opt.modifyDataWhenSave"))&&(r=e.opt.modifyDataWhenSave(r));let o=Tn(e,"opt.checkNoDataWhenSave");return Ln(o)||(o=!1),o&&0===r.length?{err:e.errorMsgFromNoData}:{name:n,nameTemp:e.nameTrans,description:t,descriptionTemp:e.descriptionTemp,rows:pa(r),rowsTemp:pa(e.rowsTemp)}}()}catch(e){n={err:e}}return n}}};var Ob=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParamsForInfor:n.changeParamsForInfor,changeParamsForTable:n.changeParamsForTable}},[n.hasEffUseOpt?[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"menu",on:{domresize:n.domresize}},[n.editable?[n.enableInfor?t("div",{style:""+n.useInforPadding},[t("table",{staticStyle:{width:"100%"}},[t("tbody",[t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataName))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataName},model:{value:n.nameTrans,callback:function(e){n.nameTrans=e},expression:"nameTrans"}})],1)]),n._v(" "),t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataDescription))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataDescription},model:{value:n.descriptionTrans,callback:function(e){n.descriptionTrans=e},expression:"descriptionTrans"}})],1)])])])]):n._e(),n._v(" "),n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiTextBoxPlusOutline,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipAddRow},on:{click:n.addRow}}),n._v(" "),n.rowsSelect.length>0?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDeleteForever,iconColor:"#f26",backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDeleteSelectedRows},on:{click:n.removeRows}}):n._e(),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFile},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFileForDisplay},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),t("WPopup",{scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiUpload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipUploadExcelFile},on:{click:function(e){n.showPickUploadMode=!0}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.8rem",color:"#666",background:"#eee"}},[n._v("\n                                    "+n._s(n.uploadModeTitle)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{padding:"15px"}},[t("WButtonChip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.kpUploadModeItems.replace,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("replace")}}}),n._v(" "),t("WButtonChip",{attrs:{_style:"margin:5px;",text:n.kpUploadModeItems.append,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("append")}}})],1)]},proxy:!0}],null,!1,2771795469),model:{value:n.showPickUploadMode,callback:function(e){n.showPickUploadMode=e},expression:"showPickUploadMode"}}),n._v(" "),n._t("btns",null,{editable:n.editable})],2)]):n._e()]:[t("div",{style:"display:flex; align-items:center;"},[n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,tooltip:n.tooltipDownloadExcelFile,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,tooltip:n.tooltipDownloadExcelFileForDisplay,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),n._t("btns",null,{editable:n.editable})],2)]):n._e(),n._v(" "),n.enableInfor?t("div",{style:""+n.useInforPadding},[n._t("infor",(function(){return[t("div",{style:"display:inline-block; "+(n.hasEffNameAndDesp?"margin-left:5px;":"")},[t("div",{staticStyle:{"font-size":"1.0rem"}},[n._v("\n                                    "+n._s(n.nameTrans)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",opacity:"0.8"}},[n._v("\n                                    "+n._s(n.descriptionTrans)+"\n                                ")])])]}),{infor:{name:n.nameTrans,description:n.descriptionTrans}})],2):n._e()])]],2),n._v(" "),t("WAggridVueDyn",{ref:"cmp",attrs:{pathItems:n.pathItems,height:n.tableHeight,opt:n.useOpt}})]:n._e()],2)};Ob._withStripped=!0;const Jb=t({render:Ob,staticRenderFns:[]},(function(n){n&&n("data-v-368ec978_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTableDyn.vue"},media:void 0})}),Mb,"data-v-368ec978",false,undefined,!1,o,void 0,void 0);var Qb={props:{value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){let n=this;return n.valueTrans=n.value,n.updateHeight(),""},useHeight:function(){let n=this,e="";return Fn(n.height)?e=`height:${n.height}px;`:An(n.height)&&(e=`height:${n.height};`),e},useOverflow:function(){let n="overflow:hidden;";return An(this.useHeight)&&(n="overflow:auto;"),n},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{updateHeight:function(){let n=this;An(n.useHeight)||$r((()=>void 0!==n.$refs.ta),{timeInterval:20}).then((()=>{try{let e=n.$refs.ta;e.style.height="auto",e.style.height=e.scrollHeight+"px"}catch(n){}})).catch((n=>{console.log(n)}))},setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.ta.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){this.errmsg=""},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};const Ub=Qb;var qb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("textarea",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"ta",style:"\n            transition:all 0.3s;\n            display:block;\n            outline:none;\n            width:100%;\n            box-sizing:border-box;\n            border-style:none;\n            resize:none;\n            background:transparent;\n            color:"+n.useTextColor+";\n            "+n.useHeight+"\n            text-align:"+n.textAlign+";\n            "+n.useTextFontSize+"\n            "+n.useOverflow+"\n            opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";\n        ",attrs:{rows:"1",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateHeight(e.srcElement),n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};qb._withStripped=!0;const nC=t({render:qb,staticRenderFns:[]},(function(n){n&&n("data-v-a4a195ac_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextareaCore.vue"},media:void 0})}),Ub,"data-v-a4a195ac",false,undefined,!1,o,void 0,void 0);const eC={components:{WShellEllipse:cp,WShellBottomLine:hp,WTextareaCore:nC},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:4},shadow:{type:Boolean,default:!1},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:[Number,String],default:null},verticalAlign:{type:String,default:"top"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var tC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,verticalAlign:n.verticalAlign,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextareaCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,select:function(e,t,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};tC._withStripped=!0;const rC=t({render:tC,staticRenderFns:[]},(function(n){n&&n("data-v-54b875e6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextarea.vue"},media:void 0})}),eC,"data-v-54b875e6",false,undefined,!1,o,void 0,void 0);const oC={components:{WShellEllipse:cp,WTextCore:Cp},props:{width:{type:Number,default:70},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},buttonIconSize:{type:Number,default:24},buttonColor:{type:String,default:"white"},buttonColorHover:{type:String,default:"white"},buttonColorFocus:{type:String,default:"white"},height:{type:Number,default:28},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiPlusCircle:Va,mdiMinusCircle:"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",valueTrans:"",focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){let n=this;return n.valueTrans=n.value,n.focusedTrans=n.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},changeContent:function(n,e){let t,r=this;if(!1===r.editable)return;if(""!==e&&r.$refs.inp.setFocus(),t=mp(n,"isp0int"),t.err)return n=0,void r.$nextTick((()=>{0===r.valueTrans?r.$refs.inp.setValue(n):(r.valueTrans=n,r.$emit("input",n)),r.$emit("error",t.errmsg)}));n=Vr(n),"minus"===e?n-=1:"add"===e&&(n+=1),r.valueMax&&n>r.valueMax&&(n=r.valueMax);n<0&&(n=0),r.valueTrans!==n&&r.$nextTick((()=>{r.valueTrans=n,r.$emit("input",n)}))}}};var iC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{shadow:!1,paddingStyle:{v:0,h:0},backgroundColor:"transparent",backgroundColorHover:"transparent",backgroundColorFocus:"transparent",borderWidth:0,borderColor:"transparent",borderColorHover:"transparent",borderColorFocus:"transparent",iconShiftOuter:0,leftIcon:n.mdiMinusCircle,leftIconSize:n.buttonIconSize,leftIconColor:n.buttonColor,leftIconColorHover:n.buttonColorHover,leftIconColorFocus:n.buttonColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.mdiPlusCircle,rightIconSize:n.buttonIconSize,rightIconColor:n.buttonColor,rightIconColorHover:n.buttonColorHover,rightIconColorFocus:n.buttonColorFocus,rightIconTooltip:n.rightIconTooltip,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.changeContent(n.valueTrans,"minus")},"click-right":function(e){return n.changeContent(n.valueTrans,"add")}}},[t("WTextCore",{ref:"inp",style:{width:n.width+"px"},attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:"center",height:n.height,editable:n.editable,value:n.valueTrans,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.changeContent(e,"")}}})],1)],1)};iC._withStripped=!0;const lC=t({render:iC,staticRenderFns:[]},(function(n){n&&n("data-v-18003fd4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextIntCore.vue"},media:void 0})}),oC,"data-v-18003fd4",false,undefined,!1,o,void 0,void 0);const aC={components:{WShellEllipse:cp,WTextIntCore:lC},props:{width:{type:Number,default:70},paddingStyle:{type:Object,default:()=>({v:0,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},icon:{type:String,default:""},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},buttonIconSize:{type:Number,default:24},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},buttonColor:{type:String,default:"deep-orange lighten-2"},buttonColorHover:{type:String,default:"deep-orange lighten-1"},buttonColorFocus:{type:String,default:"deep-orange lighten-1"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var dC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{staticStyle:{display:"inline-block"},attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("div",{staticStyle:{margin:"0px -10px"}},[t("WTextIntCore",{attrs:{width:n.width,leftIconTooltip:n.leftIconTooltip,rightIconTooltip:n.rightIconTooltip,buttonIconSize:n.buttonIconSize,buttonColor:n.buttonColor,buttonColorHover:n.buttonColorHover,buttonColorFocus:n.buttonColorFocus,valueMax:n.valueMax,value:n.value,textFontSize:n.textFontSize,textColor:n.textColor,editable:n.editable,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)},error:function(e){n.$emit("error",e)}}})],1)])],1)};dC._withStripped=!0;const sC=t({render:dC,staticRenderFns:[]},(function(n){n&&n("data-v-a6fdd434_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextInt.vue"},media:void 0})}),aC,"data-v-a6fdd434",false,undefined,!1,o,void 0,void 0);const uC={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"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(n){let e=this,t=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 cC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",(function(){return[n._v("\n                        "+n._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};cC._withStripped=!0;const pC=t({render:cC,staticRenderFns:[]},(function(n){n&&n("data-v-8a4cfd68_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})}),uC,"data-v-8a4cfd68",false,undefined,!1,o,void 0,void 0);const fC={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["base:w-threejs-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-threejs-vue"];n.default&&(n=n.default),ro().component("w-threejs-vue",n)}n.cmpName="w-threejs-vue"}))},computed:{},methods:{}};var hC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,n._g({ref:"$self",tag:"component",attrs:{opt:n.opt}},n.$listeners))};hC._withStripped=!0;const gC=t({render:hC,staticRenderFns:[]},(function(n){n&&n("data-v-54fd2996_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WThreejsVueDyn.vue"},media:void 0})}),fC,"data-v-54fd2996",false,undefined,!1,o,void 0,void 0);var mC={};!function(n,e){n.exports=function(){var n=1e3,e=6e4,t=36e5,r="millisecond",o="second",i="minute",l="hour",a="day",d="week",s="month",u="quarter",c="year",p="date",f="Invalid Date",h=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,g=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(n){var e=["th","st","nd","rd"],t=n%100;return"["+n+(e[(t-20)%10]||e[t]||e[0])+"]"}},v=function(n,e,t){var r=String(n);return!r||r.length>=e?n:""+Array(e+1-r.length).join(t)+n},y={s:v,z:function(n){var e=-n.utcOffset(),t=Math.abs(e),r=Math.floor(t/60),o=t%60;return(e<=0?"+":"-")+v(r,2,"0")+":"+v(o,2,"0")},m:function n(e,t){if(e.date()<t.date())return-n(t,e);var r=12*(t.year()-e.year())+(t.month()-e.month()),o=e.clone().add(r,s),i=t-o<0,l=e.clone().add(r+(i?-1:1),s);return+(-(r+(t-o)/(i?o-l:l-o))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:s,y:c,w:d,d:a,D:p,h:l,m:i,s:o,ms:r,Q:u}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},b="en",C={};C[b]=m;var x="$isDayjsObject",S=function(n){return n instanceof T||!(!n||!n[x])},I=function n(e,t,r){var o;if(!e)return b;if("string"==typeof e){var i=e.toLowerCase();C[i]&&(o=i),t&&(C[i]=t,o=i);var l=e.split("-");if(!o&&l.length>1)return n(l[0])}else{var a=e.name;C[a]=e,o=a}return!r&&o&&(b=o),o||!r&&b},w=function(n,e){if(S(n))return n.clone();var t="object"==typeof e?e:{};return t.date=n,t.args=arguments,new T(t)},k=y;k.l=I,k.i=S,k.w=function(n,e){return w(n,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var T=function(){function m(n){this.$L=I(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(n){this.$d=function(n){var e=n.date,t=n.utc;if(null===e)return new Date(NaN);if(k.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(h);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return t?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(e)}(n),this.init()},v.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},v.$utils=function(){return k},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(n,e){var t=w(n);return this.startOf(e)<=t&&t<=this.endOf(e)},v.isAfter=function(n,e){return w(n)<this.startOf(e)},v.isBefore=function(n,e){return this.endOf(e)<w(n)},v.$g=function(n,e,t){return k.u(n)?this[e]:this.set(t,n)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(n,e){var t=this,r=!!k.u(e)||e,u=k.p(n),f=function(n,e){var o=k.w(t.$u?Date.UTC(t.$y,e,n):new Date(t.$y,e,n),t);return r?o:o.endOf(a)},h=function(n,e){return k.w(t.toDate()[n].apply(t.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),t)},g=this.$W,m=this.$M,v=this.$D,y="set"+(this.$u?"UTC":"");switch(u){case c:return r?f(1,0):f(31,11);case s:return r?f(1,m):f(0,m+1);case d:var b=this.$locale().weekStart||0,C=(g<b?g+7:g)-b;return f(r?v-C:v+(6-C),m);case a:case p:return h(y+"Hours",0);case l:return h(y+"Minutes",1);case i:return h(y+"Seconds",2);case o:return h(y+"Milliseconds",3);default:return this.clone()}},v.endOf=function(n){return this.startOf(n,!1)},v.$set=function(n,e){var t,d=k.p(n),u="set"+(this.$u?"UTC":""),f=(t={},t[a]=u+"Date",t[p]=u+"Date",t[s]=u+"Month",t[c]=u+"FullYear",t[l]=u+"Hours",t[i]=u+"Minutes",t[o]=u+"Seconds",t[r]=u+"Milliseconds",t)[d],h=d===a?this.$D+(e-this.$W):e;if(d===s||d===c){var g=this.clone().set(p,1);g.$d[f](h),g.init(),this.$d=g.set(p,Math.min(this.$D,g.daysInMonth())).$d}else f&&this.$d[f](h);return this.init(),this},v.set=function(n,e){return this.clone().$set(n,e)},v.get=function(n){return this[k.p(n)]()},v.add=function(r,u){var p,f=this;r=Number(r);var h=k.p(u),g=function(n){var e=w(f);return k.w(e.date(e.date()+Math.round(n*r)),f)};if(h===s)return this.set(s,this.$M+r);if(h===c)return this.set(c,this.$y+r);if(h===a)return g(1);if(h===d)return g(7);var m=(p={},p[i]=e,p[l]=t,p[o]=n,p)[h]||1,v=this.$d.getTime()+r*m;return k.w(v,this)},v.subtract=function(n,e){return this.add(-1*n,e)},v.format=function(n){var e=this,t=this.$locale();if(!this.isValid())return t.invalidDate||f;var r=n||"YYYY-MM-DDTHH:mm:ssZ",o=k.z(this),i=this.$H,l=this.$m,a=this.$M,d=t.weekdays,s=t.months,u=t.meridiem,c=function(n,t,o,i){return n&&(n[t]||n(e,r))||o[t].slice(0,i)},p=function(n){return k.s(i%12||12,n,"0")},h=u||function(n,e,t){var r=n<12?"AM":"PM";return t?r.toLowerCase():r};return r.replace(g,(function(n,r){return r||function(n){switch(n){case"YY":return String(e.$y).slice(-2);case"YYYY":return k.s(e.$y,4,"0");case"M":return a+1;case"MM":return k.s(a+1,2,"0");case"MMM":return c(t.monthsShort,a,s,3);case"MMMM":return c(s,a);case"D":return e.$D;case"DD":return k.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return c(t.weekdaysMin,e.$W,d,2);case"ddd":return c(t.weekdaysShort,e.$W,d,3);case"dddd":return d[e.$W];case"H":return String(i);case"HH":return k.s(i,2,"0");case"h":return p(1);case"hh":return p(2);case"a":return h(i,l,!0);case"A":return h(i,l,!1);case"m":return String(l);case"mm":return k.s(l,2,"0");case"s":return String(e.$s);case"ss":return k.s(e.$s,2,"0");case"SSS":return k.s(e.$ms,3,"0");case"Z":return o}return null}(n)||o.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(r,p,f){var h,g=this,m=k.p(p),v=w(r),y=(v.utcOffset()-this.utcOffset())*e,b=this-v,C=function(){return k.m(g,v)};switch(m){case c:h=C()/12;break;case s:h=C();break;case u:h=C()/3;break;case d:h=(b-y)/6048e5;break;case a:h=(b-y)/864e5;break;case l:h=b/t;break;case i:h=b/e;break;case o:h=b/n;break;default:h=b}return f?h:k.a(h)},v.daysInMonth=function(){return this.endOf(s).$D},v.$locale=function(){return C[this.$L]},v.locale=function(n,e){if(!n)return this.$L;var t=this.clone(),r=I(n,e,!0);return r&&(t.$L=r),t},v.clone=function(){return k.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),B=T.prototype;return w.prototype=B,[["$ms",r],["$s",o],["$m",i],["$H",l],["$W",a],["$M",s],["$y",c],["$D",p]].forEach((function(n){B[n[1]]=function(e){return this.$g(e,n[0],n[1])}})),w.extend=function(n,e){return n.$i||(n(e,T,w),n.$i=!0),w},w.locale=I,w.isDayjs=S,w.unix=function(n){return w(1e3*n)},w.en=C[b],w.Ls=C,w.p={},w}()}({get exports(){return mC},set exports(n){mC=n}});var vC=mC;function yC(n){if(!An(n))return!1;let e="YYYY-MM-DD";return n===vC(n,e).format(e)}var bC={props:{value:{type:String,default:""},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{mdiChevronLeft:"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z",mdiChevronRight:Ha,show:!1,emptyDay:!1,valueDay:""}},mounted:function(){},watch:{show:function(n){this.$emit("update:focused",n)}},computed:{changeParam:function(){let n=this,e=n.value;return yC(e)?(n.emptyDay=!1,n.valueDay=e):(n.emptyDay=!0,n.valueDay=ja(function(){if(!je(vC))throw new Error("invalid dayjs");return vC().format("YYYY-MM-DDTHH:mm:ssZ")}(),10)),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{getDay:function(n){let e=Yo(n,"-");return e=Tn(e,"[2]"),e=Vr(e),e},modifyDay:function(n){let e=this,t=n,r="";yC(t)&&(r=t),e.show=!1,e.$nextTick((()=>{e.$emit("input",r)}))}}};const CC=bC;var xC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("v-menu",{attrs:{"offset-y":"","nudge-bottom":n.placementDistY,"close-on-content-click":!1,disabled:!n.editable},scopedSlots:n._u([{key:"activator",fn:function(e){var r=e.on;return[t("div",n._g({style:"color:"+n.useTextColor+"; "+n.useTextFontSize,attrs:{TimedayCore:"day"}},r),[n.emptyDay?[n._v("\n                    "+n._s(n.textEmpty)+"\n                ")]:[n._v("\n                    "+n._s(n.valueDay)+"\n                ")]],2)]}}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}},[n._v(" "),t("v-date-picker",{style:"min-width:83px;",attrs:{"no-title":"",locale:"zh-tw","prev-icon":n.mdiChevronLeft,"next-icon":n.mdiChevronRight,color:n.pickColor,"day-format":n.getDay,value:n.valueDay},on:{input:n.modifyDay}})],1)],1)};xC._withStripped=!0;const SC=t({render:xC,staticRenderFns:[]},(function(n){n&&n("data-v-dfba742c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCore.vue"},media:void 0})}),CC,"data-v-dfba742c",false,undefined,!1,o,void 0,void 0);const IC={components:{WShellEllipse:cp,WTimedayCore:SC},props:{textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var wC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimedayCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,value:n.value,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};wC._withStripped=!0;const kC=t({render:wC,staticRenderFns:[]},(function(n){n&&n("data-v-2917836a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeday.vue"},media:void 0})}),IC,"data-v-2917836a",false,undefined,!1,o,void 0,void 0);var TC=Math.ceil,BC=Math.max;var HC=function(n){return function(e,t,r){return r&&"number"!=typeof r&&Do(e,t,r)&&(t=r=void 0),e=On(e),void 0===t?(t=e,e=0):t=On(t),function(n,e,t,r){for(var o=-1,i=BC(TC((e-n)/(t||1)),0),l=Array(i);i--;)l[r?i:++o]=n,n+=t;return l}(e,t,r=void 0===r?e<t?1:-1:On(r),n)}}(),AC=HC,WC={props:{value:{type:String,default:""},itemsYears:{type:Array,default:()=>{let n=(new Date).getFullYear(),e=sr(AC(-50,50),(e=>n+e));return console.log("years",e),e}},itemsMonths:{type:Array,default:()=>["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},editable:{type:Boolean,default:!0}},data:function(){return{valueDay:"",view_year:"",view_month:"",view_day:""}},mounted:function(){},computed:{changeParam:function(){return""}},methods:{}};const FC=WC;var ZC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:""}),n._v(" "),t("div",{style:""},[t("WTextSuggestCore",{attrs:{mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,items:n.itemsMonth,value:n.valueMonth},on:{input:n.modifyMonth}})],1)]),n._v(" "),t("div",{style:""}),n._v(" "),t("v-menu",{attrs:{"offset-y":"","nudge-bottom":n.placementDistY,"close-on-content-click":!1,disabled:!n.editable},scopedSlots:n._u([{key:"activator",fn:function(e){var r=e.on;return[t("div",n._g({style:"_width:83px; color:"+n.useTextColor+"; "+n.useTextFontSize,attrs:{TimedayCore:"day"}},r),[n._v("\n                "+n._s(n.valueDisplay)+"\n            ")])]}}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}},[n._v(" "),t("v-date-picker",{attrs:{"no-title":"",locale:"zh-tw","prev-icon":n.mdiChevronLeft,"next-icon":n.mdiChevronRight,color:n.pickColor,"day-format":n.getDay,value:n.valueDay},on:{input:n.modifyDay}})],1)],1)};ZC._withStripped=!0;const XC=t({render:ZC,staticRenderFns:[]},(function(n){n&&n("data-v-a989b442_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCoreRe.vue"},media:void 0})}),FC,"data-v-a989b442",false,undefined,!1,o,void 0,void 0);const PC={components:{WTimedayCore:SC},props:{dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick((()=>{n.$emit("update:focused",e)}))}}};var RC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{attrs:{TimedayRangeCore:"dayFrom",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:dayStart",e)}}}),n._v(" "),t("div",{style:"padding-left:5px; padding-right:8px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimedayCore",{attrs:{TimedayRangeCore:"dayTo",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:dayEnd",e)}}})],1)])};RC._withStripped=!0;const LC=t({render:RC,staticRenderFns:[]},(function(n){n&&n("data-v-5dc1c94e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRangeCore.vue"},media:void 0})}),PC,"data-v-5dc1c94e",false,undefined,!1,o,void 0,void 0);const zC={components:{WShellEllipse:cp,WTimedayRangeCore:LC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var VC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimedayRangeCore",{attrs:{pickColor:n.pickColor,textFontSize:n.textFontSize,textColor:n.textColor,between:n.between,dayStart:n.dayStart,dayEnd:n.dayEnd,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:dayStart":function(e){n.$emit("update:dayStart",e)},"update:dayEnd":function(e){n.$emit("update:dayEnd",e)}}})],1)],1)};VC._withStripped=!0;const NC=t({render:VC,staticRenderFns:[]},(function(n){n&&n("data-v-8d0d058e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRange.vue"},media:void 0})}),zC,"data-v-8d0d058e",false,undefined,!1,o,void 0,void 0);var DC={components:{WTimedayCore:SC,WTextSuggestCore:cv},props:{value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{valueDay:"",valueTime:"",focusedDay:!1,focusedTime:!1}},mounted:function(){},computed:{changeParam:function(){let n=this,e=Yo(n.value,"T"),t=Tn(e,0,"");yC(t)||(t="");let r=ja(Tn(e,1),5),o=ja(r,2);o=Nr(o);let i=Dr(r,2);i=Nr(i);let l=Dr(ja(r,3),1);return l=":"===l,o&&i&&l||(r="00:00"),n.valueDay=t,n.valueTime=r,""},getUseMinutes:function(){let n=this;if(Ge(n.minutesCustom))return n.minutesCustom;let e=Yr(n.hourMin)&&Yr(n.hourMax)&&n.hourMin<=n.hourMax,t=Yr(n.minuteInter);if(!e||!t)return;let r=sr(AC(n.hourMin,n.hourMax+1),(function(e){let t=String(e);return e<10&&(t="0"+t),sr(AC(0,60,n.minuteInter),(function(n){let e=String(n);return n<10&&(e="0"+e),t+":"+e}))}));var o;r=null!=(o=r)&&o.length?Ii(o,1/0):[];let i=String(n.hourMax);return n.hourMax<10&&(i="0"+i),i+=":00",r=Ci(r,(function(n){return n<=i})),r}},methods:{modifyDay:function(n){this.valueDay=n,this.changeContent()},modifyTime:function(n){this.valueTime=n,this.changeContent()},changeContent:function(){let n=this,e=n.valueDay+"T"+n.valueTime+":00";(function(n){if(!An(n))return!1;let e="YYYY-MM-DDTHH:mm:ss";return n===vC(n,e).format(e)})(e)&&n.$nextTick((()=>{n.$emit("input",e)}))},changeFocused:function(){let n=this,e=n.focusedDay||n.focusedTime;n.$nextTick((()=>{n.$emit("update:focused",e)}))}}};const GC=DC;var jC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{staticStyle:{"margin-right":"5px"},attrs:{TimeminuteCore:"day",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.valueDay},on:{"update:focused":function(e){n.focusedDay=e,n.changeFocused()},input:n.modifyDay}}),n._v(" "),t("div",{staticStyle:{"margin-right":"-3px"}},[t("WTextSuggestCore",{attrs:{TimeminuteCore:"minute",mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,items:n.getUseMinutes,value:n.valueTime},on:{"update:focused":function(e){n.focusedTime=e,n.changeFocused()},input:n.modifyTime}})],1)],1)])};jC._withStripped=!0;const KC=t({render:jC,staticRenderFns:[]},(function(n){n&&n("data-v-8e01cecc_0",{source:"\n[data-v-8e01cecc] div.v-input__icon {\r\n    transform: translateX(-5px);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTimeminuteCore.vue"],names:[],mappings:";AAiUA;IACA,2BAAA;AACA",file:"WTimeminuteCore.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"\"\r\n        :changeParam=\"changeParam\"\r\n    >\r\n        \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <WTimedayCore\r\n                TimeminuteCore=\"day\"\r\n                style=\"margin-right:5px;\"\r\n                :textFontSize=\"textFontSize\"\r\n                :textColor=\"textColor\"\r\n                :pickColor=\"pickColor\"\r\n                :placementDistX=\"placementDistX\"\r\n                :placementDistY=\"placementDistY\"\r\n                :textEmpty=\"textEmpty\"\r\n                :editable=\"editable\"\r\n                :value=\"valueDay\"\r\n                @update:focused=\"(v)=>{focusedDay=v;changeFocused()}\"\r\n                @input=\"modifyDay\"\r\n            ></WTimedayCore>\r\n\r\n            <div style=\"margin-right:-3px;\">\r\n                <WTextSuggestCore\r\n                    TimeminuteCore=\"minute\"\r\n                    :mode=\"'select'\"\r\n                    :textFontSize=\"textFontSize\"\r\n                    :textColor=\"textColor\"\r\n                    :placementDistX=\"placementDistX\"\r\n                    :placementDistY=\"placementDistY\"\r\n                    :minWidth=\"70\"\r\n                    :expansionIcon=\"expansionIcon\"\r\n                    :expansionIconSize=\"expansionIconSize\"\r\n                    :expansionIconColor=\"expansionIconColor\"\r\n                    :editable=\"editable\"\r\n                    :items=\"getUseMinutes\"\r\n                    :value=\"valueTime\"\r\n                    @update:focused=\"(v)=>{focusedTime=v;changeFocused()}\"\r\n                    @input=\"modifyTime\"\r\n                ></WTextSuggestCore>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport split from 'lodash-es/split.js'\r\nimport get from 'lodash-es/get.js'\r\nimport map from 'lodash-es/map.js'\r\nimport range from 'lodash-es/range.js'\r\nimport flattenDeep from 'lodash-es/flattenDeep.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport strleft from 'wsemi/src/strleft.mjs'\r\nimport strright from 'wsemi/src/strright.mjs'\r\nimport isp0int from 'wsemi/src/isp0int.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport istime from 'wsemi/src/istime.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport isday from 'wsemi/src/isday.mjs'\r\nimport WTimedayCore from './WTimedayCore.vue'\r\nimport WTextSuggestCore from './WTextSuggestCore.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value=''] 輸入日期字串，預設''\r\n * @vue-prop {Number} [hourMin=8] 輸入可選最小小時，單位為小時，預設8\r\n * @vue-prop {Number} [hourMax=8] 輸入可選最大小時，單位為小時，預設8\r\n * @vue-prop {Number} [minuteInter=15] 輸入每小時的切分區間，單位為分鐘，預設15\r\n * @vue-prop {Array} [minutesCustom=null] 輸入自訂可選的時分點字串陣列，單位為時分(00:00)，若給予，則上述hourMin,hourMax,minuteInter自動失效，預設null\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'\r\n * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7\r\n * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    components: {\r\n        WTimedayCore,\r\n        WTextSuggestCore\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        hourMin: {\r\n            type: Number,\r\n            default: 8,\r\n        },\r\n        hourMax: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        minuteInter: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        minutesCustom: {\r\n            type: Array,\r\n            default: null,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        pickColor: {\r\n            type: String,\r\n            default: 'deep-orange darken-1',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        placementDistX: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        placementDistY: {\r\n            type: Number,\r\n            default: 7,\r\n        },\r\n        textEmpty: {\r\n            type: String,\r\n            default: 'Select a date',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            valueDay: '',\r\n            valueTime: '',\r\n            focusedDay: false,\r\n            focusedTime: false,\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //s\r\n            let s = split(value, 'T')\r\n\r\n            //day\r\n            let valueDay = get(s, 0, '')\r\n            if (!isday(valueDay)) {\r\n                valueDay = '' //預設空字串, 顯示textEmpty\r\n            }\r\n\r\n            //time, 外部傳入2019-01-01T10:00:00時, 只取10:00共5字元長度來處理, 代表不處理秒, 預設為00秒\r\n            let valueTime = strleft(get(s, 1), 5)\r\n            let bt1 = strleft(valueTime, 2)\r\n            bt1 = isp0int(bt1)\r\n            let bt2 = strright(valueTime, 2)\r\n            bt2 = isp0int(bt2)\r\n            let bt3 = strright(strleft(valueTime, 3), 1)\r\n            bt3 = bt3 === ':'\r\n            if (!(bt1 && bt2 && bt3)) {\r\n                valueTime = '00:00' //預設0時0分\r\n            }\r\n\r\n            //save\r\n            vo.valueDay = valueDay\r\n            vo.valueTime = valueTime\r\n\r\n            return ''\r\n        },\r\n\r\n        getUseMinutes: function () {\r\n            //console.log('computed getUseMinutes')\r\n\r\n            let vo = this\r\n\r\n            if (isarr(vo.minutesCustom)) {\r\n                return vo.minutesCustom\r\n            }\r\n\r\n            let b1 = ispint(vo.hourMin) && ispint(vo.hourMax) && vo.hourMin <= vo.hourMax\r\n            let b2 = ispint(vo.minuteInter)\r\n            if (!b1 || !b2) {\r\n                return\r\n            }\r\n\r\n            //rs, 各時分\r\n            let rs = map(range(vo.hourMin, vo.hourMax + 1), function(hour) {\r\n\r\n                //產生時\r\n                let h = String(hour)\r\n                if (hour < 10) {\r\n                    h = '0' + h\r\n                }\r\n\r\n                //產生分\r\n                return map(range(0, 60, vo.minuteInter), function(min) {\r\n                    let m = String(min)\r\n                    if (min < 10) {\r\n                        m = '0' + m\r\n                    }\r\n                    return h + ':' + m\r\n                })\r\n            })\r\n            rs = flattenDeep(rs)\r\n\r\n            //hMax\r\n            let hMax = String(vo.hourMax)\r\n            if (vo.hourMax < 10) {\r\n                hMax = '0' + hMax\r\n            }\r\n            hMax = hMax + ':00'\r\n            rs = filter(rs, function(r) {\r\n                return r <= hMax\r\n            })\r\n\r\n            return rs\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        modifyDay: function(v) {\r\n            //console.log('methods modifyDay',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueDay = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        modifyTime: function(v) {\r\n            //console.log('methods modifyTime',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueTime = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        changeContent: function () {\r\n            //console.log('methods changeContent')\r\n\r\n            let vo = this\r\n\r\n            //value\r\n            let value = vo.valueDay + 'T' + vo.valueTime + ':00'\r\n\r\n            //check\r\n            if (!istime(value)) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        changeFocused: function() {\r\n            //console.log('methods changeFocused')\r\n\r\n            let vo = this\r\n\r\n            //focused\r\n            let focused = vo.focusedDay || vo.focusedTime\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:focused', focused)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n::v-deep div.v-input__icon {\r\n    transform: translateX(-5px);\r\n}\r\n</style>\r\n"]},media:void 0})}),GC,"data-v-8e01cecc",false,undefined,!1,o,void 0,void 0);const YC={components:{WShellEllipse:cp,WTimeminuteCore:KC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var _C=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimeminuteCore",{attrs:{hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.value},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};_C._withStripped=!0;const $C=t({render:_C,staticRenderFns:[]},(function(n){n&&n("data-v-3bf13984_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminute.vue"},media:void 0})}),YC,"data-v-3bf13984",false,undefined,!1,o,void 0,void 0);const EC={components:{WTimeminuteCore:KC},props:{minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick((()=>{n.$emit("update:focused",e)}))}}};var MC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuFrom",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:minuteStart",e)}}}),n._v(" "),t("div",{style:"padding-left:9px; padding-right:11px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuTo",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:minuteEnd",e)}}})],1)])};MC._withStripped=!0;const OC=t({render:MC,staticRenderFns:[]},(function(n){n&&n("data-v-78d376f6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRangeCore.vue"},media:void 0})}),EC,"data-v-78d376f6",false,undefined,!1,o,void 0,void 0);const JC={components:{WShellEllipse:cp,WTimeminuteRangeCore:OC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var QC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimeminuteRangeCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,between:n.between,minuteEnd:n.minuteEnd,minuteStart:n.minuteStart,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:minuteEnd":function(e){n.$emit("update:minuteEnd",e)},"update:minuteStart":function(e){n.$emit("update:minuteStart",e)}}})],1)],1)};QC._withStripped=!0;const UC=t({render:QC,staticRenderFns:[]},(function(n){n&&n("data-v-33739cfa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRange.vue"},media:void 0})}),JC,"data-v-33739cfa",false,undefined,!1,o,void 0,void 0);const qC={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/tinymce@5.10.7/tinymce.min.js","base:w-tinymce-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-tinymce-vue"];n.default&&(n=n.default),ro().component("w-tinymce-vue",n)}n.cmpName="w-tinymce-vue"}))},computed:{},methods:{}};var nx=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};nx._withStripped=!0;const ex=t({render:nx,staticRenderFns:[]},(function(n){n&&n("data-v-9e191b74_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})}),qC,"data-v-9e191b74",false,undefined,!1,o,void 0,void 0);let tx={tooltip:[],popup:[]};function rx(n,e){tx[n].push(e)}function ox(n,e){return as(tx[n])===e}function ix(n,e){cs(tx[n],e)}let lx={mode:"wysiwyg",theme:"classic",lang:"zh_TW",counter:{enable:!1,type:"markdown"},tab:"\t",typewriterMode:!0,toolbarConfig:{pin:!0},cache:{enable:!1},toolbar:["headings","bold","italic","strike","link","|","list","ordered-list","outdent","indent","|","quote","line","insert-before","insert-after","|","table","|","undo","redo","|","edit-mode","export"],hint:{parse:!0,delay:0,extend:[]},preview:{maxWidth:1e10,delay:0,actions:[],hljs:{style:"monokai",lineNumber:!0}}};var ax={directives:{domresize:ma()},components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css","https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js"]},value:{type:String,default:""},height:{type:Number,default:250},settings:{type:Object,default:()=>{}},keyHint:{type:[String,Array],default:""},hintBorderRadius:{type:Number,default:4},hintBackgroundColor:{type:String,default:"#fff"},hintShadow:{type:Boolean,default:!0},hintShadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},cmpZIndex:{type:Number,default:3e3},editable:{type:Boolean,default:!0}},data:function(){return{loading:!0,mmkey:Ni(),bp:null,mode:"popup",kind:"click",isolated:!0,transitionTime:200,triggerWidth:null,contentStyle:"",contentEditor:null,showPopper:!1,placement:"bottom-start",placementDistX:0,placementDistY:-15,valueTrans:"",useHint:""}},mounted:function(){let n=this;(async function(){await $r((()=>void 0!==n.$el)),await eo(n.pathItems);let e=window.Vditor;await $r((()=>Oi(Tn(n,"$refs.divVditor"))));let t=n.$refs.divVditor;n.contentEditor=new e(t,n.useSettings),await $r((()=>Di(Tn(n,"contentEditor.vditor")))),n.loading=!1,n.valueTrans=n.value,n.contentEditor.setValue(n.value)})().catch((n=>{console.log(n)}));let e="change-show-popper";n.bp=new Lu(n,n.funGetDivTrigger,n.funGetDivContent,"showPopper",e,{addTriggerMode:rx,checkTriggerEffMode:ox,removeTriggerMode:ix}),n.bp.on(e,(e=>{e||(n.useHint="")})),n.bp.mounted()},beforeDestroy:function(){let n=this;n.contentEditor&&(n.contentEditor.destroy(),n.contentEditor=null),n.bp&&n.bp.destroy()},computed:{keyHints:function(){let n=this,e=n.keyHint;return An(n.keyHint)&&(e=[n.keyHint]),e},useSettings:function(){let n=this,e={...lx,...n.settings};e.height=n.height;let t=[];return De(n.keyHints,(n=>{if(!An(n))return!0;let e={key:n,hint:async e=>[{html:`<div name="tar" tpht="${n}" style="display:none;"></div>`,value:""}]};t.push(e)})),e.hint.extend=t,e.input=e=>{n.valueTrans=e,n.detectAndShowHint(e),n.$emit("input",e)},e},changeValue:function(){let n=this.value;return this.relaValue(n),""},changeEditable:function(){let n=this.editable;return this.relaEditable(n),""},changeShowPopper:function(){let n=this,e=n.showPopper;return n.isolated||n.updateValue(e,"changeShowPopper"),""},useHintBorderRadius:function(){let n=this;return yi(n.hintBorderRadius)?`border-radius:${n.hintBorderRadius}px;`:""},useHintBackgroundColor:function(){return ui(this.hintBackgroundColor)},useHintShadow:function(){if(!this.hintShadow)return"";let n=Ye(this.hintShadowStyle,";","");return""!==n?`box-shadow:${n};`:""}},methods:{relaValue:function(){let n=this;n.loading||n.value!==n.valueTrans&&(n.valueTrans=n.value,n.contentEditor.setValue(n.value))},relaEditable:function(){let n=this;(async function(){await $r((()=>!n.loading)),n.editable?n.contentEditor.enable():n.contentEditor.disabled()})().catch((n=>{console.log(n)}))},funGetDivTrigger:function(){let n=this,e=null;try{e=n.$el.querySelector('[class="vditor-hint"]')}catch(n){}return e},funGetDivContent:function(){return Tn(this,"$refs.divContent",null)},findAnchor:function(){let n=this,e=Xn(),t=0,r=setInterval((()=>{t++;let o=n.funGetDivTrigger();Oi(o)&&(clearInterval(r),e.resolve(o)),t>100&&(clearInterval(r),e.reject("can not find the ele"))}),50);return e},getUseHint:function(n){let e="";try{e=n.querySelector('div[name="tar"]').getAttribute("tpht")}catch(n){}return e},detectAndShowHint:function(n){let e=this;rs(e.keyHints)&&e.findAnchor().then((n=>{"none"!==n.style.display&&(e.useHint=e.getUseHint(n),e.evShow("click","call"),e.contentEditor.blur())})).catch((n=>{console.log(n)}))},evShow:function(n,e){let t=this;je(Tn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;je(Tn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;je(Tn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;je(Tn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)},insertValue:function(n,e){let t=this;if(je(Tn(t,"contentEditor.insertValue"))){t.contentEditor.insertValue(n);let e=t.contentEditor.getValue();De(t.keyHints,(n=>{e=e.replaceAll(`/ ${n}`,"")})),t.valueTrans=t.value,t.contentEditor.setValue(e),t.$emit("input",e)}}}};const dx=ax;var sx=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue,changeEditable:n.changeEditable,changeShowPopper:n.changeShowPopper}},[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{staticClass:"WVditorFix",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},[t("div",{ref:"divVditor"}),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showPopper,expression:"showPopper"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.showPopper?t("div",{style:n.contentStyle+" background:"+n.useHintBackgroundColor+"; "+n.useHintBorderRadius+" "+n.useHintShadow},[n._t("content",null,{hint:n.useHint,funInsert:function(e){n.insertValue(e,"slot")},funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])],1)};sx._withStripped=!0;const ux=t({render:sx,staticRenderFns:[]},(function(n){n&&n("data-v-5eb96e42_0",{source:'\n.WPopperFix[data-popper-reference-hidden][data-v-5eb96e42] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.WVditorFix[data-v-5eb96e42] .vditor-reset {\r\n    font-size: inherit;\n}\n.WVditorFix[data-v-5eb96e42] div.vditor-hint:has(div[name="tar"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\n}\r\n',map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WVditorDyn.vue"],names:[],mappings:";AAmxBA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA,oEAAA,6BAAA;IACA,kBAAA;IACA,oBAAA;IACA,aAAA;AACA",file:"WVditorDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeEditable=\"changeEditable\"\r\n        :changeShowPopper=\"changeShowPopper\"\r\n    >\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div\r\n            class=\"WVditorFix\"\r\n            :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\"\r\n        >\r\n\r\n            <div ref=\"divVditor\"></div>\r\n\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${cmpZIndex};`\"\r\n                v-show=\"showPopper\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <div\r\n                    :style=\"`${contentStyle} background:${useHintBackgroundColor}; ${useHintBorderRadius} ${useHintShadow}`\"\r\n                    v-if=\"showPopper\"\r\n                >\r\n                    <slot\r\n                        name=\"content\"\r\n                        :hint=\"useHint\"\r\n                        :funInsert=\"(v)=>{insertValue(v,'slot')}\"\r\n                        :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                    ></slot>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport each from 'lodash-es/each.js'\r\nimport last from 'lodash-es/last.js'\r\nimport pull from 'lodash-es/pull.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport isestr from 'wsemi/src/isestr.mjs'\r\nimport iseobj from 'wsemi/src/iseobj.mjs'\r\nimport isearr from 'wsemi/src/isearr.mjs'\r\nimport isEle from 'wsemi/src/isEle.mjs'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\nlet def_settings = {\r\n    mode: 'wysiwyg', //sv: 雙欄位, ir:即時渲染, wysiwyg:所見即所得\r\n    // debugger: true,\r\n    // height: 500,\r\n    // placeholder: '請輸入Markdown格式文字',\r\n    theme: 'classic',\r\n    lang: 'zh_TW',\r\n    counter: {\r\n        enable: false,\r\n        type: 'markdown',\r\n    },\r\n    tab: '\\t',\r\n    typewriterMode: true,\r\n    toolbarConfig: {\r\n        pin: true\r\n    },\r\n    cache: {\r\n        enable: false\r\n    },\r\n    toolbar: [\r\n        // 'emoji',\r\n        'headings',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'link',\r\n        '|',\r\n        'list',\r\n        'ordered-list',\r\n        // 'check',\r\n        'outdent',\r\n        'indent',\r\n        '|',\r\n        'quote',\r\n        'line',\r\n        // 'code',\r\n        // 'inline-code',\r\n        'insert-before',\r\n        'insert-after',\r\n        '|',\r\n        // 'record',\r\n        'table',\r\n        '|',\r\n        'undo',\r\n        'redo',\r\n        '|',\r\n        'edit-mode',\r\n        // 'content-theme',\r\n        // 'code-theme',\r\n        'export',\r\n        // {\r\n        //     name: 'more',\r\n        //     toolbar: [\r\n        //         'fullscreen',\r\n        //         'both',\r\n        //         // 'preview',\r\n        //         // 'info',\r\n        //         // 'help',\r\n        //     ],\r\n        // },\r\n        // {\r\n        //     hotkey: '⇧⌘S',\r\n        //     name: 'sponsor',\r\n        //     tipPosition: 's',\r\n        //     tip: 'toolbar icon tip',\r\n        //     className: 'right',\r\n        //     icon: '<svg></svg>',\r\n        //     click: () => {\r\n        //         console.log('toolbar click')\r\n        //     },\r\n        // },\r\n    ],\r\n    hint: {\r\n        parse: true,\r\n        delay: 0,\r\n        extend: [\r\n            // {\r\n            //     key: 'md',\r\n            //     hint: async (value) => {\r\n            //         console.log('hint.extend hint', value)\r\n            //         let ts = [\r\n            //             {\r\n            //                 html: '<h6>md1</h6>',\r\n            //                 value: '[google](https://www.google.com/)',\r\n            //             },\r\n            //             {\r\n            //                 html: `<div>md2 <span style=\"color:#f26;\">test2</span></div>`,\r\n            //                 value: 'vvv2',\r\n            //             },\r\n            //         ]\r\n            //         return ts\r\n            //     },\r\n            // },\r\n        ],\r\n    },\r\n    // input: (msg) => {\r\n    //     console.log('input', msg)\r\n    // },\r\n    preview: {\r\n        maxWidth: 1e10,\r\n        delay: 0,\r\n        actions: [], //['desktop', 'tablet', 'mobile', 'mp-wechat', 'zhihu'] //移除分享按鈕\r\n        hljs: {\r\n            style: 'monokai',\r\n            lineNumber: true\r\n        },\r\n        // parse: (ele) => { //預覽回調\r\n        //     console.log('preview.parse', ele) //僅分割預覽之預覽區有效\r\n        //     return ele\r\n        // },\r\n        // transform: (h) => { //渲染之前回調\r\n        //     console.log('preview.transform', h) //僅分割預覽之預覽區有效\r\n        //     return h\r\n        // },\r\n    },\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入vditor套件的css與js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {String} [value=''] 輸入富文本字串，預設為''\r\n * @vue-prop {Number} [height=250] 輸入高度數字，單位為px，預設為250\r\n * @vue-prop {Object} [settings={}] 輸入vditor設定物件，預設值為{}，內部預設值詳見vditor原始碼\r\n * @vue-prop {String|Array} [keyHint=''] 輸入打字時調用提示區字串或陣列，例如若給予'ht'，則輸入「/ ht」或「@ ht」則可顯示提示區，或給予['ht','kw']陣列，預設為''\r\n * @vue-prop {Number} [hintBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [hintBackgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Boolean} [hintShadow=true] 輸入提示窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [hintShadowStyle=''] 輸入提示窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css',\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js',\r\n            ],\r\n        },\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        height: {\r\n            type: Number,\r\n            default: 250,\r\n        },\r\n        settings: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        keyHint: {\r\n            type: [String, Array],\r\n            default: '',\r\n        },\r\n        hintBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        hintBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        hintShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hintShadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            loading: true,\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            bp: null,\r\n\r\n            mode: 'popup', //tooltip, popup\r\n            kind: 'click', //hover, click\r\n            isolated: true, //因完全使用事件觸發, 故isolated=true\r\n            transitionTime: 200,\r\n            triggerWidth: null,\r\n            contentStyle: '',\r\n\r\n            contentEditor: null,\r\n\r\n            showPopper: false,\r\n            placement: 'bottom-start', //定位左下\r\n            placementDistX: 0,\r\n            placementDistY: -15,\r\n\r\n            valueTrans: '',\r\n\r\n            useHint: '',\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        async function core() {\r\n\r\n            //wait $el\r\n            await waitFun(() => {\r\n                return vo.$el !== undefined\r\n            })\r\n\r\n            //importResExt\r\n            await importResExt(vo.pathItems)\r\n            // console.log('res', res)\r\n\r\n            //Vditor\r\n            let Vditor = window['Vditor']\r\n            // console.log('Vditor', Vditor)\r\n\r\n            //wait divVditor, 因loading=false之後才能開始顯示divVditor, 故須等待divVditor是否出現\r\n            await waitFun(() => {\r\n                let ele = get(vo, '$refs.divVditor')\r\n                return isEle(ele)\r\n            })\r\n\r\n            //divVditor\r\n            let divVditor = vo.$refs.divVditor\r\n            // console.log('divVditor', divVditor)\r\n\r\n            //contentEditor\r\n            vo.contentEditor = new Vditor(divVditor, vo.useSettings)\r\n            // console.log('contentEditor', vo.contentEditor)\r\n\r\n            //wait contentEditor, 因new Vditor後會需一小段時間初始化, 故須等待vditor來判斷vditor是否初始化完成\r\n            await waitFun(() => {\r\n                // let getCurrentMode = get(vo, 'contentEditor.getCurrentMode') //因contentEditor.getCurrentMode是原型已為function, 故無法用此做判斷\r\n                // return isfun(getCurrentMode)\r\n                let v = get(vo, 'contentEditor.vditor')\r\n                return iseobj(v)\r\n            })\r\n            // console.log(`vo.contentEditor.getCurrentMode()`, vo.contentEditor.getCurrentMode())\r\n\r\n            //loading, 組件不依照loading顯隱, loading為依賴、組件完成載入、組件初始化後才改為false\r\n            vo.loading = false\r\n\r\n            //update valueTrans, 於mounted進行第1次賦值觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue, 於mounted進行第1次賦值, 之後給computed偵測修改\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 於組件內初始化第一次觸發故不須emit\r\n            // vo.$emit('input', value)\r\n\r\n        }\r\n\r\n        //core\r\n        core()\r\n            .catch((err) => {\r\n                console.log(err)\r\n            })\r\n\r\n        //BuildPopper\r\n        let keyShow = 'showPopper'\r\n        let evNameValue = 'change-show-popper'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                addTriggerMode,\r\n                checkTriggerEffMode,\r\n                removeTriggerMode,\r\n            })\r\n\r\n        //監聽evNameValue\r\n        vo.bp.on(evNameValue, (showPopper) => {\r\n            // console.log(vo.mmkey, 'bp.on', evNameValue, showPopper)\r\n            if (!showPopper) { //僅處理隱藏事件\r\n                vo.useHint = '' //隱藏時清空useHint\r\n            }\r\n        })\r\n\r\n        //mounted\r\n        vo.bp.mounted()\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //destroy\r\n        if (vo.contentEditor) {\r\n            vo.contentEditor.destroy()\r\n            vo.contentEditor = null\r\n        }\r\n\r\n        //destroy\r\n        if (vo.bp) {\r\n            vo.bp.destroy()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        keyHints: function() {\r\n            let vo = this\r\n\r\n            //hts\r\n            let hts = vo.keyHint\r\n            if (isestr(vo.keyHint)) {\r\n                hts = [vo.keyHint]\r\n            }\r\n            // console.log('hts', hts)\r\n\r\n            return hts\r\n        },\r\n\r\n        useSettings: function() {\r\n            //console.log('computed useSettings')\r\n\r\n            let vo = this\r\n\r\n            let st = {\r\n                ...def_settings,\r\n                ...vo.settings,\r\n            }\r\n            // console.log('st', st)\r\n\r\n            //add height\r\n            st.height = vo.height\r\n\r\n            //extend\r\n            let extend = []\r\n            each(vo.keyHints, (v) => {\r\n                if (!isestr(v)) {\r\n                    return true //跳出換下一個\r\n                }\r\n                let ht = {\r\n                    key: v,\r\n                    hint: async (value) => {\r\n                        // console.log('hint.extend hint', value)\r\n                        let ts = [\r\n                            {\r\n                                html: `<div name=\"tar\" tpht=\"${v}\" style=\"display:none;\"></div>`,\r\n                                value: '',\r\n                            },\r\n                        ]\r\n                        return ts\r\n                    },\r\n                }\r\n                extend.push(ht)\r\n            })\r\n            st.hint.extend = extend\r\n            // console.log('st.hint.extend', st.hint.extend)\r\n\r\n            //add input\r\n            st.input = (value) => {\r\n                // console.log(vo.mmkey, 'input', value)\r\n\r\n                //update valueTrans, 由組件內input觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = value\r\n\r\n                //detectAndShowHint\r\n                vo.detectAndShowHint(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n            // console.log('st', st)\r\n            return st\r\n        },\r\n\r\n        changeValue: function() {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n\r\n            //relaValue\r\n            vo.relaValue(value)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeEditable: function() {\r\n            //console.log('computed changeEditable')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let editable = vo.editable\r\n\r\n            //relaEditable\r\n            vo.relaEditable(editable)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeShowPopper: function () {\r\n            //console.log('computed changeShowPopper')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let showPopper = vo.showPopper\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(showPopper, 'changeShowPopper')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useHintBorderRadius: function() {\r\n            //console.log('computed useHintBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.hintBorderRadius)) {\r\n                return `border-radius:${vo.hintBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useHintBackgroundColor: function() {\r\n            //console.log('computed useHintBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.hintBackgroundColor)\r\n        },\r\n\r\n        useHintShadow: function() {\r\n            //console.log('computed useHintShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hintShadow) {\r\n                return ''\r\n            }\r\n\r\n            //hintShadowStyle\r\n            let s = replace(vo.hintShadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        relaValue: function() {\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            //避免使用waitFun, 因多組件value非同步更新, 會導致打字時或hint時連動觸發更新value問題\r\n            //第1次調用value為空字串, 第2次loading可能為true, 此處統一處理loading=false情形\r\n            if (vo.loading) {\r\n                return\r\n            }\r\n\r\n            //check, 避免多組件時使用hint會反覆觸發\r\n            if (vo.value === vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //update valueTrans, 由組件外變更value觸發, 故須再另外儲存至valueTrans\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 由外部變更value觸發故不須emit\r\n            // vo.$emit('input', value)\r\n\r\n        },\r\n\r\n        relaEditable: function() {\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait\r\n                await waitFun(() => {\r\n                    return !vo.loading\r\n                })\r\n\r\n                //editable\r\n                if (vo.editable) {\r\n                    vo.contentEditor.enable()\r\n                }\r\n                else {\r\n                    vo.contentEditor.disabled()\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = null\r\n            try {\r\n                // let eles = vo.$el.querySelectorAll('[class=\"vditor-hint\"]')\r\n                // divTrigger = eles[0]\r\n                divTrigger = vo.$el.querySelector('[class=\"vditor-hint\"]')\r\n            }\r\n            catch (err) {}\r\n            return divTrigger\r\n        },\r\n\r\n        funGetDivContent: function() {\r\n            let vo = this\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n            return divContent\r\n        },\r\n\r\n        findAnchor: function() {\r\n            let vo = this\r\n\r\n            let pm = genPm()\r\n\r\n            let n = 0\r\n            let t = setInterval(() => {\r\n                n++\r\n\r\n                //funGetDivTrigger\r\n                let ele = vo.funGetDivTrigger()\r\n\r\n                //check\r\n                if (isEle(ele)) {\r\n                    clearInterval(t)\r\n                    pm.resolve(ele)\r\n                }\r\n\r\n                //check\r\n                if (n > 100) {\r\n                    clearInterval(t)\r\n                    pm.reject('can not find the ele')\r\n                }\r\n\r\n            }, 50)\r\n\r\n            return pm\r\n        },\r\n\r\n        getUseHint: function(divTrigger) {\r\n            // let vo = this\r\n\r\n            //tpht\r\n            let tpht = ''\r\n            try {\r\n                tpht = divTrigger.querySelector('div[name=\"tar\"]').getAttribute('tpht')\r\n            }\r\n            catch (err) {}\r\n\r\n            return tpht\r\n        },\r\n\r\n        detectAndShowHint: function(v) {\r\n            let vo = this\r\n\r\n            //check\r\n            if (!isearr(vo.keyHints)) {\r\n                return\r\n            }\r\n\r\n            //findAnchor\r\n            vo.findAnchor()\r\n                .then((divTrigger) => {\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //check\r\n                    if (divTrigger.style.display === 'none') {\r\n                        return\r\n                    }\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //完全透明\r\n                    // divTrigger.style.opacity = 0 //因顯示之後再偵測隱藏會有顯隱問題, 使用者體驗不佳, 改為使用css強制隱藏\r\n\r\n                    //顯示時取得與儲存useHint\r\n                    vo.useHint = vo.getUseHint(divTrigger)\r\n                    // console.log('divTrigger', divTrigger, 'useHint', vo.useHint)\r\n\r\n                    //evShow\r\n                    vo.evShow('click', 'call')\r\n\r\n                    //blur, 編輯器移除焦點, 避免使用者此時通過鍵盤刪除或再變更\r\n                    vo.contentEditor.blur()\r\n\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evShow')\r\n            if (isfun(f)) {\r\n                vo.bp.evShow(kind, from)\r\n            }\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evHide')\r\n            if (isfun(f)) {\r\n                vo.bp.evHide(kind, from)\r\n            }\r\n        },\r\n\r\n        updatePopper: function(msg, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updatePopper')\r\n            if (isfun(f)) {\r\n                vo.bp.updatePopper(msg, from)\r\n            }\r\n        },\r\n\r\n        updateValue: function(value, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updateValue')\r\n            if (isfun(f)) {\r\n                vo.bp.updateValue(value, from)\r\n            }\r\n        },\r\n\r\n        insertValue: function(v, from) {\r\n            let vo = this\r\n            let f = get(vo, 'contentEditor.insertValue')\r\n            if (isfun(f)) {\r\n\r\n                //insertValue\r\n                vo.contentEditor.insertValue(v)\r\n\r\n                //取得當前value\r\n                let value = vo.contentEditor.getValue()\r\n\r\n                //取代hint符號\r\n                // console.log('value(ori)', value)\r\n                each(vo.keyHints, (keyHint) => {\r\n                    value = value.replaceAll(`/ ${keyHint}`, '')\r\n                })\r\n                // console.log('value(replace)', value)\r\n\r\n                //update valueTrans, 由組件內insertValue觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = vo.value\r\n\r\n                //setValue\r\n                vo.contentEditor.setValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n.WVditorFix >>> .vditor-reset {\r\n    font-size: inherit;\r\n}\r\n.WVditorFix >>> div.vditor-hint:has(div[name=\"tar\"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),dx,"data-v-5eb96e42",false,undefined,!1,o,void 0,void 0);let cx={install:function(n){n.component("teleport",s),n.component("w-aggrid-vue-dyn",mi),n.prototype.$alert=ol,n.component("w-badge",Ca),n.component("w-button-chip",Eu),n.component("w-button-circle",Qu),n.component("w-checkbox",ec),n.component("w-ckeditor-vue-dyn",oc),n.component("w-color-pick-alpha",dc),n.component("w-color-pick-hexagon",vc),n.component("w-color-pick-hexagon-gray",kc),n.component("w-color-pick-hsv",Ac),n.component("w-color-pick-hue",Xc),n.component("w-color-pick-stripe",xc),n.component("w-color-select",Sh),n.component("w-color-select-input",yh),n.component("w-color-select-panel",Oc),n.component("w-color-select-panel-block",Gc),n.component("w-color-select-panel-hsva",_c),n.component("w-confirm",Xh),n.component("w-dialog",Ah),n.component("w-drawer",Vh),n.component("w-dropfiles",_h),n.component("w-dynamic-list",cg),n.component("w-echarts-vue-dyn",hg),n.component("w-explorer",$m),n.component("w-group-baggage",Um),n.component("w-group-baggage-item",Om),n.component("w-group-chip-check",tp),n.component("w-group-chip-radio",ip),n.component("w-group-dragdrop",ev),n.component("w-group-icon-check",iv),n.component("w-group-icon-radio",dv),n.component("w-group-tags",yv),n.component("w-highcharts-bitmap-dyn",Sv),n.component("w-highcharts-vue-dyn",kv),n.component("w-highstock-vue-dyn",Hv),n.component("w-icon",ls),n.component("w-icon-loading",fi),n.component("w-image-cascading-dyn",Mv),n.component("w-image-lazy",Uv),n.component("w-image-viewer-dyn",ty),n.component("w-input-checkbox",ly),n.component("w-input-radio",sy),n.component("w-json-view",Fy),n.component("w-leaflet-vue-dyn",Py),n.component("w-level-grade",Vy),n.component("w-list-check",jy),n.component("w-list-expand",Jy),n.component("w-list-expand-item",$y),n.component("w-list-horizontal",nb),n.component("w-list-item",Tm),n.component("w-list-radio",rb),n.component("w-list-vertical",Wm),n.component("w-panel-avatar",ab),n.component("w-panel-bulge",ub),n.component("w-panel-divide-horizontal",fb),n.component("w-panel-divide-vertical",vb),n.component("w-panel-label-item",dp),n.component("w-panel-scale",Cb),n.component("w-panel-scrolly",Im),n.component("w-panel-scrolly-core",lg),n.component("w-panel-stripe",Ib),n.component("w-popup",zc),n.component("w-popup-edit-text",Tb),n.component("w-progress-bar",Wb),n.component("w-progress-circle",Xb),n.component("w-quill-vue-dyn",Lb),n.component("w-segments-vertical",Db),n.component("w-shell-bottom-line",hp),n.component("w-shell-ellipse",cp),n.component("w-slider",hh),n.component("w-switch",Yb),n.component("w-table-dyn",Jb),n.component("w-text",Ip),n.component("w-textarea",rC),n.component("w-textarea-core",nC),n.component("w-text-core",Cp),n.component("w-text-int",sC),n.component("w-text-int-core",lC),n.component("w-text-select",pC),n.component("w-text-suggest",hv),n.component("w-text-suggest-core",cv),n.component("w-threejs-vue-dyn",gC),n.component("w-timeday",kC),n.component("w-timeday-core",SC),n.component("w-timeday-core-re",XC),n.component("w-timeday-range",NC),n.component("w-timeday-range-core",LC),n.component("w-timeminute",$C),n.component("w-timeminute-core",KC),n.component("w-timeminute-range",UC),n.component("w-timeminute-range-core",OC),n.component("w-tinymce-vue-dyn",ex),n.component("w-tooltip",Ku),n.component("w-tree",jm),n.component("w-tree-icon-checkbox",zm),n.component("w-tree-icon-toggle",Pm),n.component("w-vditor-dyn",ux)}};return t({},undefined,cx,undefined,undefined,undefined,!1,void 0,void 0,void 0)}));
+!function(n,e){n.exports=function(){function n(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function e(n,e){for(var t=0;t<e.length;t++){var r=e[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(n,a(r.key),r)}}function t(n,t,r){return t&&e(n.prototype,t),r&&e(n,r),Object.defineProperty(n,"prototype",{writable:!1}),n}function r(n,e,t){return(e=a(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function o(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function i(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?o(Object(t),!0).forEach((function(e){r(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function l(n,e){if("object"!=typeof n||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var r=t.call(n,e||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}function a(n){var e=l(n,"string");return"symbol"==typeof e?e:e+""}function d(n){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},d(n)}var s={backdrop:!0,button:!0,navbar:!0,title:!0,toolbar:!0,className:"",container:"body",filter:null,fullscreen:!0,inheritedAttributes:["crossOrigin","decoding","isMap","loading","referrerPolicy","sizes","srcset","useMap"],initialCoverage:.9,initialViewIndex:0,inline:!1,interval:5e3,keyboard:!0,focus:!0,loading:!0,loop:!0,minWidth:200,minHeight:100,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,slideOnTouch:!0,toggleOnDblclick:!0,tooltip:!0,transition:!0,zIndex:2015,zIndexInline:0,zoomRatio:.1,minZoomRatio:.01,maxZoomRatio:100,url:"src",ready:null,show:null,shown:null,hide:null,hidden:null,view:null,viewed:null,move:null,moved:null,rotate:null,rotated:null,scale:null,scaled:null,zoom:null,zoomed:null,play:null,stop:null},u='<div class="viewer-container" tabindex="-1" touch-action="none"><div class="viewer-canvas"></div><div class="viewer-footer"><div class="viewer-title"></div><div class="viewer-toolbar"></div><div class="viewer-navbar"><ul class="viewer-list" role="navigation"></ul></div></div><div class="viewer-tooltip" role="alert" aria-hidden="true"></div><div class="viewer-button" data-viewer-action="mix" role="button"></div><div class="viewer-player"></div></div>',c="undefined"!=typeof window&&void 0!==window.document,p=c?window:{},f=!(!c||!p.document.documentElement)&&"ontouchstart"in p.document.documentElement,h=!!c&&"PointerEvent"in p,g="viewer",m="move",v="switch",y="zoom",b="".concat(g,"-active"),C="".concat(g,"-close"),x="".concat(g,"-fade"),S="".concat(g,"-fixed"),I="".concat(g,"-fullscreen"),w="".concat(g,"-fullscreen-exit"),k="".concat(g,"-hide"),T="".concat(g,"-hide-md-down"),B="".concat(g,"-hide-sm-down"),H="".concat(g,"-hide-xs-down"),A="".concat(g,"-in"),W="".concat(g,"-invisible"),F="".concat(g,"-loading"),Z="".concat(g,"-move"),X="".concat(g,"-open"),P="".concat(g,"-show"),R="".concat(g,"-transition"),L="click",z="dblclick",V="dragstart",N="focusin",D="keydown",G="load",j="error",K=f?"touchend touchcancel":"mouseup",Y=f?"touchmove":"mousemove",_=f?"touchstart":"mousedown",$=h?"pointerdown":_,E=h?"pointermove":Y,M=h?"pointerup pointercancel":K,O="resize",J="transitionend",Q="wheel",U="ready",q="show",nn="shown",en="hide",tn="hidden",rn="view",on="viewed",ln="move",an="moved",dn="rotate",sn="rotated",un="scale",cn="scaled",pn="zoom",fn="zoomed",hn="play",gn="stop",mn="".concat(g,"Action"),vn=/\s\s*/,yn=["zoom-in","zoom-out","one-to-one","reset","prev","play","next","rotate-left","rotate-right","flip-horizontal","flip-vertical"];function bn(n){return"string"==typeof n}var Cn=Number.isNaN||p.isNaN;function xn(n){return"number"==typeof n&&!Cn(n)}function Sn(n){return void 0===n}function In(n){return"object"===d(n)&&null!==n}var wn=Object.prototype.hasOwnProperty;function kn(n){if(!In(n))return!1;try{var e=n.constructor,t=e.prototype;return e&&t&&wn.call(t,"isPrototypeOf")}catch(n){return!1}}function Tn(n){return"function"==typeof n}function Bn(n,e){if(n&&Tn(e))if(Array.isArray(n)||xn(n.length)){var t,r=n.length;for(t=0;t<r&&!1!==e.call(n,n[t],t,n);t+=1);}else In(n)&&Object.keys(n).forEach((function(t){e.call(n,n[t],t,n)}));return n}var Hn=Object.assign||function(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return In(n)&&t.length>0&&t.forEach((function(e){In(e)&&Object.keys(e).forEach((function(t){n[t]=e[t]}))})),n},An=/^(?:width|height|left|top|marginLeft|marginTop)$/;function Wn(n,e){var t=n.style;Bn(e,(function(n,e){An.test(e)&&xn(n)&&(n+="px"),t[e]=n}))}function Fn(n){return bn(n)?n.replace(/&(?!amp;|quot;|#39;|lt;|gt;)/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;"):n}function Zn(n,e){return!(!n||!e)&&(n.classList?n.classList.contains(e):n.className.indexOf(e)>-1)}function Xn(n,e){if(n&&e)if(xn(n.length))Bn(n,(function(n){Xn(n,e)}));else if(n.classList)n.classList.add(e);else{var t=n.className.trim();t?t.indexOf(e)<0&&(n.className="".concat(t," ").concat(e)):n.className=e}}function Pn(n,e){n&&e&&(xn(n.length)?Bn(n,(function(n){Pn(n,e)})):n.classList?n.classList.remove(e):n.className.indexOf(e)>=0&&(n.className=n.className.replace(e,"")))}function Rn(n,e,t){e&&(xn(n.length)?Bn(n,(function(n){Rn(n,e,t)})):t?Xn(n,e):Pn(n,e))}var Ln=/([a-z\d])([A-Z])/g;function zn(n){return n.replace(Ln,"$1-$2").toLowerCase()}function Vn(n,e){return In(n[e])?n[e]:n.dataset?n.dataset[e]:n.getAttribute("data-".concat(zn(e)))}function Nn(n,e,t){In(t)?n[e]=t:n.dataset?n.dataset[e]=t:n.setAttribute("data-".concat(zn(e)),t)}var Dn=function(){var n=!1;if(c){var e=!1,t=function(){},r=Object.defineProperty({},"once",{get:function(){return n=!0,e},set:function(n){e=n}});p.addEventListener("test",t,r),p.removeEventListener("test",t,r)}return n}();function Gn(n,e,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t;e.trim().split(vn).forEach((function(e){if(!Dn){var i=n.listeners;i&&i[e]&&i[e][t]&&(o=i[e][t],delete i[e][t],0===Object.keys(i[e]).length&&delete i[e],0===Object.keys(i).length&&delete n.listeners)}n.removeEventListener(e,o,r)}))}function jn(n,e,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=t;e.trim().split(vn).forEach((function(e){if(r.once&&!Dn){var i=n.listeners,l=void 0===i?{}:i;o=function(){delete l[e][t],n.removeEventListener(e,o,r);for(var i=arguments.length,a=new Array(i),d=0;d<i;d++)a[d]=arguments[d];t.apply(n,a)},l[e]||(l[e]={}),l[e][t]&&n.removeEventListener(e,l[e][t],r),l[e][t]=o,n.listeners=l}n.addEventListener(e,o,r)}))}function Kn(n,e,t,r){var o;return Tn(Event)&&Tn(CustomEvent)?o=new CustomEvent(e,i({bubbles:!0,cancelable:!0,detail:t},r)):(o=document.createEvent("CustomEvent")).initCustomEvent(e,!0,!0,t),n.dispatchEvent(o)}function Yn(n){var e=n.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}function _n(n){var e=n.rotate,t=n.scaleX,r=n.scaleY,o=n.translateX,i=n.translateY,l=[];xn(o)&&0!==o&&l.push("translateX(".concat(o,"px)")),xn(i)&&0!==i&&l.push("translateY(".concat(i,"px)")),xn(e)&&0!==e&&l.push("rotate(".concat(e,"deg)")),xn(t)&&1!==t&&l.push("scaleX(".concat(t,")")),xn(r)&&1!==r&&l.push("scaleY(".concat(r,")"));var a=l.length?l.join(" "):"none";return{WebkitTransform:a,msTransform:a,transform:a}}function $n(n){return bn(n)?decodeURIComponent(n.replace(/^.*\//,"").replace(/[?&#].*$/,"")):""}var En=p.navigator&&/Version\/\d+(\.\d+)+?\s+Safari/i.test(p.navigator.userAgent);function Mn(n,e,t){var r=document.createElement("img");if(n.naturalWidth&&!En)return t(n.naturalWidth,n.naturalHeight),r;var o=document.body||document.documentElement;return r.onload=function(){t(r.width,r.height),En||o.removeChild(r)},Bn(e.inheritedAttributes,(function(e){var t=n.getAttribute(e);null!==t&&r.setAttribute(e,t)})),r.src=n.src,En||(r.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",o.appendChild(r)),r}function On(n){switch(n){case 2:return H;case 3:return B;case 4:return T;default:return""}}function Jn(n){var e=i({},n),t=[];return Bn(n,(function(n,r){delete e[r],Bn(e,(function(e){var r=Math.abs(n.startX-e.startX),o=Math.abs(n.startY-e.startY),i=Math.abs(n.endX-e.endX),l=Math.abs(n.endY-e.endY),a=Math.sqrt(r*r+o*o),d=(Math.sqrt(i*i+l*l)-a)/a;t.push(d)}))})),t.sort((function(n,e){return Math.abs(n)<Math.abs(e)})),t[0]}function Qn(n,e){var t=n.pageX,r=n.pageY,o={endX:t,endY:r};return e?o:i({timeStamp:Date.now(),startX:t,startY:r},o)}function Un(n){var e=0,t=0,r=0;return Bn(n,(function(n){var o=n.startX,i=n.startY;e+=o,t+=i,r+=1})),{pageX:e/=r,pageY:t/=r}}var qn,ne={render:function(){this.initContainer(),this.initViewer(),this.initList(),this.renderViewer()},initBody:function(){var n=this.element.ownerDocument,e=n.body||n.documentElement;this.body=e,this.scrollbarWidth=window.innerWidth-n.documentElement.clientWidth,this.initialBodyPaddingRight=e.style.paddingRight,this.initialBodyComputedPaddingRight=window.getComputedStyle(e).paddingRight},initContainer:function(){this.containerData={width:window.innerWidth,height:window.innerHeight}},initViewer:function(){var n,e=this.options,t=this.parent;e.inline&&(n={width:Math.max(t.offsetWidth,e.minWidth),height:Math.max(t.offsetHeight,e.minHeight)},this.parentData=n),!this.fulled&&n||(n=this.containerData),this.viewerData=Hn({},n)},renderViewer:function(){this.options.inline&&!this.fulled&&Wn(this.viewer,this.viewerData)},initList:function(){var n=this,e=this.element,t=this.options,r=this.list,o=[];r.innerHTML="",Bn(this.images,(function(e,i){var l=e.src,a=e.alt||$n(l),d=n.getImageURL(e);if(l||d){var s=document.createElement("li"),u=document.createElement("img");Bn(t.inheritedAttributes,(function(n){var t=e.getAttribute(n);null!==t&&u.setAttribute(n,t)})),t.navbar&&(u.src=l||d),u.alt=a,u.setAttribute("data-original-url",d||l),s.setAttribute("data-index",i),s.setAttribute("data-viewer-action","view"),s.setAttribute("role","button"),t.keyboard&&s.setAttribute("tabindex",0),s.appendChild(u),r.appendChild(s),o.push(s)}})),this.items=o,Bn(o,(function(e){var r,o,i=e.firstElementChild;Nn(i,"filled",!0),t.loading&&Xn(e,F),jn(i,G,r=function(r){Gn(i,j,o),t.loading&&Pn(e,F),n.loadImage(r)},{once:!0}),jn(i,j,o=function(){Gn(i,G,r),t.loading&&Pn(e,F)},{once:!0})})),t.transition&&jn(e,on,(function(){Xn(r,R)}),{once:!0})},renderList:function(){var n=this.index,e=this.items[n];if(e){var t=e.nextElementSibling,r=parseInt(window.getComputedStyle(t||e).marginLeft,10),o=e.offsetWidth,i=o+r;Wn(this.list,Hn({width:i*this.length-r},_n({translateX:(this.viewerData.width-o)/2-i*n})))}},resetList:function(){var n=this.list;n.innerHTML="",Pn(n,R),Wn(n,_n({translateX:0}))},initImage:function(n){var e,t=this,r=this.options,o=this.image,i=this.viewerData,l=this.footer.offsetHeight,a=i.width,d=Math.max(i.height-l,l),s=this.imageData||{};this.imageInitializing={abort:function(){e.onload=null}},e=Mn(o,r,(function(e,o){var i=e/o,l=Math.max(0,Math.min(1,r.initialCoverage)),u=a,c=d;t.imageInitializing=!1,d*i>a?c=a/i:u=d*i,l=xn(l)?l:.9,u=Math.min(u*l,e),c=Math.min(c*l,o);var p=(a-u)/2,f=(d-c)/2,h={left:p,top:f,x:p,y:f,width:u,height:c,oldRatio:1,ratio:u/e,aspectRatio:i,naturalWidth:e,naturalHeight:o},g=Hn({},h);r.rotatable&&(h.rotate=s.rotate||0,g.rotate=0),r.scalable&&(h.scaleX=s.scaleX||1,h.scaleY=s.scaleY||1,g.scaleX=1,g.scaleY=1),t.imageData=h,t.initialImageData=g,n&&n()}))},renderImage:function(n){var e=this,t=this.image,r=this.imageData;if(Wn(t,Hn({width:r.width,height:r.height,marginLeft:r.x,marginTop:r.y},_n(r))),n)if((this.viewing||this.moving||this.rotating||this.scaling||this.zooming)&&this.options.transition&&Zn(t,R)){var o=function(){e.imageRendering=!1,n()};this.imageRendering={abort:function(){Gn(t,J,o)}},jn(t,J,o,{once:!0})}else n()},resetImage:function(){var n=this.image;n&&(this.viewing&&this.viewing.abort(),n.parentNode.removeChild(n),this.image=null,this.title.innerHTML="")}},ee={bind:function(){var n=this.options,e=this.viewer,t=this.canvas,r=this.element.ownerDocument;jn(e,L,this.onClick=this.click.bind(this)),jn(e,V,this.onDragStart=this.dragstart.bind(this)),jn(t,$,this.onPointerDown=this.pointerdown.bind(this)),jn(r,E,this.onPointerMove=this.pointermove.bind(this)),jn(r,M,this.onPointerUp=this.pointerup.bind(this)),jn(r,D,this.onKeyDown=this.keydown.bind(this)),jn(window,O,this.onResize=this.resize.bind(this)),n.zoomable&&n.zoomOnWheel&&jn(e,Q,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),n.toggleOnDblclick&&jn(t,z,this.onDblclick=this.dblclick.bind(this))},unbind:function(){var n=this.options,e=this.viewer,t=this.canvas,r=this.element.ownerDocument;Gn(e,L,this.onClick),Gn(e,V,this.onDragStart),Gn(t,$,this.onPointerDown),Gn(r,E,this.onPointerMove),Gn(r,M,this.onPointerUp),Gn(r,D,this.onKeyDown),Gn(window,O,this.onResize),n.zoomable&&n.zoomOnWheel&&Gn(e,Q,this.onWheel,{passive:!1,capture:!0}),n.toggleOnDblclick&&Gn(t,z,this.onDblclick)}},te={click:function(n){var e=this.options,t=this.imageData,r=n.target,o=Vn(r,mn);switch(o||"img"!==r.localName||"li"!==r.parentElement.localName||(o=Vn(r=r.parentElement,mn)),f&&n.isTrusted&&r===this.canvas&&clearTimeout(this.clickCanvasTimeout),o){case"mix":this.played?this.stop():e.inline?this.fulled?this.exit():this.full():this.hide();break;case"hide":this.pointerMoved||this.hide();break;case"view":this.view(Vn(r,"index"));break;case"zoom-in":this.zoom(.1,!0);break;case"zoom-out":this.zoom(-.1,!0);break;case"one-to-one":this.toggle();break;case"reset":this.reset();break;case"prev":this.prev(e.loop);break;case"play":this.play(e.fullscreen);break;case"next":this.next(e.loop);break;case"rotate-left":this.rotate(-90);break;case"rotate-right":this.rotate(90);break;case"flip-horizontal":this.scaleX(-t.scaleX||-1);break;case"flip-vertical":this.scaleY(-t.scaleY||-1);break;default:this.played&&this.stop()}},dblclick:function(n){n.preventDefault(),this.viewed&&n.target===this.image&&(f&&n.isTrusted&&clearTimeout(this.doubleClickImageTimeout),this.toggle(n.isTrusted?n:n.detail&&n.detail.originalEvent))},load:function(){var n=this;this.timeout&&(clearTimeout(this.timeout),this.timeout=!1);var e=this.element,t=this.options,r=this.image,o=this.index,i=this.viewerData;Pn(r,W),t.loading&&Pn(this.canvas,F),r.style.cssText="height:0;"+"margin-left:".concat(i.width/2,"px;")+"margin-top:".concat(i.height/2,"px;")+"max-width:none!important;position:relative;width:0;",this.initImage((function(){Rn(r,Z,t.movable),Rn(r,R,t.transition),n.renderImage((function(){n.viewed=!0,n.viewing=!1,Tn(t.viewed)&&jn(e,on,t.viewed,{once:!0}),Kn(e,on,{originalImage:n.images[o],index:o,image:r},{cancelable:!1})}))}))},loadImage:function(n){var e=n.target,t=e.parentNode,r=t.offsetWidth||30,o=t.offsetHeight||50,i=!!Vn(e,"filled");Mn(e,this.options,(function(n,t){var l=n/t,a=r,d=o;o*l>r?i?a=o*l:d=r/l:i?d=r/l:a=o*l,Wn(e,Hn({width:a,height:d},_n({translateX:(r-a)/2,translateY:(o-d)/2})))}))},keydown:function(n){var e=this.options;if(e.keyboard){var t=n.keyCode||n.which||n.charCode;if(13===t&&this.viewer.contains(n.target)&&this.click(n),this.fulled)switch(t){case 27:this.played?this.stop():e.inline?this.fulled&&this.exit():this.hide();break;case 32:this.played&&this.stop();break;case 37:this.played&&this.playing?this.playing.prev():this.prev(e.loop);break;case 38:n.preventDefault(),this.zoom(e.zoomRatio,!0);break;case 39:this.played&&this.playing?this.playing.next():this.next(e.loop);break;case 40:n.preventDefault(),this.zoom(-e.zoomRatio,!0);break;case 48:case 49:n.ctrlKey&&(n.preventDefault(),this.toggle())}}},dragstart:function(n){"img"===n.target.localName&&n.preventDefault()},pointerdown:function(n){var e=this.options,t=this.pointers,r=n.buttons,o=n.button;if(this.pointerMoved=!1,!(!this.viewed||this.showing||this.viewing||this.hiding||("mousedown"===n.type||"pointerdown"===n.type&&"mouse"===n.pointerType)&&(xn(r)&&1!==r||xn(o)&&0!==o||n.ctrlKey))){n.preventDefault(),n.changedTouches?Bn(n.changedTouches,(function(n){t[n.identifier]=Qn(n)})):t[n.pointerId||0]=Qn(n);var i=!!e.movable&&m;e.zoomOnTouch&&e.zoomable&&Object.keys(t).length>1?i=y:e.slideOnTouch&&("touch"===n.pointerType||"touchstart"===n.type)&&this.isSwitchable()&&(i=v),!e.transition||i!==m&&i!==y||Pn(this.image,R),this.action=i}},pointermove:function(n){var e=this.pointers,t=this.action;this.viewed&&t&&(n.preventDefault(),n.changedTouches?Bn(n.changedTouches,(function(n){Hn(e[n.identifier]||{},Qn(n,!0))})):Hn(e[n.pointerId||0]||{},Qn(n,!0)),this.change(n))},pointerup:function(n){var e,t=this,r=this.options,o=this.action,i=this.pointers;n.changedTouches?Bn(n.changedTouches,(function(n){e=i[n.identifier],delete i[n.identifier]})):(e=i[n.pointerId||0],delete i[n.pointerId||0]),o&&(n.preventDefault(),!r.transition||o!==m&&o!==y||Xn(this.image,R),this.action=!1,f&&o!==y&&e&&Date.now()-e.timeStamp<500&&(clearTimeout(this.clickCanvasTimeout),clearTimeout(this.doubleClickImageTimeout),r.toggleOnDblclick&&this.viewed&&n.target===this.image?this.imageClicked?(this.imageClicked=!1,this.doubleClickImageTimeout=setTimeout((function(){Kn(t.image,z,{originalEvent:n})}),50)):(this.imageClicked=!0,this.doubleClickImageTimeout=setTimeout((function(){t.imageClicked=!1}),500)):(this.imageClicked=!1,r.backdrop&&"static"!==r.backdrop&&n.target===this.canvas&&(this.clickCanvasTimeout=setTimeout((function(){Kn(t.canvas,L,{originalEvent:n})}),50)))))},resize:function(){var n=this;if(this.isShown&&!this.hiding&&(this.fulled&&(this.close(),this.initBody(),this.open()),this.initContainer(),this.initViewer(),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage()})),this.played)){if(this.options.fullscreen&&this.fulled&&!(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement))return void this.stop();Bn(this.player.getElementsByTagName("img"),(function(e){jn(e,G,n.loadImage.bind(n),{once:!0}),Kn(e,G)}))}},wheel:function(n){var e=this;if(this.viewed&&(n.preventDefault(),!this.wheeling)){this.wheeling=!0,setTimeout((function(){e.wheeling=!1}),50);var t=Number(this.options.zoomRatio)||.1,r=1;n.deltaY?r=n.deltaY>0?1:-1:n.wheelDelta?r=-n.wheelDelta/120:n.detail&&(r=n.detail>0?1:-1),this.zoom(-r*t,!0,null,n)}}},re={show:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.element,t=this.options;if(t.inline||this.showing||this.isShown||this.showing)return this;if(!this.ready)return this.build(),this.ready&&this.show(n),this;if(Tn(t.show)&&jn(e,q,t.show,{once:!0}),!1===Kn(e,q)||!this.ready)return this;this.hiding&&this.transitioning.abort(),this.showing=!0,this.open();var r=this.viewer;if(Pn(r,k),r.setAttribute("role","dialog"),r.setAttribute("aria-labelledby",this.title.id),r.setAttribute("aria-modal",!0),r.removeAttribute("aria-hidden"),t.transition&&!n){var o=this.shown.bind(this);this.transitioning={abort:function(){Gn(r,J,o),Pn(r,A)}},Xn(r,R),r.initialOffsetWidth=r.offsetWidth,jn(r,J,o,{once:!0}),Xn(r,A)}else Xn(r,A),this.shown();return this},hide:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=this.element,r=this.options;if(r.inline||this.hiding||!this.isShown&&!this.showing)return this;if(Tn(r.hide)&&jn(t,en,r.hide,{once:!0}),!1===Kn(t,en))return this;this.showing&&this.transitioning.abort(),this.hiding=!0,this.played?this.stop():this.viewing&&this.viewing.abort();var o=this.viewer,i=this.image,l=function(){Pn(o,A),n.hidden()};if(r.transition&&!e){var a=function(e){e&&e.target===o&&(Gn(o,J,a),n.hidden())},d=function(){Zn(o,R)?(jn(o,J,a),Pn(o,A)):l()};this.transitioning={abort:function(){n.viewed&&Zn(i,R)?Gn(i,J,d):Zn(o,R)&&Gn(o,J,a)}},this.viewed&&Zn(i,R)?(jn(i,J,d,{once:!0}),this.zoomTo(0,!1,null,null,!0)):d()}else l();return this},view:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.options.initialViewIndex;if(e=Number(e)||0,this.hiding||this.played||e<0||e>=this.length||this.viewed&&e===this.index)return this;if(!this.isShown)return this.index=e,this.show();this.viewing&&this.viewing.abort();var t=this.element,r=this.options,o=this.title,i=this.canvas,l=this.items[e],a=l.querySelector("img"),d=Vn(a,"originalUrl"),s=a.getAttribute("alt"),u=document.createElement("img");if(Bn(r.inheritedAttributes,(function(n){var e=a.getAttribute(n);null!==e&&u.setAttribute(n,e)})),u.src=d,u.alt=s,Tn(r.view)&&jn(t,rn,r.view,{once:!0}),!1===Kn(t,rn,{originalImage:this.images[e],index:e,image:u})||!this.isShown||this.hiding||this.played)return this;var c=this.items[this.index];c&&(Pn(c,b),c.removeAttribute("aria-selected")),Xn(l,b),l.setAttribute("aria-selected",!0),r.focus&&l.focus(),this.image=u,this.viewed=!1,this.index=e,this.imageData={},Xn(u,W),r.loading&&Xn(i,F),i.innerHTML="",i.appendChild(u),this.renderList(),o.innerHTML="";var p,f,h=function(){var e=n.imageData,t=Array.isArray(r.title)?r.title[1]:r.title;o.innerHTML=Fn(Tn(t)?t.call(n,u,e):"".concat(s," (").concat(e.naturalWidth," × ").concat(e.naturalHeight,")"))};return jn(t,on,h,{once:!0}),this.viewing={abort:function(){Gn(t,on,h),u.complete?n.imageRendering?n.imageRendering.abort():n.imageInitializing&&n.imageInitializing.abort():(u.src="",Gn(u,G,p),n.timeout&&clearTimeout(n.timeout))}},u.complete?this.load():(jn(u,G,p=function(){Gn(u,j,f),n.load()},{once:!0}),jn(u,j,f=function(){Gn(u,G,p),n.timeout&&(clearTimeout(n.timeout),n.timeout=!1),Pn(u,W),r.loading&&Pn(n.canvas,F)},{once:!0}),this.timeout&&clearTimeout(this.timeout),this.timeout=setTimeout((function(){Pn(u,W),n.timeout=!1}),1e3)),this},prev:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.index-1;return e<0&&(e=n?this.length-1:0),this.view(e),this},next:function(){var n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.length-1,t=this.index+1;return t>e&&(t=n?0:e),this.view(t),this},move:function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,t=this.imageData;return this.moveTo(Sn(n)?n:t.x+Number(n),Sn(e)?e:t.y+Number(e)),this},moveTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=this.element,i=this.options,l=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&i.movable){var a=l.x,d=l.y,s=!1;if(xn(n)?s=!0:n=a,xn(t)?s=!0:t=d,s){if(Tn(i.move)&&jn(o,ln,i.move,{once:!0}),!1===Kn(o,ln,{x:n,y:t,oldX:a,oldY:d,originalEvent:r}))return this;l.x=n,l.y=t,l.left=n,l.top=t,this.moving=!0,this.renderImage((function(){e.moving=!1,Tn(i.moved)&&jn(o,an,i.moved,{once:!0}),Kn(o,an,{x:n,y:t,oldX:a,oldY:d,originalEvent:r},{cancelable:!1})}))}}return this},rotate:function(n){return this.rotateTo((this.imageData.rotate||0)+Number(n)),this},rotateTo:function(n){var e=this,t=this.element,r=this.options,o=this.imageData;if(xn(n=Number(n))&&this.viewed&&!this.played&&r.rotatable){var i=o.rotate;if(Tn(r.rotate)&&jn(t,dn,r.rotate,{once:!0}),!1===Kn(t,dn,{degree:n,oldDegree:i}))return this;o.rotate=n,this.rotating=!0,this.renderImage((function(){e.rotating=!1,Tn(r.rotated)&&jn(t,sn,r.rotated,{once:!0}),Kn(t,sn,{degree:n,oldDegree:i},{cancelable:!1})}))}return this},scaleX:function(n){return this.scale(n,this.imageData.scaleY),this},scaleY:function(n){return this.scale(this.imageData.scaleX,n),this},scale:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:n,r=this.element,o=this.options,i=this.imageData;if(n=Number(n),t=Number(t),this.viewed&&!this.played&&o.scalable){var l=i.scaleX,a=i.scaleY,d=!1;if(xn(n)?d=!0:n=l,xn(t)?d=!0:t=a,d){if(Tn(o.scale)&&jn(r,un,o.scale,{once:!0}),!1===Kn(r,un,{scaleX:n,scaleY:t,oldScaleX:l,oldScaleY:a}))return this;i.scaleX=n,i.scaleY=t,this.scaling=!0,this.renderImage((function(){e.scaling=!1,Tn(o.scaled)&&jn(r,cn,o.scaled,{once:!0}),Kn(r,cn,{scaleX:n,scaleY:t,oldScaleX:l,oldScaleY:a},{cancelable:!1})}))}}return this},zoom:function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=this.imageData;return n=(n=Number(n))<0?1/(1-n):1+n,this.zoomTo(o.width*n/o.naturalWidth,e,t,r),this},zoomTo:function(n){var e=this,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],l=this.element,a=this.options,d=this.pointers,s=this.imageData,u=s.x,c=s.y,p=s.width,f=s.height,h=s.naturalWidth,g=s.naturalHeight;if(xn(n=Math.max(0,n))&&this.viewed&&!this.played&&(i||a.zoomable)){if(!i){var m=Math.max(.01,a.minZoomRatio),v=Math.min(100,a.maxZoomRatio);n=Math.min(Math.max(n,m),v)}if(o)switch(o.type){case"wheel":a.zoomRatio>=.055&&n>.95&&n<1.05&&(n=1);break;case"pointermove":case"touchmove":case"mousemove":n>.99&&n<1.01&&(n=1)}var y=h*n,b=g*n,C=y-p,x=b-f,S=s.ratio;if(Tn(a.zoom)&&jn(l,pn,a.zoom,{once:!0}),!1===Kn(l,pn,{ratio:n,oldRatio:S,originalEvent:o}))return this;if(this.zooming=!0,o){var I=Yn(this.viewer),w=d&&Object.keys(d).length>0?Un(d):{pageX:o.pageX,pageY:o.pageY};s.x-=C*((w.pageX-I.left-u)/p),s.y-=x*((w.pageY-I.top-c)/f)}else kn(r)&&xn(r.x)&&xn(r.y)?(s.x-=C*((r.x-u)/p),s.y-=x*((r.y-c)/f)):(s.x-=C/2,s.y-=x/2);s.left=s.x,s.top=s.y,s.width=y,s.height=b,s.oldRatio=S,s.ratio=n,this.renderImage((function(){e.zooming=!1,Tn(a.zoomed)&&jn(l,fn,a.zoomed,{once:!0}),Kn(l,fn,{ratio:n,oldRatio:S,originalEvent:o},{cancelable:!1})})),t&&this.tooltip()}return this},play:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!this.isShown||this.played)return this;var t=this.element,r=this.options;if(Tn(r.play)&&jn(t,hn,r.play,{once:!0}),!1===Kn(t,hn))return this;var o=this.player,i=this.loadImage.bind(this),l=[],a=0,d=0;if(this.played=!0,this.onLoadWhenPlay=i,e&&this.requestFullscreen(e),Xn(o,P),Bn(this.items,(function(n,e){var t=n.querySelector("img"),s=document.createElement("img");s.src=Vn(t,"originalUrl"),s.alt=t.getAttribute("alt"),s.referrerPolicy=t.referrerPolicy,a+=1,Xn(s,x),Rn(s,R,r.transition),Zn(n,b)&&(Xn(s,A),d=e),l.push(s),jn(s,G,i,{once:!0}),o.appendChild(s)})),xn(r.interval)&&r.interval>0){var s=function(){clearTimeout(n.playing.timeout),Pn(l[d],A),Xn(l[d=(d-=1)>=0?d:a-1],A),n.playing.timeout=setTimeout(s,r.interval)},u=function(){clearTimeout(n.playing.timeout),Pn(l[d],A),Xn(l[d=(d+=1)<a?d:0],A),n.playing.timeout=setTimeout(u,r.interval)};a>1&&(this.playing={prev:s,next:u,timeout:setTimeout(u,r.interval)})}return this},stop:function(){var n=this;if(!this.played)return this;var e=this.element,t=this.options;if(Tn(t.stop)&&jn(e,gn,t.stop,{once:!0}),!1===Kn(e,gn))return this;var r=this.player;return clearTimeout(this.playing.timeout),this.playing=!1,this.played=!1,Bn(r.getElementsByTagName("img"),(function(e){Gn(e,G,n.onLoadWhenPlay)})),Pn(r,P),r.innerHTML="",this.exitFullscreen(),this},full:function(){var n=this,e=this.options,t=this.viewer,r=this.image,o=this.list;return!this.isShown||this.played||this.fulled||!e.inline||(this.fulled=!0,this.open(),Xn(this.button,w),e.transition&&(Pn(o,R),this.viewed&&Pn(r,R)),Xn(t,S),t.setAttribute("role","dialog"),t.setAttribute("aria-labelledby",this.title.id),t.setAttribute("aria-modal",!0),t.removeAttribute("style"),Wn(t,{zIndex:e.zIndex}),e.focus&&this.enforceFocus(),this.initContainer(),this.viewerData=Hn({},this.containerData),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Xn(r,R),Xn(o,R)}),0)}))}))),this},exit:function(){var n=this,e=this.options,t=this.viewer,r=this.image,o=this.list;return this.isShown&&!this.played&&this.fulled&&e.inline?(this.fulled=!1,this.close(),Pn(this.button,w),e.transition&&(Pn(o,R),this.viewed&&Pn(r,R)),e.focus&&this.clearEnforceFocus(),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),Pn(t,S),Wn(t,{zIndex:e.zIndexInline}),this.viewerData=Hn({},this.parentData),this.renderViewer(),this.renderList(),this.viewed&&this.initImage((function(){n.renderImage((function(){e.transition&&setTimeout((function(){Xn(r,R),Xn(o,R)}),0)}))})),this):this},tooltip:function(){var n=this,e=this.options,t=this.tooltipBox,r=this.imageData;return this.viewed&&!this.played&&e.tooltip?(t.textContent="".concat(Math.round(100*r.ratio),"%"),this.tooltipping?clearTimeout(this.tooltipping):e.transition?(this.fading&&Kn(t,J),Xn(t,P),Xn(t,x),Xn(t,R),t.removeAttribute("aria-hidden"),t.initialOffsetWidth=t.offsetWidth,Xn(t,A)):(Xn(t,P),t.removeAttribute("aria-hidden")),this.tooltipping=setTimeout((function(){e.transition?(jn(t,J,(function(){Pn(t,P),Pn(t,x),Pn(t,R),t.setAttribute("aria-hidden",!0),n.fading=!1}),{once:!0}),Pn(t,A),n.fading=!0):(Pn(t,P),t.setAttribute("aria-hidden",!0)),n.tooltipping=!1}),1e3),this):this},toggle:function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return 1===this.imageData.ratio?this.zoomTo(this.imageData.oldRatio,!0,null,n):this.zoomTo(1,!0,null,n),this},reset:function(){return this.viewed&&!this.played&&(this.imageData=Hn({},this.initialImageData),this.renderImage()),this},update:function(){var n=this,e=this.element,t=this.options,r=this.isImg;if(r&&!e.parentNode)return this.destroy();var o=[];if(Bn(r?[e]:e.querySelectorAll("img"),(function(e){Tn(t.filter)?t.filter.call(n,e)&&o.push(e):n.getImageURL(e)&&o.push(e)})),!o.length)return this;if(this.images=o,this.length=o.length,this.ready){var i=[];if(Bn(this.items,(function(n,e){var t=n.querySelector("img"),r=o[e];r&&t&&r.src===t.src&&r.alt===t.alt||i.push(e)})),Wn(this.list,{width:"auto"}),this.initList(),this.isShown)if(this.length){if(this.viewed){var l=i.indexOf(this.index);if(l>=0)this.viewed=!1,this.view(Math.max(Math.min(this.index-l,this.length-1),0));else{var a=this.items[this.index];Xn(a,b),a.setAttribute("aria-selected",!0)}}}else this.image=null,this.viewed=!1,this.index=0,this.imageData={},this.canvas.innerHTML="",this.title.innerHTML=""}else this.build();return this},destroy:function(){var n=this.element,e=this.options;return n[g]?(this.destroyed=!0,this.ready?(this.played&&this.stop(),e.inline?(this.fulled&&this.exit(),this.unbind()):this.isShown?(this.viewing&&(this.imageRendering?this.imageRendering.abort():this.imageInitializing&&this.imageInitializing.abort()),this.hiding&&this.transitioning.abort(),this.hidden()):this.showing&&(this.transitioning.abort(),this.hidden()),this.ready=!1,this.viewer.parentNode.removeChild(this.viewer)):e.inline&&(this.delaying?this.delaying.abort():this.initializing&&this.initializing.abort()),e.inline||Gn(n,L,this.onStart),n[g]=void 0,this):this}},oe={getImageURL:function(n){var e=this.options.url;return e=bn(e)?n.getAttribute(e):Tn(e)?e.call(this,n):""},enforceFocus:function(){var n=this;this.clearEnforceFocus(),jn(document,N,this.onFocusin=function(e){var t=n.viewer,r=e.target;if(r!==document&&r!==t&&!t.contains(r)){for(;r;){if(null!==r.getAttribute("tabindex")||"true"===r.getAttribute("aria-modal"))return;r=r.parentElement}t.focus()}})},clearEnforceFocus:function(){this.onFocusin&&(Gn(document,N,this.onFocusin),this.onFocusin=null)},open:function(){var n=this.body;Xn(n,X),this.scrollbarWidth>0&&(n.style.paddingRight="".concat(this.scrollbarWidth+(parseFloat(this.initialBodyComputedPaddingRight)||0),"px"))},close:function(){var n=this.body;Pn(n,X),this.scrollbarWidth>0&&(n.style.paddingRight=this.initialBodyPaddingRight)},shown:function(){var n=this.element,e=this.options,t=this.viewer;this.fulled=!0,this.isShown=!0,this.render(),this.bind(),this.showing=!1,e.focus&&(t.focus(),this.enforceFocus()),Tn(e.shown)&&jn(n,nn,e.shown,{once:!0}),!1!==Kn(n,nn)&&this.ready&&this.isShown&&!this.hiding&&this.view(this.index)},hidden:function(){var n=this.element,e=this.options,t=this.viewer;e.fucus&&this.clearEnforceFocus(),this.close(),this.unbind(),Xn(t,k),t.removeAttribute("role"),t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-modal"),t.setAttribute("aria-hidden",!0),this.resetList(),this.resetImage(),this.fulled=!1,this.viewed=!1,this.isShown=!1,this.hiding=!1,this.destroyed||(Tn(e.hidden)&&jn(n,tn,e.hidden,{once:!0}),Kn(n,tn,null,{cancelable:!1}))},requestFullscreen:function(n){var e=this.element.ownerDocument;if(this.fulled&&!(e.fullscreenElement||e.webkitFullscreenElement||e.mozFullScreenElement||e.msFullscreenElement)){var t=e.documentElement;t.requestFullscreen?kn(n)?t.requestFullscreen(n):t.requestFullscreen():t.webkitRequestFullscreen?t.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT):t.mozRequestFullScreen?t.mozRequestFullScreen():t.msRequestFullscreen&&t.msRequestFullscreen()}},exitFullscreen:function(){var n=this.element.ownerDocument;this.fulled&&(n.fullscreenElement||n.webkitFullscreenElement||n.mozFullScreenElement||n.msFullscreenElement)&&(n.exitFullscreen?n.exitFullscreen():n.webkitExitFullscreen?n.webkitExitFullscreen():n.mozCancelFullScreen?n.mozCancelFullScreen():n.msExitFullscreen&&n.msExitFullscreen())},change:function(n){var e=this.options,t=this.pointers,r=t[Object.keys(t)[0]];if(r){var o=r.endX-r.startX,i=r.endY-r.startY;switch(this.action){case m:0===o&&0===i||(this.pointerMoved=!0,this.move(o,i,n));break;case y:this.zoom(Jn(t),!1,null,n);break;case v:this.action="switched";var l=Math.abs(o);l>1&&l>Math.abs(i)&&(this.pointers={},o>1?this.prev(e.loop):o<-1&&this.next(e.loop))}Bn(t,(function(n){n.startX=n.endX,n.startY=n.endY}))}},isSwitchable:function(){var n=this.imageData,e=this.viewerData;return this.length>1&&n.x>=0&&n.y>=0&&n.width<=e.width&&n.height<=e.height}},ie=p.Viewer,le=(qn=-1,function(){return qn+=1}),ae=function(){function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(n(this,e),!t||1!==t.nodeType)throw new Error("The first argument is required and must be an element.");this.element=t,this.options=Hn({},s,kn(r)&&r),this.action=!1,this.fading=!1,this.fulled=!1,this.hiding=!1,this.imageClicked=!1,this.imageData={},this.index=this.options.initialViewIndex,this.isImg=!1,this.isShown=!1,this.length=0,this.moving=!1,this.played=!1,this.playing=!1,this.pointers={},this.ready=!1,this.rotating=!1,this.scaling=!1,this.showing=!1,this.timeout=!1,this.tooltipping=!1,this.viewed=!1,this.viewing=!1,this.wheeling=!1,this.zooming=!1,this.pointerMoved=!1,this.id=le(),this.init()}return t(e,[{key:"init",value:function(){var n=this,e=this.element,t=this.options;if(!e[g]){e[g]=this,t.focus&&!t.keyboard&&(t.focus=!1);var r="img"===e.localName,o=[];if(Bn(r?[e]:e.querySelectorAll("img"),(function(e){Tn(t.filter)?t.filter.call(n,e)&&o.push(e):n.getImageURL(e)&&o.push(e)})),this.isImg=r,this.length=o.length,this.images=o,this.initBody(),Sn(document.createElement(g).style.transition)&&(t.transition=!1),t.inline){var i=0,l=function(){var e;(i+=1)===n.length&&(n.initializing=!1,n.delaying={abort:function(){clearTimeout(e)}},e=setTimeout((function(){n.delaying=!1,n.build()}),0))};this.initializing={abort:function(){Bn(o,(function(n){n.complete||(Gn(n,G,l),Gn(n,j,l))}))}},Bn(o,(function(n){var e,t;n.complete?l():(jn(n,G,e=function(){Gn(n,j,t),l()},{once:!0}),jn(n,j,t=function(){Gn(n,G,e),l()},{once:!0}))}))}else jn(e,L,this.onStart=function(e){var r=e.target;"img"!==r.localName||Tn(t.filter)&&!t.filter.call(n,r)||n.view(n.images.indexOf(r))})}}},{key:"build",value:function(){if(!this.ready){var n=this.element,e=this.options,t=n.parentNode,r=document.createElement("div");r.innerHTML=u;var o=r.querySelector(".".concat(g,"-container")),i=o.querySelector(".".concat(g,"-title")),l=o.querySelector(".".concat(g,"-toolbar")),a=o.querySelector(".".concat(g,"-navbar")),d=o.querySelector(".".concat(g,"-button")),s=o.querySelector(".".concat(g,"-canvas"));if(this.parent=t,this.viewer=o,this.title=i,this.toolbar=l,this.navbar=a,this.button=d,this.canvas=s,this.footer=o.querySelector(".".concat(g,"-footer")),this.tooltipBox=o.querySelector(".".concat(g,"-tooltip")),this.player=o.querySelector(".".concat(g,"-player")),this.list=o.querySelector(".".concat(g,"-list")),o.id="".concat(g).concat(this.id),i.id="".concat(g,"Title").concat(this.id),Xn(i,e.title?On(Array.isArray(e.title)?e.title[0]:e.title):k),Xn(a,e.navbar?On(e.navbar):k),Rn(d,k,!e.button),e.keyboard&&d.setAttribute("tabindex",0),e.backdrop&&(Xn(o,"".concat(g,"-backdrop")),e.inline||"static"===e.backdrop||Nn(s,mn,"hide")),bn(e.className)&&e.className&&e.className.split(vn).forEach((function(n){Xn(o,n)})),e.toolbar){var c=document.createElement("ul"),p=kn(e.toolbar),f=yn.slice(0,3),h=yn.slice(7,9),m=yn.slice(9);p||Xn(l,On(e.toolbar)),Bn(p?e.toolbar:yn,(function(n,t){var r=p&&kn(n),o=p?zn(t):n,i=r&&!Sn(n.show)?n.show:n;if(i&&(e.zoomable||-1===f.indexOf(o))&&(e.rotatable||-1===h.indexOf(o))&&(e.scalable||-1===m.indexOf(o))){var l=r&&!Sn(n.size)?n.size:n,a=r&&!Sn(n.click)?n.click:n,d=document.createElement("li");e.keyboard&&d.setAttribute("tabindex",0),d.setAttribute("role","button"),Xn(d,"".concat(g,"-").concat(o)),Tn(a)||Nn(d,mn,o),xn(i)&&Xn(d,On(i)),-1!==["small","large"].indexOf(l)?Xn(d,"".concat(g,"-").concat(l)):"play"===o&&Xn(d,"".concat(g,"-large")),Tn(a)&&jn(d,L,a),c.appendChild(d)}})),l.appendChild(c)}else Xn(l,k);if(!e.rotatable){var v=l.querySelectorAll('li[class*="rotate"]');Xn(v,W),Bn(v,(function(n){l.appendChild(n)}))}if(e.inline)Xn(d,I),Wn(o,{zIndex:e.zIndexInline}),"static"===window.getComputedStyle(t).position&&Wn(t,{position:"relative"}),t.insertBefore(o,n.nextSibling);else{Xn(d,C),Xn(o,S),Xn(o,x),Xn(o,k),Wn(o,{zIndex:e.zIndex});var y=e.container;bn(y)&&(y=n.ownerDocument.querySelector(y)),y||(y=this.body),y.appendChild(o)}e.inline&&(this.render(),this.bind(),this.isShown=!0),this.ready=!0,Tn(e.ready)&&jn(n,U,e.ready,{once:!0}),!1!==Kn(n,U)?this.ready&&e.inline&&this.view(this.index):this.ready=!1}}}],[{key:"noConflict",value:function(){return window.Viewer=ie,e}},{key:"setDefaults",value:function(n){Hn(s,kn(n)&&n)}}])}();return Hn(ae.prototype,ne,ee,te,re,oe),ae}()}({get exports(){return Zv},set exports(n){Zv=n}});var Xv=Zv;function Pv(n,e,t){(void 0!==t&&!q(n[e],t)||void 0===t&&!(e in n))&&il(n,e,t)}function Rv(n,e){if(("constructor"!==e||"function"!=typeof n[e])&&"__proto__"!=e)return n[e]}function Lv(n,e,t,r,o,i,l){var a=Rv(n,t),d=Rv(e,t),s=l.get(d);if(s)Pv(n,t,s);else{var c,p=i?i(a,d,t+"",n,e,l):void 0,f=void 0===p;if(f){var h=u(d),g=!h&&pe(d),m=!h&&!g&&ke(d);p=d,h||g||m?u(a)?p=a:w(c=a)&&Pe(c)?p=vl(a):g?(f=!1,p=ml(d,!0)):m?(f=!1,p=Tl(d,!0)):p=[]:Mi(d)||de(d)?(p=a,de(a)?p=function(n){return dl(n,cl(n))}(a):W(a)&&!R(a)||(p=Jl(d))):f=!1}f&&(l.set(d,p),o(p,d,r,i,l),l.delete(d)),Pv(n,t,p)}}function zv(n,e,t,r,o){n!==e&&ee(e,(function(i,l){if(o||(o=new _e),W(i))Lv(n,e,l,t,zv,r,o);else{var a=r?r(Rv(n,l),i,l+"",n,e,o):void 0;void 0===a&&(a=i),Pv(n,l,a)}}),cl)}var Vv,Nv=(Vv=function(n,e,t){zv(n,e,t)},Ri((function(n,e){var t=-1,r=e.length,o=r>1?e[r-1]:void 0,i=r>2?e[2]:void 0;for(o=Vv.length>3&&"function"==typeof o?(r--,o):void 0,i&&Do(e[0],e[1],i)&&(o=r<3?void 0:o,r=1),n=Object(n);++t<r;){var l=e[t];l&&Vv(n,l,t,o)}return n}))),Dv=Nv;async function Gv(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=!0,o=null,i=Xn();if(Di(t)||(t={}),!Oi(n))return i.reject("eleImg is not a HTMLElement"),i;if(o=n,null!==e){if(!Oi(e))return i.reject("eleGroup is not a HTMLElement"),i;r=!1,o=e}if(!r){let n=di(e.querySelectorAll("img"));if(0===n)return i.reject("eleGroup does not contain any img"),i;1===n&&(r=!0)}let l={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};r||(l=function(){let n={button:!1,navbar:!1,title:!1,toolbar:{zoomIn:4,zoomOut:4,oneToOne:4,reset:4,prev:0,play:0,next:0,rotateLeft:4,rotateRight:4,flipHorizontal:4,flipVertical:4},tooltip:!1,movable:!0,zoomable:!0,rotatable:!0,scalable:!0,transition:!0,fullscreen:!1,keyboard:!0};return n.navbar=!0,n.toolbar.prev=4,n.toolbar.next=4,n}()),l=Dv(l,pa(t));let a=!1;l.hide=function(){a||(a=!0,s.hide(!0))},l.hidden=function(){s.destroy(),i.resolve("close")};let d=function(){let n=to();return Xv||n.Viewer}(),s=new d(o,l);return s.show(),i}async function jv(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3?arguments[3]:void 0;return rs(r)||(r=["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]),await Qr(r),Gv(n,e,t)}function Kv(){return new function(n,e){let t=null;Nr(n)||(n=0),n=Vr(n),Rn(e)||(e=!1);let r=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=0,t=[];gp(n)&&(n=0),n=Vr(n);let r=ga();return r.get=function(){return t.length>0?(e+=1,t.splice(0,1)[0]):null},r.cb=function(){e-=1,e<0&&(e=0),t.length>0&&r.emit("message",t)},r.push=function(o){t.push(o),(n<=0||e<n)&&r.emit("message",t)},r.clear=function(){e=0,t=[]},r}(n);return r.on("message",(async function(n){let e=r.get();if(!e)return;await Er(1);let t,o=Tn(e,"id"),i=Tn(e,"fun"),l=Tn(e,"input");t=je(i)?await Oh(i)(...l):{state:"error",msg:"fun is not a function"},r.emit(o,t),r.cb()})),function(n){let o=Xn(),i=Ni();t=i;for(var l=arguments.length,a=new Array(l>1?l-1:0),d=1;d<l;d++)a[d-1]=arguments[d];let s={id:i,fun:n,input:a};return r.push(s),r.once(i,(n=>{e?i===t?"success"===n.state?o.resolve(n.msg):o.reject(n.msg):o.reject({reason:"cancelled"}):"success"===n.state?o.resolve(n.msg):o.reject(n.msg)})),o}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,arguments.length>1&&void 0!==arguments[1]&&arguments[1])}let Yv=!1;var _v={directives:{domresize:ma()},components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageWidth:{type:Number,default:300},imageWidthSoft:{type:Number,default:null},colNum:{type:Number,default:null},space:{type:Number,default:15},imageStyle:{type:Object,default:()=>{}},arrangeWhenFinish:{type:Boolean,default:!1},numParallel:{type:Number,default:5},opt:{type:Object,default:()=>{}}},data:function(){return{dbc:Mh(),loading:!0,first:!1,widthPanel:0,heightPanel:0,imageCols:[],imageLocs:[],useImageStyle:{},uesImageWidth:0,imagesRes:[]}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{n.loading=!1}))},computed:{changeImages:function(){let n=this.images;return this.refreshDebounce({images:n}),""},changeStyle:function(){let n=this,e=n.widthPanel,t=n.imageWidth,r=n.imageStyle,o=n.colNum,i=n.space;return n.refreshDebounce({widthPanel:e,imageWidth:t,imageStyle:r,colNum:o,space:i}),""}},methods:{resize:function(n){let e=this,t=Tn(e,"$el.offsetWidth",0);Yv||e.widthPanel!==t&&(e.widthPanel=t)},getImgSize:function(n,e){let t=Xn(),r=`g${Ni()}`,o=document.createElement("img");o.src=n,o.style.maxWidth=`${e}px`;let i=document.createElement("div");return i.id=`img-${r}`,i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.opacity=0,i.style.overflow="hidden",i.appendChild(o),document.body.appendChild(i),o.onload=function(){t.resolve({src:n,id:r,w:o.clientWidth,h:o.clientHeight,err:null}),Ud(i)},o.onerror=function(e){t.reject({src:n,w:0,h:0,err:e}),Ud(i)},t},getImgsSize:function(n,e){let t=this,r=ga(),o=Kv(t.numParallel);t.imagesRes=[];let i=-1;return De(t.images,((l,a)=>{o(t.getImgSize,l,n).then((n=>{i++;let o=i;t.arrangeWhenFinish&&(o=a);let l={...n,name:(d=n.src,d.split("\\").pop().split("/").pop()),ind:o,evKey:e};var d;t.imagesRes[o]=l,r.emit("get",l)})).catch((n=>{console.log(n)}))})),r},refreshDebounce:function(){let n=this;n.dbc((()=>{n.refresh()}))},refresh:function(){let n=this,e=null,t=null;if(yi(n.imageWidthSoft)&&n.imageWidthSoft>0)t=(n.widthPanel+n.space)/(n.imageWidthSoft+n.space),t=Math.floor(t),t=Math.max(t,1),e=(n.widthPanel-n.space*(t-1))/t;else if(Yr(n.colNum))t=Vr(n.colNum),e=(n.widthPanel-(t-1)*n.space)/t,e=Math.floor(e);else if(yi(n.imageWidth)&&n.imageWidth>0){e=n.imageWidth;let r=n.widthPanel+n.space;r=Math.max(r,0);let o=e+n.space;o=Math.max(o,1),t=Math.floor(r/o)}else console.log("invalid colNum or imageWidth or imageWidthSoft",n.colNum,n.imageWidth,n.imageWidthSoft),t=4,e=300;n.uesImageWidth=e;let r={...n.imageStyle,"max-width":`${e}px`,"user-select":"none",cursor:"pointer",outline:"none"};function o(){n.imageCols=sr(Fv(t),(()=>[])),n.imageLocs=sr(Fv(t),(()=>0))}function i(e){if(!Ge(n.imageCols))return;let t=function(){let e=n.imageLocs[0],t=0;return De(n.imageLocs,((n,r)=>{e>n&&(e=n,t=r)})),t}();try{n.imageCols[t].push(e),n.imageLocs[t]+=e.h+n.space+53}catch(n){}}function l(){o(),De(n.imagesRes,(n=>{i(n)}))}n.useImageStyle=r,n.first?l():function(){let t=Xn();o();let r=Ni(),a=di(n.images),d=n.getImgsSize(e,r),s=0;d.on("get",(e=>{e.evKey===r&&(i(e),s++,s>=a&&(n.first=!0,n.arrangeWhenFinish&&l(),t.resolve()))}))}()},showImg:function(n,e){let t=this;Yv=!0,jv(n.currentTarget,null,t.opt,t.pathItems).finally((()=>{Yv=!1})),t.$emit("click",e)}}};const $v=_v;var Ev=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeImages:n.changeImages,changeStyle:n.changeStyle},on:{domresize:n.resize}},[t("div",{staticStyle:{"margin-top":"-1px",height:"1px"}}),n._v(" "),n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.imageCols,(function(e,r){return t("div",{key:"c-"+r,style:"display:table-cell; vertical-align:top; margin:0; padding-left:"+(r>0?n.space:0)+"px;"},n._l(e,(function(e,r){return t("div",{key:"kimg-"+r,class:n.first?"":"fadeIn",style:"margin:"+(r>0?n.space:0)+"px 0 0 0; width:"+n.uesImageWidth+"px; user-select:none; outline:none;",attrs:{tabindex:"0"}},[t("div",{style:"display:flex;"},[t("img",{style:n.useImageStyle,attrs:{src:e.src},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:function(t){n.showImg(t,e)}.apply(null,arguments)},click:function(t){n.showImg(t,e)}}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(0,0,0,0.65)",padding:"5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.8rem",color:"#fff"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.name}})]),n._v(" "),t("div",{staticStyle:{background:"rgba(200,200,200,0.5)",padding:"3px 5px"}},[t("input",{staticClass:"inp",staticStyle:{"font-size":"0.7rem",opacity:"0.75"},attrs:{type:"text",_spellcheck:"false",readonly:""},domProps:{value:e.src}})])])})),0)})),0)],1)};Ev._withStripped=!0;const Mv=t({render:Ev,staticRenderFns:[]},(function(n){n&&n("data-v-a8c18788_0",{source:"\n.inp[data-v-a8c18788] {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\n}\n.inp[data-v-a8c18788]:focus {\r\n    outline: none;\n}\n.fadeIn[data-v-a8c18788] {\r\n    animation: aniFadeIn-data-v-a8c18788 0.3s;\n}\n@keyframes aniFadeIn-data-v-a8c18788\r\n{\nfrom {opacity: 0;}\nto {opacity: 1}\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WImageCascadingDyn.vue"],names:[],mappings:";AAolBA;IACA,aAAA;IACA,YAAA;IACA,iBAAA;IACA,WAAA;IACA,SAAA;IACA,UAAA;IACA,cAAA;IACA,uBAAA;IACA,kBAAA;AACA;AACA;IACA,aAAA;AACA;AACA;IACA,yCAAA;AACA;AACA;;AAEA,MAAA,UAAA,CAAA;AACA,IAAA,UAAA;AACA",file:"WImageCascadingDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeImages=\"changeImages\"\r\n        :changeStyle=\"changeStyle\"\r\n        v-domresize\r\n        @domresize=\"resize\"\r\n    >\r\n\r\n        \x3c!-- 初始化無圖片時先撐開寬度 --\x3e\r\n        <div style=\"margin-top:-1px; height:1px;\"></div>\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\">\r\n\r\n            <div\r\n                :style=\"`display:table-cell; vertical-align:top; margin:0; padding-left:${kimgs>0?space:0}px;`\"\r\n                :key=\"`c-${kimgs}`\"\r\n                v-for=\"(imgs,kimgs) in imageCols\"\r\n            >\r\n\r\n                <div\r\n                    :class=\"`${first?'':'fadeIn'}`\"\r\n                    :style=\"`margin:${kimg>0?space:0}px 0 0 0; width:${uesImageWidth}px; user-select:none; outline:none;`\"\r\n                    tabindex=\"0\"\r\n                    :key=\"`kimg-${kimg}`\"\r\n                    v-for=\"(img,kimg) in imgs\"\r\n                >\r\n\r\n                    <div :style=\"`display:flex;`\">\r\n                        <img\r\n                            :style=\"useImageStyle\"\r\n                            :src=\"img.src\"\r\n                            @keyup.enter=\"(e)=>{showImg(e,img)}\"\r\n                            @click=\"(e)=>{showImg(e,img)}\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(0,0,0,0.65); padding:5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.8rem; color:#fff;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.name\"\r\n                        >\r\n                    </div>\r\n\r\n                    <div style=\"background:rgba(200,200,200,0.5); padding:3px 5px;\">\r\n                        <input\r\n                            type=\"text\"\r\n                            class=\"inp\"\r\n                            style=\"font-size:0.7rem; opacity:0.75;\"\r\n                            _spellcheck=\"false\"\r\n                            readonly\r\n                            :value=\"img.src\"\r\n                        >\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport each from 'lodash-es/each.js'\r\nimport map from 'lodash-es/map.js'\r\nimport get from 'lodash-es/get.js'\r\nimport times from 'lodash-es/times.js'\r\nimport size from 'lodash-es/size.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport domShowImagesDyn from 'wsemi/src/domShowImagesDyn.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport cint from 'wsemi/src/cint.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport pmQueue from 'wsemi/src/pmQueue.mjs'\r\nimport domRemove from 'wsemi/src/domRemove.mjs'\r\nimport evem from 'wsemi/src/evem.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//showViewer, 得要跨組件共用, 因彈出viewer會影響全部組件\r\nlet showViewer = false\r\n\r\n\r\nfunction getFileName(str) {\r\n    return str.split('\\\\').pop().split('/').pop()\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入viewerjs組件js與css檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {Array} [images=[]] 輸入圖片網址陣列，預設[]\r\n * @vue-prop {Number} [imageWidth=300] 輸入圖片寬度數字，單位為px，預設300\r\n * @vue-prop {Number} [imageWidthSoft=null] 輸入自動計算最小需滿足的圖片寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [colNum=null] 輸入組件寬度圖片欄位(水平向有幾張圖片)數量數字，預設null\r\n * @vue-prop {Number} [space=15] 輸入圖片間間距長度數字，單位為px，預設15\r\n * @vue-prop {Object} [imageStyle={}] 輸入圖片style物件，預設{}\r\n * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false\r\n * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5\r\n * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti\r\n * @vue-prop {Boolean} [multiple=false] 輸入\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [ //預設值詳見 wsemi/src/domShowImagesDyn.mjs, 因此處有預載, 故所使用viewerjs的版本得相同\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css',\r\n                'https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js',\r\n            ],\r\n        },\r\n        images: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        imageWidth: {\r\n            type: Number,\r\n            default: 300,\r\n        },\r\n        imageWidthSoft: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        colNum: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        space: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        imageStyle: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        arrangeWhenFinish: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        numParallel: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        opt: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            loading: true,\r\n            first: false,\r\n\r\n            widthPanel: 0,\r\n            heightPanel: 0,\r\n            imageCols: [],\r\n            imageLocs: [],\r\n            useImageStyle: {},\r\n            uesImageWidth: 0,\r\n\r\n            imagesRes: [],\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //importResExt\r\n        importResExt(vo.pathItems)\r\n            .then((res) => {\r\n                //console.log('res', res)\r\n\r\n                //loading\r\n                vo.loading = false\r\n\r\n            })\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeImages: function() {\r\n            // console.log('computed changeImages')\r\n\r\n            let vo = this\r\n\r\n            let images = vo.images\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ images })\r\n\r\n            return ''\r\n        },\r\n\r\n        changeStyle: function() {\r\n            // console.log('computed changeStyle')\r\n\r\n            let vo = this\r\n\r\n            //for trigger\r\n            let widthPanel = vo.widthPanel\r\n            let imageWidth = vo.imageWidth\r\n            let imageStyle = vo.imageStyle\r\n            let colNum = vo.colNum\r\n            let space = vo.space\r\n\r\n            //refreshDebounce\r\n            vo.refreshDebounce({ widthPanel, imageWidth, imageStyle, colNum, space })\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resize: function(msg) {\r\n            // console.log('methods resize', msg)\r\n\r\n            let vo = this\r\n\r\n            //widthPanel\r\n            let widthPanel = get(vo, '$el.offsetWidth', 0)\r\n\r\n            //check, 因開啟viewer會改變視窗尺寸, 進而觸發resize, 會導致觸發changeStyle並重算圖片, 故得使用showViewer判斷是否為開啟viewer狀態, 避免重算圖片\r\n            if (showViewer) {\r\n                return\r\n            }\r\n\r\n            //check\r\n            if (vo.widthPanel === widthPanel) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.widthPanel = widthPanel\r\n\r\n        },\r\n\r\n        getImgSize: function(src, uesImageWidth) {\r\n            //console.log('methods getImgSize', src, uesImageWidth)\r\n\r\n            // let vo = this\r\n\r\n            //pm\r\n            let pm = genPm()\r\n\r\n            //id\r\n            let id = `g${genID()}`\r\n\r\n            //img\r\n            let img = document.createElement('img')\r\n            img.src = src\r\n            img.style.maxWidth = `${uesImageWidth}px`\r\n\r\n            //div\r\n            let div = document.createElement('div')\r\n            div.id = `img-${id}`\r\n            div.style.position = 'absolute'\r\n            div.style.width = 0\r\n            div.style.height = 0\r\n            div.style.opacity = 0\r\n            div.style.overflow = 'hidden'\r\n            div.appendChild(img)\r\n\r\n            //body\r\n            document.body.appendChild(div)\r\n\r\n            //onload\r\n            img.onload = function() {\r\n                // setTimeout(() => {\r\n                //     pm.resolve({\r\n                //         src,\r\n                //         id,\r\n                //         w: img.clientWidth,\r\n                //         h: img.clientHeight,\r\n                //         err: null,\r\n                //     })\r\n                //     domRemove(div)\r\n                // }, random(10, 2500))\r\n                pm.resolve({\r\n                    src,\r\n                    id,\r\n                    w: img.clientWidth,\r\n                    h: img.clientHeight,\r\n                    err: null,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            //onerror\r\n            img.onerror = function(err) {\r\n                pm.reject({\r\n                    src,\r\n                    w: 0,\r\n                    h: 0,\r\n                    err,\r\n                })\r\n                domRemove(div)\r\n            }\r\n\r\n            return pm\r\n        },\r\n\r\n        getImgsSize: function(uesImageWidth, evKey) {\r\n            //console.log('methods getImgsSize', uesImageWidth, evKey)\r\n\r\n            let vo = this\r\n\r\n            //ev\r\n            let ev = evem()\r\n\r\n            //pmQueue\r\n            let pmq = pmQueue(vo.numParallel) //1次取得numParallel個圖片\r\n\r\n            //getImgSize\r\n            vo.imagesRes = []\r\n            let j = -1\r\n            each(vo.images, (src, k) => {\r\n                pmq(vo.getImgSize, src, uesImageWidth)\r\n                    .then((r) => {\r\n                        j++\r\n\r\n                        //ind\r\n                        let ind = j\r\n                        if (vo.arrangeWhenFinish) { //需依照原始順序排序\r\n                            ind = k\r\n                        }\r\n\r\n                        //o\r\n                        let o = {\r\n                            ...r,\r\n                            name: getFileName(r.src),\r\n                            ind,\r\n                            evKey,\r\n                        }\r\n\r\n                        //save imagesRes\r\n                        vo.imagesRes[ind] = o\r\n\r\n                        //emit\r\n                        ev.emit('get', o)\r\n\r\n                    })\r\n                    .catch((err) => {\r\n                        console.log(err)\r\n                    })\r\n            })\r\n\r\n            return ev\r\n        },\r\n\r\n        refreshDebounce: function() {\r\n            //console.log('methods refreshDebounce')\r\n\r\n            let vo = this\r\n\r\n            //dbc\r\n            vo.dbc(() => {\r\n\r\n                //refresh\r\n                vo.refresh()\r\n\r\n            })\r\n\r\n        },\r\n\r\n        refresh: function() {\r\n            // console.log('methods refresh')\r\n\r\n            let vo = this\r\n\r\n            //uesImageWidth, colNum\r\n            let uesImageWidth = null\r\n            let colNum = null\r\n            if (isNumber(vo.imageWidthSoft) && vo.imageWidthSoft > 0) {\r\n                // console.log('優先使用imageWidthSoft計算colNum與imageWidth')\r\n\r\n                //colNum\r\n                colNum = (vo.widthPanel + vo.space) / (vo.imageWidthSoft + vo.space)\r\n                colNum = Math.floor(colNum)\r\n                colNum = Math.max(colNum, 1)\r\n                // console.log('colNum', colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - vo.space * (colNum - 1)) / colNum\r\n                // console.log('uesImageWidth', uesImageWidth)\r\n\r\n            }\r\n            else if (ispint(vo.colNum)) {\r\n                // console.log('次先使用colNum計算imageWidth')\r\n\r\n                //colNum\r\n                colNum = cint(vo.colNum)\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = (vo.widthPanel - (colNum - 1) * vo.space) / colNum\r\n                uesImageWidth = Math.floor(uesImageWidth)\r\n\r\n            }\r\n            else if (isNumber(vo.imageWidth) && vo.imageWidth > 0) {\r\n                // console.log('最後使用imageWidth計算colNum')\r\n\r\n                //uesImageWidth\r\n                uesImageWidth = vo.imageWidth\r\n\r\n                //colNum\r\n                let wa = vo.widthPanel + vo.space\r\n                wa = Math.max(wa, 0)\r\n                let wis = uesImageWidth + vo.space\r\n                wis = Math.max(wis, 1)\r\n                colNum = Math.floor(wa / wis)\r\n\r\n            }\r\n            else {\r\n                console.log('invalid colNum or imageWidth or imageWidthSoft', vo.colNum, vo.imageWidth, vo.imageWidthSoft)\r\n                colNum = 4\r\n                uesImageWidth = 300\r\n            }\r\n            vo.uesImageWidth = uesImageWidth\r\n\r\n            //useImageStyle\r\n            let useImageStyle = {\r\n                ...vo.imageStyle,\r\n                'max-width': `${uesImageWidth}px`,\r\n                'user-select': 'none',\r\n                'cursor': 'pointer',\r\n                'outline': 'none',\r\n            }\r\n            vo.useImageStyle = useImageStyle\r\n\r\n            function getMinHeightCol() {\r\n                let hmin = vo.imageLocs[0]\r\n                let ihmin = 0\r\n                each(vo.imageLocs, (v, i) => {\r\n                    if (hmin > v) {\r\n                        hmin = v\r\n                        ihmin = i\r\n                    }\r\n                })\r\n                return ihmin\r\n            }\r\n\r\n            function resetImageColsAndLocs() {\r\n                vo.imageCols = map(times(colNum), () => {\r\n                    return []\r\n                })\r\n                vo.imageLocs = map(times(colNum), () => {\r\n                    return 0\r\n                })\r\n            }\r\n\r\n            function pushImage(img) {\r\n\r\n                //check, 開發階段可能hot reload組件導致出現上一輪事件\r\n                if (!isarr(vo.imageCols)) {\r\n                    return\r\n                }\r\n\r\n                //getMinHeightCol\r\n                let i = getMinHeightCol()\r\n\r\n                try {\r\n\r\n                    //push\r\n                    vo.imageCols[i].push(img)\r\n\r\n                    //update\r\n                    vo.imageLocs[i] += img.h + vo.space + (29 + 24) //29是圖名區高度, 24是位址區高度\r\n\r\n                }\r\n                catch (err) { }\r\n\r\n            }\r\n\r\n            function build() {\r\n\r\n                //pm\r\n                let pm = genPm()\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //evKey\r\n                let evKey = genID()\r\n\r\n                //num\r\n                let num = size(vo.images)\r\n\r\n                //getImgsSize\r\n                let ev = vo.getImgsSize(uesImageWidth, evKey)\r\n\r\n                //pushImage\r\n                let n = 0\r\n                ev.on('get', (img) => {\r\n                    // console.log('get', img)\r\n\r\n                    //check\r\n                    if (img.evKey !== evKey) {\r\n                        return\r\n                    }\r\n\r\n                    //pushImage\r\n                    pushImage(img)\r\n\r\n                    //check\r\n                    n++\r\n                    if (n >= num) {\r\n\r\n                        //first\r\n                        vo.first = true\r\n\r\n                        //arrange\r\n                        if (vo.arrangeWhenFinish) {\r\n                            arrange()\r\n                        }\r\n\r\n                        //resolve\r\n                        pm.resolve()\r\n\r\n                    }\r\n\r\n                })\r\n\r\n                return pm\r\n            }\r\n\r\n            function arrange() {\r\n\r\n                //resetImageColsAndLocs\r\n                resetImageColsAndLocs()\r\n\r\n                //pushImage\r\n                each(vo.imagesRes, (img) => {\r\n                    pushImage(img)\r\n                })\r\n\r\n            }\r\n\r\n            if (!vo.first) {\r\n                // console.log('build')\r\n                build()\r\n            }\r\n            else {\r\n                // console.log('arrange')\r\n                arrange()\r\n            }\r\n\r\n        },\r\n\r\n        showImg: function(e, img) {\r\n            // console.log('methods showImg', e, img)\r\n\r\n            let vo = this\r\n\r\n            //showViewer\r\n            showViewer = true\r\n\r\n            //domShowImagesDyn\r\n            domShowImagesDyn(e.currentTarget, null, vo.opt, vo.pathItems)\r\n                .finally(() => {\r\n\r\n                    //showViewer\r\n                    showViewer = false\r\n\r\n                })\r\n\r\n            //emit\r\n            vo.$emit('click', img)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.inp {\r\n    font: inherit;\r\n    height: 1rem;\r\n    line-height: 1rem;\r\n    width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: block;\r\n    background: transparent;\r\n    border-style: none;\r\n}\r\n.inp:focus {\r\n    outline: none;\r\n}\r\n.fadeIn {\r\n    animation: aniFadeIn 0.3s;\r\n}\r\n@keyframes aniFadeIn\r\n{\r\n    from {opacity: 0;}\r\n    to {opacity: 1}\r\n}\r\n</style>\r\n"]},media:void 0})}),$v,"data-v-a8c18788",false,undefined,!1,o,void 0,void 0);var Ov={components:{WIconLoading:fi},props:{width:{type:Number,default:null},height:{type:Number,default:null},ratio:{type:Number,default:null},url:{type:String,default:""},delay:{type:Number,default:300}},data:function(){return{ev:null,showed:!1,loaded:!1,useWidth:0,useHeight:0}},mounted:function(){let n=this;n.ev=tg(n.$el,{mode:"event"}),n.ev.create(),n.ev.on("visible",(e=>{if(e)try{n.ev.dispose(),setTimeout((()=>{n.showed=!0}),n.delay)}catch(n){}}))},beforeDestroy:function(){let n=this;try{n.ev.dispose()}catch(n){}},computed:{changeParams:function(){let n=this,e=n.width,t=n.height,r=n.ratio;return Fn(e)&&Fn(t)?(e=Math.max(Zr(e),0),t=Math.max(Zr(t),0),n.useWidth=e,n.useHeight=t):Fn(e)&&Fn(r)?(e=Math.max(Zr(e),0),r=Math.max(Zr(r),0),t=e/r,n.useWidth=e,n.useHeight=t):Fn(t)&&Fn(r)?(t=Math.max(Zr(t),0),r=Math.max(Zr(r),0),e=t*r,n.useWidth=e,n.useHeight=t):console.log("width, height and ratio, at least two of the three parameters must be provided"),""}},methods:{load:function(n){this.loaded=!0}}};const Jv=Ov;var Qv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.useWidth+"px; height:"+n.useHeight+"px; overflow:hidden; vertical-align:top;",attrs:{changeParams:n.changeParams}},[n.showed&&n.loaded?n._e():t("WIconLoading"),n._v(" "),n.showed?t("img",{style:"width:"+n.useWidth+"px; height:"+n.useHeight+"px; opacity:"+(n.loaded?1:0)+";",attrs:{src:n.url},on:{load:n.load}}):n._e()],1)};Qv._withStripped=!0;const Uv=t({render:Qv,staticRenderFns:[]},(function(n){n&&n("data-v-1f8f4db6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageLazy.vue"},media:void 0})}),Jv,"data-v-1f8f4db6",false,undefined,!1,o,void 0,void 0);var qv={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css","https://cdn.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.js"]},images:{type:Array,default:()=>[]},imageStyle:{type:Object,default:()=>{}},opt:{type:Object,default:()=>{}},multiple:{type:Boolean,default:!1}},data:function(){return{loading:!0}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{n.loading=!1,n.$nextTick((()=>{De(Tn(n,"$refs.wiv",[]),((n,e)=>{Ji(n,{duration:200,delay:100*e})}))}))}))},computed:{useImageStyle:function(){return Dv({margin:"5px"},this.imageStyle)}},methods:{showImg:function(n){let e=this,t=null;e.multiple&&(t=e.$refs.wig),jv(n.currentTarget,t,e.opt,e.pathItems).catch((n=>{console.log(n)}))}}};const ny=qv;var ey=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{ref:"wig",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},n._l(n.images,(function(e,r){return t("div",{key:r,ref:"wiv",refInFor:!0,staticStyle:{display:"inline-block",opacity:"0","user-select":"none",cursor:"pointer",outline:"none"},attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.showImg.apply(null,arguments)},click:n.showImg}},[t("img",{style:n.useImageStyle,attrs:{src:e}})])})),0)],1)};ey._withStripped=!0;const ty=t({render:ey,staticRenderFns:[]},(function(n){n&&n("data-v-c213bc2c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WImageViewerDyn.vue"},media:void 0})}),ny,"data-v-c213bc2c",false,undefined,!1,o,void 0,void 0);var ry={components:{},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{get:Tn,itemsTrans:[],dataActive:null}},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 t})),r=[],o=[];return De(e,((n,e)=>{let i={data:n},l=`id-${e}`;i.id=l;let a=t[e];i.active=a,i.hover=!1,r.push(i),a&&o.push(l)})),n.multiCheck||(o=o[0]),n.itemsTrans=r,n.dataActive=o,""},usePadding:function(){let n=this;return`padding:${Qd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useVerticalAlign:function(){let n=this,e="";return"center"===n.verticalAlign?e="align-items:center;":"top"===n.verticalAlign?e="align-items:flex-start;":"bottom"===n.verticalAlign&&(e="align-items:flex-end;"),e},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},effTextColor:function(){return ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},effTextColorActive:function(){return ui(this.textColorActive)},effTextColorDisabled:function(){return ui(this.textColorDisabled)}},methods:{getText:function(n){return Tn(n,`data.${this.keyText}`)||Tn(n,"data")},getTextColor:function(n,e){let t=this;return t.editable?n.active?t.effTextColorActive:n.hover?t.effTextColorHover:t.effTextColor:t.effTextColorDisabled},mouseenter:function(n,e){let t=this;De(t.itemsTrans,((n,r)=>{t.itemsTrans[r].hover=r===e}))},mouseleave:function(n,e){let t=this;De(t.itemsTrans,((n,e)=>{t.itemsTrans[e].hover=!1}))},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 oy=ry;var iy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},n._l(n.itemsTrans,(function(e,r){return t("div",{key:r,style:("vertical"===n.arrange?"":"display:inline-block;")+" "+n.usePadding},[t("div",{style:"display:inline-block; transition:all 0.3s; color:"+n.getTextColor(e,r)+";",on:{mouseenter:function(t){return n.mouseenter(e,r)},mouseleave:function(t){return n.mouseleave(e,r)},click:function(t){return n.toggleState(e)}}},[t("div",{style:"display:flex; "+n.useVerticalAlign+";"},[t("div",{style:"display:flex; align-items:center; height:"+(n.inputSize+n.inputShiftTop)+"px; padding-top:"+n.inputShiftTop+"px;"},["checkbox"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"checkbox"},domProps:{value:e.id,checked:Array.isArray(n.dataActive)?n._i(n.dataActive,e.id)>-1:n.dataActive},on:{change:function(t){var r=n.dataActive,o=t.target,i=!!o.checked;if(Array.isArray(r)){var l=e.id,a=n._i(r,l);o.checked?a<0&&(n.dataActive=r.concat([l])):a>-1&&(n.dataActive=r.slice(0,a).concat(r.slice(a+1)))}else n.dataActive=i}}}):"radio"==(n.multiCheck?"checkbox":"radio")?t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:"radio"},domProps:{value:e.id,checked:n._q(n.dataActive,e.id)},on:{change:function(t){n.dataActive=e.id}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:n.dataActive,expression:"dataActive"}],style:"width:"+n.inputSize+"px; height:"+n.inputSize+"px; padding:0px; cursor:pointer;",attrs:{disabled:!n.editable,type:n.multiCheck?"checkbox":"radio"},domProps:{value:e.id,value:n.dataActive},on:{input:function(e){e.target.composing||(n.dataActive=e.target.value)}}})]),n._v(" "),t("div",{style:""},[n._t("default",(function(){return[t("div",{style:"margin:0px 0px 0px 5px; "+n.useTextFontSize+" cursor:pointer;"},[n._v("\n                            "+n._s(n.getText(e))+"\n                        ")])]}),{item:e,kitem:r,isHover:e.hover,isActive:e.active})],2)])])])})),0)};iy._withStripped=!0;const ly=t({render:iy,staticRenderFns:[]},(function(n){n&&n("data-v-3517b4d0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputCheckbox.vue"},media:void 0})}),oy,undefined,false,undefined,!1,o,void 0,void 0);const ay={components:{WInputCheckbox:ly},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object]},keyText:{type:String,default:"text"},arrange:{type:String,default:"vertical"},inputSize:{type:Number,default:16},inputShiftTop:{type:Number,default:0},textColor:{type:String,default:"#222"},textColorHover:{type:String,default:"#888"},textColorActive:{type:String,default:"#222"},textColorDisabled:{type:String,default:"#666"},textFontSize:{type:String,default:"0.85rem"},paddingStyle:{type:Object,default:()=>({top:0,bottom:0,left:0,right:0})},verticalAlign:{type:String,default:"center"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var dy=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WInputCheckbox",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}}],null,!0)},"WInputCheckbox",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};dy._withStripped=!0;const sy=t({render:dy,staticRenderFns:[]},(function(n){n&&n("data-v-70041149_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WInputRadio.vue"},media:void 0})}),ay,"data-v-70041149",false,undefined,!1,o,void 0,void 0),uy="function"==typeof Buffer,cy="function"==typeof TextDecoder?new TextDecoder:void 0,py=("function"==typeof TextEncoder&&new TextEncoder,Array.prototype.slice.call("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=")),fy=(n=>{let e={};return py.forEach(((n,t)=>e[n]=t)),e})(),hy=/^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/,gy=String.fromCharCode.bind(String),my="function"==typeof Uint8Array.from?Uint8Array.from.bind(Uint8Array):n=>new Uint8Array(Array.prototype.slice.call(n,0)),vy=n=>n.replace(/[^A-Za-z0-9\+\/]/g,""),yy=/[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g,by=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 gy(55296+(e>>>10))+gy(56320+(1023&e));case 3:return gy((15&n.charCodeAt(0))<<12|(63&n.charCodeAt(1))<<6|63&n.charCodeAt(2));default:return gy((31&n.charCodeAt(0))<<6|63&n.charCodeAt(1))}},Cy="function"==typeof atob?n=>atob(vy(n)):uy?n=>Buffer.from(n,"base64").toString("binary"):n=>{if(n=n.replace(/\s+/g,""),!hy.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=fy[n.charAt(i++)]<<18|fy[n.charAt(i++)]<<12|(t=fy[n.charAt(i++)])<<6|(r=fy[n.charAt(i++)]),o+=64===t?gy(e>>16&255):64===r?gy(e>>16&255,e>>8&255):gy(e>>16&255,e>>8&255,255&e);return o},xy=uy?n=>my(Buffer.from(n,"base64")):n=>my(Cy(n).split("").map((n=>n.charCodeAt(0)))),Sy=uy?n=>Buffer.from(n,"base64").toString("utf8"):cy?n=>cy.decode(xy(n)):n=>(n=>n.replace(yy,by))(Cy(n)),Iy=n=>Sy((n=>vy(n.replace(/[-_]/g,(n=>"-"==n?"+":"/"))))(n));var wy={};!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 wy},set exports(n){wy=n}});var ky=wy;let Ty;!function(){if("browser"!=("undefined"!=typeof window&&void 0!==window.document?"browser":"nodejs"))return null;let n=Iy("CgoKInVzZSBzdHJpY3QiO3ZhciB0PUFycmF5LmlzQXJyYXkscj0ib2JqZWN0Ij09dHlwZW9mIGdsb2JhbCYmZ2xvYmFsJiZnbG9iYWwuT2JqZWN0PT09T2JqZWN0JiZnbG9iYWwsZT0ib2JqZWN0Ij09dHlwZW9mIHNlbGYmJnNlbGYmJnNlbGYuT2JqZWN0PT09T2JqZWN0JiZzZWxmLG49cnx8ZXx8RnVuY3Rpb24oInJldHVybiB0aGlzIikoKSxvPW4uU3ltYm9sLHU9T2JqZWN0LnByb3RvdHlwZSxpPXUuaGFzT3duUHJvcGVydHksYz11LnRvU3RyaW5nLGE9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDt2YXIgZj1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nO3ZhciBsPSJbb2JqZWN0IE51bGxdIixzPSJbb2JqZWN0IFVuZGVmaW5lZF0iLHA9bz9vLnRvU3RyaW5nVGFnOnZvaWQgMDtmdW5jdGlvbiB2KHQpe3JldHVybiBudWxsPT10P3ZvaWQgMD09PXQ/czpsOnAmJnAgaW4gT2JqZWN0KHQpP2Z1bmN0aW9uKHQpe3ZhciByPWkuY2FsbCh0LGEpLGU9dFthXTt0cnl7dFthXT12b2lkIDA7dmFyIG49ITB9Y2F0Y2godCl7fXZhciBvPWMuY2FsbCh0KTtyZXR1cm4gbiYmKHI/dFthXT1lOmRlbGV0ZSB0W2FdKSxvfSh0KTpmdW5jdGlvbih0KXtyZXR1cm4gZi5jYWxsKHQpfSh0KX1mdW5jdGlvbiBiKHQpe3JldHVybiBudWxsIT10JiYib2JqZWN0Ij09dHlwZW9mIHR9dmFyIHk9IltvYmplY3QgU3ltYm9sXSI7ZnVuY3Rpb24gaCh0KXtyZXR1cm4ic3ltYm9sIj09dHlwZW9mIHR8fGIodCkmJnYodCk9PXl9dmFyIGQ9L1wufFxbKD86W15bXF1dKnwoWyInXSkoPzooPyFcMSlbXlxcXXxcXC4pKj9cMSlcXS8saj0vXlx3KiQvO2Z1bmN0aW9uIGcocixlKXtpZih0KHIpKXJldHVybiExO3ZhciBuPXR5cGVvZiByO3JldHVybiEoIm51bWJlciIhPW4mJiJzeW1ib2wiIT1uJiYiYm9vbGVhbiIhPW4mJm51bGwhPXImJiFoKHIpKXx8KGoudGVzdChyKXx8IWQudGVzdChyKXx8bnVsbCE9ZSYmciBpbiBPYmplY3QoZSkpfWZ1bmN0aW9uIF8odCl7dmFyIHI9dHlwZW9mIHQ7cmV0dXJuIG51bGwhPXQmJigib2JqZWN0Ij09cnx8ImZ1bmN0aW9uIj09cil9dmFyIE89IltvYmplY3QgQXN5bmNGdW5jdGlvbl0iLHc9IltvYmplY3QgRnVuY3Rpb25dIixtPSJbb2JqZWN0IEdlbmVyYXRvckZ1bmN0aW9uXSIsQT0iW29iamVjdCBQcm94eV0iO2Z1bmN0aW9uIHgodCl7aWYoIV8odCkpcmV0dXJuITE7dmFyIHI9dih0KTtyZXR1cm4gcj09d3x8cj09bXx8cj09T3x8cj09QX12YXIgUyxQPW5bIl9fY29yZS1qc19zaGFyZWRfXyJdLHo9KFM9L1teLl0rJC8uZXhlYyhQJiZQLmtleXMmJlAua2V5cy5JRV9QUk9UT3x8IiIpKT8iU3ltYm9sKHNyYylfMS4iK1M6IiI7dmFyIEU9RnVuY3Rpb24ucHJvdG90eXBlLnRvU3RyaW5nO2Z1bmN0aW9uIEkodCl7aWYobnVsbCE9dCl7dHJ5e3JldHVybiBFLmNhbGwodCl9Y2F0Y2godCl7fXRyeXtyZXR1cm4gdCsiIn1jYXRjaCh0KXt9fXJldHVybiIifXZhciBOPS9eXFtvYmplY3QgLis/Q29uc3RydWN0b3JcXSQvLFQ9RnVuY3Rpb24ucHJvdG90eXBlLCQ9T2JqZWN0LnByb3RvdHlwZSxDPVQudG9TdHJpbmcsRj0kLmhhc093blByb3BlcnR5LE09UmVnRXhwKCJeIitDLmNhbGwoRikucmVwbGFjZSgvW1xcXiQuKis/KClbXF17fXxdL2csIlxcJCYiKS5yZXBsYWNlKC9oYXNPd25Qcm9wZXJ0eXwoZnVuY3Rpb24pLio/KD89XFxcKCl8IGZvciAuKz8oPz1cXFxdKS9nLCIkMS4qPyIpKyIkIik7ZnVuY3Rpb24gVSh0KXtyZXR1cm4hKCFfKHQpfHwocj10LHomJnogaW4gcikpJiYoeCh0KT9NOk4pLnRlc3QoSSh0KSk7dmFyIHJ9ZnVuY3Rpb24gayh0LHIpe3ZhciBlPWZ1bmN0aW9uKHQscil7cmV0dXJuIG51bGw9PXQ/dm9pZCAwOnRbcl19KHQscik7cmV0dXJuIFUoZSk/ZTp2b2lkIDB9dmFyIEI9ayhPYmplY3QsImNyZWF0ZSIpO3ZhciBEPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIFI9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBMKHQpe3ZhciByPS0xLGU9bnVsbD09dD8wOnQubGVuZ3RoO2Zvcih0aGlzLmNsZWFyKCk7KytyPGU7KXt2YXIgbj10W3JdO3RoaXMuc2V0KG5bMF0sblsxXSl9fWZ1bmN0aW9uIFYodCxyKXtyZXR1cm4gdD09PXJ8fHQhPXQmJnIhPXJ9ZnVuY3Rpb24gSyh0LHIpe2Zvcih2YXIgZT10Lmxlbmd0aDtlLS07KWlmKFYodFtlXVswXSxyKSlyZXR1cm4gZTtyZXR1cm4tMX1MLnByb3RvdHlwZS5jbGVhcj1mdW5jdGlvbigpe3RoaXMuX19kYXRhX189Qj9CKG51bGwpOnt9LHRoaXMuc2l6ZT0wfSxMLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5oYXModCkmJmRlbGV0ZSB0aGlzLl9fZGF0YV9fW3RdO3JldHVybiB0aGlzLnNpemUtPXI/MTowLHJ9LEwucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO2lmKEIpe3ZhciBlPXJbdF07cmV0dXJuIl9fbG9kYXNoX2hhc2hfdW5kZWZpbmVkX18iPT09ZT92b2lkIDA6ZX1yZXR1cm4gRC5jYWxsKHIsdCk/clt0XTp2b2lkIDB9LEwucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fO3JldHVybiBCP3ZvaWQgMCE9PXJbdF06Ui5jYWxsKHIsdCl9LEwucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPXRoaXMuX19kYXRhX187cmV0dXJuIHRoaXMuc2l6ZSs9dGhpcy5oYXModCk/MDoxLGVbdF09QiYmdm9pZCAwPT09cj8iX19sb2Rhc2hfaGFzaF91bmRlZmluZWRfXyI6cix0aGlzfTt2YXIgVz1BcnJheS5wcm90b3R5cGUuc3BsaWNlO2Z1bmN0aW9uIHEodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19cS5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPVtdLHRoaXMuc2l6ZT0wfSxxLnByb3RvdHlwZS5kZWxldGU9ZnVuY3Rpb24odCl7dmFyIHI9dGhpcy5fX2RhdGFfXyxlPUsocix0KTtyZXR1cm4hKGU8MCkmJihlPT1yLmxlbmd0aC0xP3IucG9wKCk6Vy5jYWxsKHIsZSwxKSwtLXRoaXMuc2l6ZSwhMCl9LHEucHJvdG90eXBlLmdldD1mdW5jdGlvbih0KXt2YXIgcj10aGlzLl9fZGF0YV9fLGU9SyhyLHQpO3JldHVybiBlPDA/dm9pZCAwOnJbZV1bMV19LHEucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gSyh0aGlzLl9fZGF0YV9fLHQpPi0xfSxxLnByb3RvdHlwZS5zZXQ9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fLG49SyhlLHQpO3JldHVybiBuPDA/KCsrdGhpcy5zaXplLGUucHVzaChbdCxyXSkpOmVbbl1bMV09cix0aGlzfTt2YXIgRz1rKG4sIk1hcCIpO2Z1bmN0aW9uIEgodCxyKXt2YXIgZSxuLG89dC5fX2RhdGFfXztyZXR1cm4oInN0cmluZyI9PShuPXR5cGVvZihlPXIpKXx8Im51bWJlciI9PW58fCJzeW1ib2wiPT1ufHwiYm9vbGVhbiI9PW4/Il9fcHJvdG9fXyIhPT1lOm51bGw9PT1lKT9vWyJzdHJpbmciPT10eXBlb2Ygcj8ic3RyaW5nIjoiaGFzaCJdOm8ubWFwfWZ1bmN0aW9uIEoodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuY2xlYXIoKTsrK3I8ZTspe3ZhciBuPXRbcl07dGhpcy5zZXQoblswXSxuWzFdKX19Si5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLnNpemU9MCx0aGlzLl9fZGF0YV9fPXtoYXNoOm5ldyBMLG1hcDpuZXcoR3x8cSksc3RyaW5nOm5ldyBMfX0sSi5wcm90b3R5cGUuZGVsZXRlPWZ1bmN0aW9uKHQpe3ZhciByPUgodGhpcyx0KS5kZWxldGUodCk7cmV0dXJuIHRoaXMuc2l6ZS09cj8xOjAscn0sSi5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiBIKHRoaXMsdCkuZ2V0KHQpfSxKLnByb3RvdHlwZS5oYXM9ZnVuY3Rpb24odCl7cmV0dXJuIEgodGhpcyx0KS5oYXModCl9LEoucHJvdG90eXBlLnNldD1mdW5jdGlvbih0LHIpe3ZhciBlPUgodGhpcyx0KSxuPWUuc2l6ZTtyZXR1cm4gZS5zZXQodCxyKSx0aGlzLnNpemUrPWUuc2l6ZT09bj8wOjEsdGhpc307dmFyIFE9IkV4cGVjdGVkIGEgZnVuY3Rpb24iO2Z1bmN0aW9uIFgodCxyKXtpZigiZnVuY3Rpb24iIT10eXBlb2YgdHx8bnVsbCE9ciYmImZ1bmN0aW9uIiE9dHlwZW9mIHIpdGhyb3cgbmV3IFR5cGVFcnJvcihRKTt2YXIgZT1mdW5jdGlvbigpe3ZhciBuPWFyZ3VtZW50cyxvPXI/ci5hcHBseSh0aGlzLG4pOm5bMF0sdT1lLmNhY2hlO2lmKHUuaGFzKG8pKXJldHVybiB1LmdldChvKTt2YXIgaT10LmFwcGx5KHRoaXMsbik7cmV0dXJuIGUuY2FjaGU9dS5zZXQobyxpKXx8dSxpfTtyZXR1cm4gZS5jYWNoZT1uZXcoWC5DYWNoZXx8SiksZX1YLkNhY2hlPUo7dmFyIFksWix0dCxydD0vW14uW1xdXSt8XFsoPzooLT9cZCsoPzpcLlxkKyk/KXwoWyInXSkoKD86KD8hXDIpW15cXF18XFwuKSo/KVwyKVxdfCg/PSg/OlwufFxbXF0pKD86XC58XFtcXXwkKSkvZyxldD0vXFwoXFwpPy9nLG50PShZPWZ1bmN0aW9uKHQpe3ZhciByPVtdO3JldHVybiA0Nj09PXQuY2hhckNvZGVBdCgwKSYmci5wdXNoKCIiKSx0LnJlcGxhY2UocnQsKGZ1bmN0aW9uKHQsZSxuLG8pe3IucHVzaChuP28ucmVwbGFjZShldCwiJDEiKTplfHx0KX0pKSxyfSxaPVgoWSwoZnVuY3Rpb24odCl7cmV0dXJuIDUwMD09PXR0LnNpemUmJnR0LmNsZWFyKCksdH0pKSx0dD1aLmNhY2hlLFopLG90PW50O2Z1bmN0aW9uIHV0KHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoLG89QXJyYXkobik7KytlPG47KW9bZV09cih0W2VdLGUsdCk7cmV0dXJuIG99dmFyIGl0PTEvMCxjdD1vP28ucHJvdG90eXBlOnZvaWQgMCxhdD1jdD9jdC50b1N0cmluZzp2b2lkIDA7ZnVuY3Rpb24gZnQocil7aWYoInN0cmluZyI9PXR5cGVvZiByKXJldHVybiByO2lmKHQocikpcmV0dXJuIHV0KHIsZnQpKyIiO2lmKGgocikpcmV0dXJuIGF0P2F0LmNhbGwocik6IiI7dmFyIGU9cisiIjtyZXR1cm4iMCI9PWUmJjEvcj09LWl0PyItMCI6ZX1mdW5jdGlvbiBsdChyLGUpe3JldHVybiB0KHIpP3I6ZyhyLGUpP1tyXTpvdChmdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD8iIjpmdCh0KX0ocikpfXZhciBzdD0xLzA7ZnVuY3Rpb24gcHQodCl7aWYoInN0cmluZyI9PXR5cGVvZiB0fHxoKHQpKXJldHVybiB0O3ZhciByPXQrIiI7cmV0dXJuIjAiPT1yJiYxL3Q9PS1zdD8iLTAiOnJ9ZnVuY3Rpb24gdnQodCxyKXtmb3IodmFyIGU9MCxuPShyPWx0KHIsdCkpLmxlbmd0aDtudWxsIT10JiZlPG47KXQ9dFtwdChyW2UrK10pXTtyZXR1cm4gZSYmZT09bj90OnZvaWQgMH1mdW5jdGlvbiBidCh0LHIsZSl7dmFyIG49bnVsbD09dD92b2lkIDA6dnQodCxyKTtyZXR1cm4gdm9pZCAwPT09bj9lOm59ZnVuY3Rpb24geXQodCl7cmV0dXJuIltvYmplY3QgU3RyaW5nXSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9ZnVuY3Rpb24gaHQodCl7cmV0dXJuISgheXQodCl8fCIiPT09dCl9ZnVuY3Rpb24gZHQodCl7cmV0dXJuIltvYmplY3QgT2JqZWN0XSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9ZnVuY3Rpb24ganQodCl7aWYoZHQodCkpe2ZvcihsZXQgciBpbiB0KXJldHVybiEwO3JldHVybiExfXJldHVybiExfWZ1bmN0aW9uIGd0KHQpe3JldHVybiJbb2JqZWN0IEFycmF5XSI9PT1PYmplY3QucHJvdG90eXBlLnRvU3RyaW5nLmNhbGwodCl9ZnVuY3Rpb24gX3QodCl7cmV0dXJuIHQhPXR9ZnVuY3Rpb24gT3QodCl7cmV0dXJuISFmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBVbmRlZmluZWRdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCghIWZ1bmN0aW9uKHQpe3JldHVybiJbb2JqZWN0IE51bGxdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCl8fCghIWZ1bmN0aW9uKHQpe2lmKGR0KHQpKXtmb3IobGV0IHIgaW4gdClyZXR1cm4hMTtyZXR1cm4hMH1yZXR1cm4hMX0odCl8fCghIWZ1bmN0aW9uKHQpe3JldHVybiEoIXl0KHQpfHwiIiE9PXQpfSh0KXx8KCEhZnVuY3Rpb24odCl7cmV0dXJuISFndCh0KSYmMD09PXQubGVuZ3RofSh0KXx8ISFfdCh0KSkpKSl9ZnVuY3Rpb24gd3QodCl7cmV0dXJuISFndCh0KSYmKDAhPT10Lmxlbmd0aCYmKDEhPT10Lmxlbmd0aHx8IU90KHRbMF0pKSl9dmFyIG10PSJbb2JqZWN0IEJvb2xlYW5dIjtmdW5jdGlvbiBBdCh0KXtyZXR1cm4hMD09PShyPXQpfHwhMT09PXJ8fGIocikmJnYocik9PW10O3ZhciByfWZ1bmN0aW9uIHh0KHQpe3ZhciByPXRoaXMuX19kYXRhX189bmV3IHEodCk7dGhpcy5zaXplPXIuc2l6ZX14dC5wcm90b3R5cGUuY2xlYXI9ZnVuY3Rpb24oKXt0aGlzLl9fZGF0YV9fPW5ldyBxLHRoaXMuc2l6ZT0wfSx4dC5wcm90b3R5cGUuZGVsZXRlPWZ1bmN0aW9uKHQpe3ZhciByPXRoaXMuX19kYXRhX18sZT1yLmRlbGV0ZSh0KTtyZXR1cm4gdGhpcy5zaXplPXIuc2l6ZSxlfSx4dC5wcm90b3R5cGUuZ2V0PWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLl9fZGF0YV9fLmdldCh0KX0seHQucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5oYXModCl9LHh0LnByb3RvdHlwZS5zZXQ9ZnVuY3Rpb24odCxyKXt2YXIgZT10aGlzLl9fZGF0YV9fO2lmKGUgaW5zdGFuY2VvZiBxKXt2YXIgbj1lLl9fZGF0YV9fO2lmKCFHfHxuLmxlbmd0aDwxOTkpcmV0dXJuIG4ucHVzaChbdCxyXSksdGhpcy5zaXplPSsrZS5zaXplLHRoaXM7ZT10aGlzLl9fZGF0YV9fPW5ldyBKKG4pfXJldHVybiBlLnNldCh0LHIpLHRoaXMuc2l6ZT1lLnNpemUsdGhpc307ZnVuY3Rpb24gU3QodCl7dmFyIHI9LTEsZT1udWxsPT10PzA6dC5sZW5ndGg7Zm9yKHRoaXMuX19kYXRhX189bmV3IEo7KytyPGU7KXRoaXMuYWRkKHRbcl0pfWZ1bmN0aW9uIFB0KHQscil7Zm9yKHZhciBlPS0xLG49bnVsbD09dD8wOnQubGVuZ3RoOysrZTxuOylpZihyKHRbZV0sZSx0KSlyZXR1cm4hMDtyZXR1cm4hMX1mdW5jdGlvbiB6dCh0LHIpe3JldHVybiB0LmhhcyhyKX1TdC5wcm90b3R5cGUuYWRkPVN0LnByb3RvdHlwZS5wdXNoPWZ1bmN0aW9uKHQpe3JldHVybiB0aGlzLl9fZGF0YV9fLnNldCh0LCJfX2xvZGFzaF9oYXNoX3VuZGVmaW5lZF9fIiksdGhpc30sU3QucHJvdG90eXBlLmhhcz1mdW5jdGlvbih0KXtyZXR1cm4gdGhpcy5fX2RhdGFfXy5oYXModCl9O3ZhciBFdD0xLEl0PTI7ZnVuY3Rpb24gTnQodCxyLGUsbixvLHUpe3ZhciBpPWUmRXQsYz10Lmxlbmd0aCxhPXIubGVuZ3RoO2lmKGMhPWEmJiEoaSYmYT5jKSlyZXR1cm4hMTt2YXIgZj11LmdldCh0KSxsPXUuZ2V0KHIpO2lmKGYmJmwpcmV0dXJuIGY9PXImJmw9PXQ7dmFyIHM9LTEscD0hMCx2PWUmSXQ/bmV3IFN0OnZvaWQgMDtmb3IodS5zZXQodCxyKSx1LnNldChyLHQpOysrczxjOyl7dmFyIGI9dFtzXSx5PXJbc107aWYobil2YXIgaD1pP24oeSxiLHMscix0LHUpOm4oYix5LHMsdCxyLHUpO2lmKHZvaWQgMCE9PWgpe2lmKGgpY29udGludWU7cD0hMTticmVha31pZih2KXtpZighUHQociwoZnVuY3Rpb24odCxyKXtpZighenQodixyKSYmKGI9PT10fHxvKGIsdCxlLG4sdSkpKXJldHVybiB2LnB1c2gocil9KSkpe3A9ITE7YnJlYWt9fWVsc2UgaWYoYiE9PXkmJiFvKGIseSxlLG4sdSkpe3A9ITE7YnJlYWt9fXJldHVybiB1LmRlbGV0ZSh0KSx1LmRlbGV0ZShyKSxwfXZhciBUdD1uLlVpbnQ4QXJyYXk7ZnVuY3Rpb24gJHQodCl7dmFyIHI9LTEsZT1BcnJheSh0LnNpemUpO3JldHVybiB0LmZvckVhY2goKGZ1bmN0aW9uKHQsbil7ZVsrK3JdPVtuLHRdfSkpLGV9ZnVuY3Rpb24gQ3QodCl7dmFyIHI9LTEsZT1BcnJheSh0LnNpemUpO3JldHVybiB0LmZvckVhY2goKGZ1bmN0aW9uKHQpe2VbKytyXT10fSkpLGV9dmFyIEZ0PTEsTXQ9MixVdD0iW29iamVjdCBCb29sZWFuXSIsa3Q9IltvYmplY3QgRGF0ZV0iLEJ0PSJbb2JqZWN0IEVycm9yXSIsRHQ9IltvYmplY3QgTWFwXSIsUnQ9IltvYmplY3QgTnVtYmVyXSIsTHQ9IltvYmplY3QgUmVnRXhwXSIsVnQ9IltvYmplY3QgU2V0XSIsS3Q9IltvYmplY3QgU3RyaW5nXSIsV3Q9IltvYmplY3QgU3ltYm9sXSIscXQ9IltvYmplY3QgQXJyYXlCdWZmZXJdIixHdD0iW29iamVjdCBEYXRhVmlld10iLEh0PW8/by5wcm90b3R5cGU6dm9pZCAwLEp0PUh0P0h0LnZhbHVlT2Y6dm9pZCAwO2Z1bmN0aW9uIFF0KHQscil7Zm9yKHZhciBlPS0xLG49ci5sZW5ndGgsbz10Lmxlbmd0aDsrK2U8bjspdFtvK2VdPXJbZV07cmV0dXJuIHR9ZnVuY3Rpb24gWHQocixlLG4pe3ZhciBvPWUocik7cmV0dXJuIHQocik/bzpRdChvLG4ocikpfWZ1bmN0aW9uIFl0KCl7cmV0dXJuW119dmFyIFp0PU9iamVjdC5wcm90b3R5cGUucHJvcGVydHlJc0VudW1lcmFibGUsdHI9T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyxycj10cj9mdW5jdGlvbih0KXtyZXR1cm4gbnVsbD09dD9bXToodD1PYmplY3QodCksZnVuY3Rpb24odCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGgsbz0wLHU9W107KytlPG47KXt2YXIgaT10W2VdO3IoaSxlLHQpJiYodVtvKytdPWkpfXJldHVybiB1fSh0cih0KSwoZnVuY3Rpb24ocil7cmV0dXJuIFp0LmNhbGwodCxyKX0pKSl9Oll0LGVyPXJyO2Z1bmN0aW9uIG5yKHQpe3JldHVybiBiKHQpJiYiW29iamVjdCBBcmd1bWVudHNdIj09dih0KX12YXIgb3I9T2JqZWN0LnByb3RvdHlwZSx1cj1vci5oYXNPd25Qcm9wZXJ0eSxpcj1vci5wcm9wZXJ0eUlzRW51bWVyYWJsZSxjcj1ucihmdW5jdGlvbigpe3JldHVybiBhcmd1bWVudHN9KCkpP25yOmZ1bmN0aW9uKHQpe3JldHVybiBiKHQpJiZ1ci5jYWxsKHQsImNhbGxlZSIpJiYhaXIuY2FsbCh0LCJjYWxsZWUiKX07dmFyIGFyPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsZnI9YXImJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxscj1mciYmZnIuZXhwb3J0cz09PWFyP24uQnVmZmVyOnZvaWQgMCxzcj0obHI/bHIuaXNCdWZmZXI6dm9pZCAwKXx8ZnVuY3Rpb24oKXtyZXR1cm4hMX0scHI9OTAwNzE5OTI1NDc0MDk5MSx2cj0vXig/OjB8WzEtOV1cZCopJC87ZnVuY3Rpb24gYnIodCxyKXt2YXIgZT10eXBlb2YgdDtyZXR1cm4hIShyPW51bGw9PXI/cHI6cikmJigibnVtYmVyIj09ZXx8InN5bWJvbCIhPWUmJnZyLnRlc3QodCkpJiZ0Pi0xJiZ0JTE9PTAmJnQ8cn12YXIgeXI9OTAwNzE5OTI1NDc0MDk5MTtmdW5jdGlvbiBocih0KXtyZXR1cm4ibnVtYmVyIj09dHlwZW9mIHQmJnQ+LTEmJnQlMT09MCYmdDw9eXJ9dmFyIGRyPXt9O2Z1bmN0aW9uIGpyKHQpe3JldHVybiBmdW5jdGlvbihyKXtyZXR1cm4gdChyKX19ZHJbIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPWRyWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1kclsiW29iamVjdCBJbnQ4QXJyYXldIl09ZHJbIltvYmplY3QgSW50MTZBcnJheV0iXT1kclsiW29iamVjdCBJbnQzMkFycmF5XSJdPWRyWyJbb2JqZWN0IFVpbnQ4QXJyYXldIl09ZHJbIltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIl09ZHJbIltvYmplY3QgVWludDE2QXJyYXldIl09ZHJbIltvYmplY3QgVWludDMyQXJyYXldIl09ITAsZHJbIltvYmplY3QgQXJndW1lbnRzXSJdPWRyWyJbb2JqZWN0IEFycmF5XSJdPWRyWyJbb2JqZWN0IEFycmF5QnVmZmVyXSJdPWRyWyJbb2JqZWN0IEJvb2xlYW5dIl09ZHJbIltvYmplY3QgRGF0YVZpZXddIl09ZHJbIltvYmplY3QgRGF0ZV0iXT1kclsiW29iamVjdCBFcnJvcl0iXT1kclsiW29iamVjdCBGdW5jdGlvbl0iXT1kclsiW29iamVjdCBNYXBdIl09ZHJbIltvYmplY3QgTnVtYmVyXSJdPWRyWyJbb2JqZWN0IE9iamVjdF0iXT1kclsiW29iamVjdCBSZWdFeHBdIl09ZHJbIltvYmplY3QgU2V0XSJdPWRyWyJbb2JqZWN0IFN0cmluZ10iXT1kclsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBncj0ib2JqZWN0Ij09dHlwZW9mIGV4cG9ydHMmJmV4cG9ydHMmJiFleHBvcnRzLm5vZGVUeXBlJiZleHBvcnRzLF9yPWdyJiYib2JqZWN0Ij09dHlwZW9mIG1vZHVsZSYmbW9kdWxlJiYhbW9kdWxlLm5vZGVUeXBlJiZtb2R1bGUsT3I9X3ImJl9yLmV4cG9ydHM9PT1nciYmci5wcm9jZXNzLHdyPWZ1bmN0aW9uKCl7dHJ5e3ZhciB0PV9yJiZfci5yZXF1aXJlJiZfci5yZXF1aXJlKCJ1dGlsIikudHlwZXM7cmV0dXJuIHR8fE9yJiZPci5iaW5kaW5nJiZPci5iaW5kaW5nKCJ1dGlsIil9Y2F0Y2godCl7fX0oKSxtcj13ciYmd3IuaXNUeXBlZEFycmF5LEFyPW1yP2pyKG1yKTpmdW5jdGlvbih0KXtyZXR1cm4gYih0KSYmaHIodC5sZW5ndGgpJiYhIWRyW3YodCldfSx4cj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFNyKHIsZSl7dmFyIG49dChyKSxvPSFuJiZjcihyKSx1PSFuJiYhbyYmc3IociksaT0hbiYmIW8mJiF1JiZBcihyKSxjPW58fG98fHV8fGksYT1jP2Z1bmN0aW9uKHQscil7Zm9yKHZhciBlPS0xLG49QXJyYXkodCk7KytlPHQ7KW5bZV09cihlKTtyZXR1cm4gbn0oci5sZW5ndGgsU3RyaW5nKTpbXSxmPWEubGVuZ3RoO2Zvcih2YXIgbCBpbiByKSFlJiYheHIuY2FsbChyLGwpfHxjJiYoImxlbmd0aCI9PWx8fHUmJigib2Zmc2V0Ij09bHx8InBhcmVudCI9PWwpfHxpJiYoImJ1ZmZlciI9PWx8fCJieXRlTGVuZ3RoIj09bHx8ImJ5dGVPZmZzZXQiPT1sKXx8YnIobCxmKSl8fGEucHVzaChsKTtyZXR1cm4gYX12YXIgUHI9T2JqZWN0LnByb3RvdHlwZTtmdW5jdGlvbiB6cih0KXt2YXIgcj10JiZ0LmNvbnN0cnVjdG9yO3JldHVybiB0PT09KCJmdW5jdGlvbiI9PXR5cGVvZiByJiZyLnByb3RvdHlwZXx8UHIpfWZ1bmN0aW9uIEVyKHQscil7cmV0dXJuIGZ1bmN0aW9uKGUpe3JldHVybiB0KHIoZSkpfX12YXIgSXI9RXIoT2JqZWN0LmtleXMsT2JqZWN0KSxOcj1PYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5O2Z1bmN0aW9uIFRyKHQpe2lmKCF6cih0KSlyZXR1cm4gSXIodCk7dmFyIHI9W107Zm9yKHZhciBlIGluIE9iamVjdCh0KSlOci5jYWxsKHQsZSkmJiJjb25zdHJ1Y3RvciIhPWUmJnIucHVzaChlKTtyZXR1cm4gcn1mdW5jdGlvbiAkcih0KXtyZXR1cm4gbnVsbCE9dCYmaHIodC5sZW5ndGgpJiYheCh0KX1mdW5jdGlvbiBDcih0KXtyZXR1cm4gJHIodCk/U3IodCk6VHIodCl9ZnVuY3Rpb24gRnIodCl7cmV0dXJuIFh0KHQsQ3IsZXIpfXZhciBNcj0xLFVyPU9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7dmFyIGtyPWsobiwiRGF0YVZpZXciKSxCcj1rKG4sIlByb21pc2UiKSxEcj1rKG4sIlNldCIpLFJyPWsobiwiV2Vha01hcCIpLExyPSJbb2JqZWN0IE1hcF0iLFZyPSJbb2JqZWN0IFByb21pc2VdIixLcj0iW29iamVjdCBTZXRdIixXcj0iW29iamVjdCBXZWFrTWFwXSIscXI9IltvYmplY3QgRGF0YVZpZXddIixHcj1JKGtyKSxIcj1JKEcpLEpyPUkoQnIpLFFyPUkoRHIpLFhyPUkoUnIpLFlyPXY7KGtyJiZZcihuZXcga3IobmV3IEFycmF5QnVmZmVyKDEpKSkhPXFyfHxHJiZZcihuZXcgRykhPUxyfHxCciYmWXIoQnIucmVzb2x2ZSgpKSE9VnJ8fERyJiZZcihuZXcgRHIpIT1Lcnx8UnImJllyKG5ldyBScikhPVdyKSYmKFlyPWZ1bmN0aW9uKHQpe3ZhciByPXYodCksZT0iW29iamVjdCBPYmplY3RdIj09cj90LmNvbnN0cnVjdG9yOnZvaWQgMCxuPWU/SShlKToiIjtpZihuKXN3aXRjaChuKXtjYXNlIEdyOnJldHVybiBxcjtjYXNlIEhyOnJldHVybiBMcjtjYXNlIEpyOnJldHVybiBWcjtjYXNlIFFyOnJldHVybiBLcjtjYXNlIFhyOnJldHVybiBXcn1yZXR1cm4gcn0pO3ZhciBacj1Zcix0ZT0xLHJlPSJbb2JqZWN0IEFyZ3VtZW50c10iLGVlPSJbb2JqZWN0IEFycmF5XSIsbmU9IltvYmplY3QgT2JqZWN0XSIsb2U9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiB1ZShyLGUsbixvLHUsaSl7dmFyIGM9dChyKSxhPXQoZSksZj1jP2VlOlpyKHIpLGw9YT9lZTpacihlKSxzPShmPWY9PXJlP25lOmYpPT1uZSxwPShsPWw9PXJlP25lOmwpPT1uZSx2PWY9PWw7aWYodiYmc3Iocikpe2lmKCFzcihlKSlyZXR1cm4hMTtjPSEwLHM9ITF9aWYodiYmIXMpcmV0dXJuIGl8fChpPW5ldyB4dCksY3x8QXIocik/TnQocixlLG4sbyx1LGkpOmZ1bmN0aW9uKHQscixlLG4sbyx1LGkpe3N3aXRjaChlKXtjYXNlIEd0OmlmKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHx0LmJ5dGVPZmZzZXQhPXIuYnl0ZU9mZnNldClyZXR1cm4hMTt0PXQuYnVmZmVyLHI9ci5idWZmZXI7Y2FzZSBxdDpyZXR1cm4hKHQuYnl0ZUxlbmd0aCE9ci5ieXRlTGVuZ3RofHwhdShuZXcgVHQodCksbmV3IFR0KHIpKSk7Y2FzZSBVdDpjYXNlIGt0OmNhc2UgUnQ6cmV0dXJuIFYoK3QsK3IpO2Nhc2UgQnQ6cmV0dXJuIHQubmFtZT09ci5uYW1lJiZ0Lm1lc3NhZ2U9PXIubWVzc2FnZTtjYXNlIEx0OmNhc2UgS3Q6cmV0dXJuIHQ9PXIrIiI7Y2FzZSBEdDp2YXIgYz0kdDtjYXNlIFZ0OnZhciBhPW4mRnQ7aWYoY3x8KGM9Q3QpLHQuc2l6ZSE9ci5zaXplJiYhYSlyZXR1cm4hMTt2YXIgZj1pLmdldCh0KTtpZihmKXJldHVybiBmPT1yO258PU10LGkuc2V0KHQscik7dmFyIGw9TnQoYyh0KSxjKHIpLG4sbyx1LGkpO3JldHVybiBpLmRlbGV0ZSh0KSxsO2Nhc2UgV3Q6aWYoSnQpcmV0dXJuIEp0LmNhbGwodCk9PUp0LmNhbGwocil9cmV0dXJuITF9KHIsZSxmLG4sbyx1LGkpO2lmKCEobiZ0ZSkpe3ZhciBiPXMmJm9lLmNhbGwociwiX193cmFwcGVkX18iKSx5PXAmJm9lLmNhbGwoZSwiX193cmFwcGVkX18iKTtpZihifHx5KXt2YXIgaD1iP3IudmFsdWUoKTpyLGQ9eT9lLnZhbHVlKCk6ZTtyZXR1cm4gaXx8KGk9bmV3IHh0KSx1KGgsZCxuLG8saSl9fXJldHVybiEhdiYmKGl8fChpPW5ldyB4dCksZnVuY3Rpb24odCxyLGUsbixvLHUpe3ZhciBpPWUmTXIsYz1Gcih0KSxhPWMubGVuZ3RoO2lmKGEhPUZyKHIpLmxlbmd0aCYmIWkpcmV0dXJuITE7Zm9yKHZhciBmPWE7Zi0tOyl7dmFyIGw9Y1tmXTtpZighKGk/bCBpbiByOlVyLmNhbGwocixsKSkpcmV0dXJuITF9dmFyIHM9dS5nZXQodCkscD11LmdldChyKTtpZihzJiZwKXJldHVybiBzPT1yJiZwPT10O3ZhciB2PSEwO3Uuc2V0KHQsciksdS5zZXQocix0KTtmb3IodmFyIGI9aTsrK2Y8YTspe3ZhciB5PXRbbD1jW2ZdXSxoPXJbbF07aWYobil2YXIgZD1pP24oaCx5LGwscix0LHUpOm4oeSxoLGwsdCxyLHUpO2lmKCEodm9pZCAwPT09ZD95PT09aHx8byh5LGgsZSxuLHUpOmQpKXt2PSExO2JyZWFrfWJ8fChiPSJjb25zdHJ1Y3RvciI9PWwpfWlmKHYmJiFiKXt2YXIgaj10LmNvbnN0cnVjdG9yLGc9ci5jb25zdHJ1Y3RvcjtqPT1nfHwhKCJjb25zdHJ1Y3RvciJpbiB0KXx8ISgiY29uc3RydWN0b3IiaW4gcil8fCJmdW5jdGlvbiI9PXR5cGVvZiBqJiZqIGluc3RhbmNlb2YgaiYmImZ1bmN0aW9uIj09dHlwZW9mIGcmJmcgaW5zdGFuY2VvZiBnfHwodj0hMSl9cmV0dXJuIHUuZGVsZXRlKHQpLHUuZGVsZXRlKHIpLHZ9KHIsZSxuLG8sdSxpKSl9ZnVuY3Rpb24gaWUodCxyLGUsbixvKXtyZXR1cm4gdD09PXJ8fChudWxsPT10fHxudWxsPT1yfHwhYih0KSYmIWIocik/dCE9dCYmciE9cjp1ZSh0LHIsZSxuLGllLG8pKX12YXIgY2U9MSxhZT0yO2Z1bmN0aW9uIGZlKHQpe3JldHVybiB0PT10JiYhXyh0KX1mdW5jdGlvbiBsZSh0LHIpe3JldHVybiBmdW5jdGlvbihlKXtyZXR1cm4gbnVsbCE9ZSYmKGVbdF09PT1yJiYodm9pZCAwIT09cnx8dCBpbiBPYmplY3QoZSkpKX19ZnVuY3Rpb24gc2UodCl7dmFyIHI9ZnVuY3Rpb24odCl7Zm9yKHZhciByPUNyKHQpLGU9ci5sZW5ndGg7ZS0tOyl7dmFyIG49cltlXSxvPXRbbl07cltlXT1bbixvLGZlKG8pXX1yZXR1cm4gcn0odCk7cmV0dXJuIDE9PXIubGVuZ3RoJiZyWzBdWzJdP2xlKHJbMF1bMF0sclswXVsxXSk6ZnVuY3Rpb24oZSl7cmV0dXJuIGU9PT10fHxmdW5jdGlvbih0LHIsZSxuKXt2YXIgbz1lLmxlbmd0aCx1PW8saT0hbjtpZihudWxsPT10KXJldHVybiF1O2Zvcih0PU9iamVjdCh0KTtvLS07KXt2YXIgYz1lW29dO2lmKGkmJmNbMl0/Y1sxXSE9PXRbY1swXV06IShjWzBdaW4gdCkpcmV0dXJuITF9Zm9yKDsrK288dTspe3ZhciBhPShjPWVbb10pWzBdLGY9dFthXSxsPWNbMV07aWYoaSYmY1syXSl7aWYodm9pZCAwPT09ZiYmIShhIGluIHQpKXJldHVybiExfWVsc2V7dmFyIHM9bmV3IHh0O2lmKG4pdmFyIHA9bihmLGwsYSx0LHIscyk7aWYoISh2b2lkIDA9PT1wP2llKGwsZixjZXxhZSxuLHMpOnApKXJldHVybiExfX1yZXR1cm4hMH0oZSx0LHIpfX1mdW5jdGlvbiBwZSh0LHIpe3JldHVybiBudWxsIT10JiZyIGluIE9iamVjdCh0KX1mdW5jdGlvbiB2ZShyLGUpe3JldHVybiBudWxsIT1yJiZmdW5jdGlvbihyLGUsbil7Zm9yKHZhciBvPS0xLHU9KGU9bHQoZSxyKSkubGVuZ3RoLGk9ITE7KytvPHU7KXt2YXIgYz1wdChlW29dKTtpZighKGk9bnVsbCE9ciYmbihyLGMpKSlicmVhaztyPXJbY119cmV0dXJuIGl8fCsrbyE9dT9pOiEhKHU9bnVsbD09cj8wOnIubGVuZ3RoKSYmaHIodSkmJmJyKGMsdSkmJih0KHIpfHxjcihyKSl9KHIsZSxwZSl9dmFyIGJlPTEseWU9MjtmdW5jdGlvbiBoZSh0KXtyZXR1cm4gdH1mdW5jdGlvbiBkZSh0KXtyZXR1cm4gZnVuY3Rpb24ocil7cmV0dXJuIG51bGw9PXI/dm9pZCAwOnJbdF19fWZ1bmN0aW9uIGplKHQpe3JldHVybiBnKHQpP2RlKHB0KHQpKTpmdW5jdGlvbih0KXtyZXR1cm4gZnVuY3Rpb24ocil7cmV0dXJuIHZ0KHIsdCl9fSh0KX1mdW5jdGlvbiBnZShyKXtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2Ygcj9yOm51bGw9PXI/aGU6Im9iamVjdCI9PXR5cGVvZiByP3Qocik/KGU9clswXSxuPXJbMV0sZyhlKSYmZmUobik/bGUocHQoZSksbik6ZnVuY3Rpb24odCl7dmFyIHI9YnQodCxlKTtyZXR1cm4gdm9pZCAwPT09ciYmcj09PW4/dmUodCxlKTppZShuLHIsYmV8eWUpfSk6c2Uocik6amUocik7dmFyIGUsbn12YXIgX2UsT2U9ZnVuY3Rpb24odCxyLGUpe2Zvcih2YXIgbj0tMSxvPU9iamVjdCh0KSx1PWUodCksaT11Lmxlbmd0aDtpLS07KXt2YXIgYz11W19lP2k6KytuXTtpZighMT09PXIob1tjXSxjLG8pKWJyZWFrfXJldHVybiB0fTt2YXIgd2U9ZnVuY3Rpb24odCxyKXtyZXR1cm4gZnVuY3Rpb24oZSxuKXtpZihudWxsPT1lKXJldHVybiBlO2lmKCEkcihlKSlyZXR1cm4gdChlLG4pO2Zvcih2YXIgbz1lLmxlbmd0aCx1PXI/bzotMSxpPU9iamVjdChlKTsocj91LS06Kyt1PG8pJiYhMSE9PW4oaVt1XSx1LGkpOyk7cmV0dXJuIGV9fSgoZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmT2UodCxyLENyKX0pKSxtZT13ZTtmdW5jdGlvbiBBZSh0LHIpe3ZhciBlPS0xLG49JHIodCk/QXJyYXkodC5sZW5ndGgpOltdO3JldHVybiBtZSh0LChmdW5jdGlvbih0LG8sdSl7blsrK2VdPXIodCxvLHUpfSkpLG59dmFyIHhlPUFycmF5LnByb3RvdHlwZS5qb2luO3ZhciBTZT0iW29iamVjdCBTdHJpbmddIjt2YXIgUGU9ZGUoImxlbmd0aCIpLHplPVJlZ0V4cCgiW1xcdTIwMGRcXHVkODAwLVxcdWRmZmZcXHUwMzAwLVxcdTAzNmZcXHVmZTIwLVxcdWZlMmZcXHUyMGQwLVxcdTIwZmZcXHVmZTBlXFx1ZmUwZl0iKTt2YXIgRWU9IlxcdWQ4MDAtXFx1ZGZmZiIsSWU9IlsiK0VlKyJdIixOZT0iW1xcdTAzMDAtXFx1MDM2ZlxcdWZlMjAtXFx1ZmUyZlxcdTIwZDAtXFx1MjBmZl0iLFRlPSJcXHVkODNjW1xcdWRmZmItXFx1ZGZmZl0iLCRlPSJbXiIrRWUrIl0iLENlPSIoPzpcXHVkODNjW1xcdWRkZTYtXFx1ZGRmZl0pezJ9IixGZT0iW1xcdWQ4MDAtXFx1ZGJmZl1bXFx1ZGMwMC1cXHVkZmZmXSIsTWU9Iig/OiIrTmUrInwiK1RlKyIpIisiPyIsVWU9IltcXHVmZTBlXFx1ZmUwZl0/IixrZT1VZStNZSsoIig/OlxcdTIwMGQoPzoiK1skZSxDZSxGZV0uam9pbigifCIpKyIpIitVZStNZSsiKSoiKSxCZT0iKD86IitbJGUrTmUrIj8iLE5lLENlLEZlLEllXS5qb2luKCJ8IikrIikiLERlPVJlZ0V4cChUZSsiKD89IitUZSsiKXwiK0JlK2tlLCJnIik7ZnVuY3Rpb24gUmUodCl7cmV0dXJuIGZ1bmN0aW9uKHQpe3JldHVybiB6ZS50ZXN0KHQpfSh0KT9mdW5jdGlvbih0KXtmb3IodmFyIHI9RGUubGFzdEluZGV4PTA7RGUudGVzdCh0KTspKytyO3JldHVybiByfSh0KTpQZSh0KX12YXIgTGU9IltvYmplY3QgTWFwXSIsVmU9IltvYmplY3QgU2V0XSI7ZnVuY3Rpb24gS2Uocil7aWYobnVsbD09cilyZXR1cm4gMDtpZigkcihyKSlyZXR1cm4ic3RyaW5nIj09dHlwZW9mKGU9cil8fCF0KGUpJiZiKGUpJiZ2KGUpPT1TZT9SZShyKTpyLmxlbmd0aDt2YXIgZSxuPVpyKHIpO3JldHVybiBuPT1MZXx8bj09VmU/ci5zaXplOlRyKHIpLmxlbmd0aH12YXIgV2U9IltvYmplY3QgTnVtYmVyXSI7ZnVuY3Rpb24gcWUodCxyKXtmb3IodmFyIGU9LTEsbj1udWxsPT10PzA6dC5sZW5ndGg7KytlPG4mJiExIT09cih0W2VdLGUsdCk7KTtyZXR1cm4gdH12YXIgR2U9ZnVuY3Rpb24oKXt0cnl7dmFyIHQ9ayhPYmplY3QsImRlZmluZVByb3BlcnR5Iik7cmV0dXJuIHQoe30sIiIse30pLHR9Y2F0Y2godCl7fX0oKSxIZT1HZTtmdW5jdGlvbiBKZSh0LHIsZSl7Il9fcHJvdG9fXyI9PXImJkhlP0hlKHQscix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITAsdmFsdWU6ZSx3cml0YWJsZTohMH0pOnRbcl09ZX12YXIgUWU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBYZSh0LHIsZSl7dmFyIG49dFtyXTtRZS5jYWxsKHQscikmJlYobixlKSYmKHZvaWQgMCE9PWV8fHIgaW4gdCl8fEplKHQscixlKX1mdW5jdGlvbiBZZSh0LHIsZSxuKXt2YXIgbz0hZTtlfHwoZT17fSk7Zm9yKHZhciB1PS0xLGk9ci5sZW5ndGg7Kyt1PGk7KXt2YXIgYz1yW3VdLGE9bj9uKGVbY10sdFtjXSxjLGUsdCk6dm9pZCAwO3ZvaWQgMD09PWEmJihhPXRbY10pLG8/SmUoZSxjLGEpOlhlKGUsYyxhKX1yZXR1cm4gZX12YXIgWmU9T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiB0bih0KXtpZighXyh0KSlyZXR1cm4gZnVuY3Rpb24odCl7dmFyIHI9W107aWYobnVsbCE9dClmb3IodmFyIGUgaW4gT2JqZWN0KHQpKXIucHVzaChlKTtyZXR1cm4gcn0odCk7dmFyIHI9enIodCksZT1bXTtmb3IodmFyIG4gaW4gdCkoImNvbnN0cnVjdG9yIiE9bnx8IXImJlplLmNhbGwodCxuKSkmJmUucHVzaChuKTtyZXR1cm4gZX1mdW5jdGlvbiBybih0KXtyZXR1cm4gJHIodCk/U3IodCwhMCk6dG4odCl9dmFyIGVuPSJvYmplY3QiPT10eXBlb2YgZXhwb3J0cyYmZXhwb3J0cyYmIWV4cG9ydHMubm9kZVR5cGUmJmV4cG9ydHMsbm49ZW4mJiJvYmplY3QiPT10eXBlb2YgbW9kdWxlJiZtb2R1bGUmJiFtb2R1bGUubm9kZVR5cGUmJm1vZHVsZSxvbj1ubiYmbm4uZXhwb3J0cz09PWVuP24uQnVmZmVyOnZvaWQgMCx1bj1vbj9vbi5hbGxvY1Vuc2FmZTp2b2lkIDA7dmFyIGNuPUVyKE9iamVjdC5nZXRQcm90b3R5cGVPZixPYmplY3QpLGFuPU9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHM/ZnVuY3Rpb24odCl7Zm9yKHZhciByPVtdO3Q7KVF0KHIsZXIodCkpLHQ9Y24odCk7cmV0dXJuIHJ9Oll0LGZuPWFuO2Z1bmN0aW9uIGxuKHQpe3JldHVybiBYdCh0LHJuLGZuKX12YXIgc249T2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eTtmdW5jdGlvbiBwbih0KXt2YXIgcj1uZXcgdC5jb25zdHJ1Y3Rvcih0LmJ5dGVMZW5ndGgpO3JldHVybiBuZXcgVHQocikuc2V0KG5ldyBUdCh0KSkscn12YXIgdm49L1x3KiQvO3ZhciBibj1vP28ucHJvdG90eXBlOnZvaWQgMCx5bj1ibj9ibi52YWx1ZU9mOnZvaWQgMDt2YXIgaG49IltvYmplY3QgQm9vbGVhbl0iLGRuPSJbb2JqZWN0IERhdGVdIixqbj0iW29iamVjdCBNYXBdIixnbj0iW29iamVjdCBOdW1iZXJdIixfbj0iW29iamVjdCBSZWdFeHBdIixPbj0iW29iamVjdCBTZXRdIix3bj0iW29iamVjdCBTdHJpbmddIixtbj0iW29iamVjdCBTeW1ib2xdIixBbj0iW29iamVjdCBBcnJheUJ1ZmZlcl0iLHhuPSJbb2JqZWN0IERhdGFWaWV3XSIsU249IltvYmplY3QgRmxvYXQzMkFycmF5XSIsUG49IltvYmplY3QgRmxvYXQ2NEFycmF5XSIsem49IltvYmplY3QgSW50OEFycmF5XSIsRW49IltvYmplY3QgSW50MTZBcnJheV0iLEluPSJbb2JqZWN0IEludDMyQXJyYXldIixObj0iW29iamVjdCBVaW50OEFycmF5XSIsVG49IltvYmplY3QgVWludDhDbGFtcGVkQXJyYXldIiwkbj0iW29iamVjdCBVaW50MTZBcnJheV0iLENuPSJbb2JqZWN0IFVpbnQzMkFycmF5XSI7ZnVuY3Rpb24gRm4odCxyLGUpe3ZhciBuLG89dC5jb25zdHJ1Y3Rvcjtzd2l0Y2gocil7Y2FzZSBBbjpyZXR1cm4gcG4odCk7Y2FzZSBobjpjYXNlIGRuOnJldHVybiBuZXcgbygrdCk7Y2FzZSB4bjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP3BuKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5ieXRlTGVuZ3RoKX0odCxlKTtjYXNlIFNuOmNhc2UgUG46Y2FzZSB6bjpjYXNlIEVuOmNhc2UgSW46Y2FzZSBObjpjYXNlIFRuOmNhc2UgJG46Y2FzZSBDbjpyZXR1cm4gZnVuY3Rpb24odCxyKXt2YXIgZT1yP3BuKHQuYnVmZmVyKTp0LmJ1ZmZlcjtyZXR1cm4gbmV3IHQuY29uc3RydWN0b3IoZSx0LmJ5dGVPZmZzZXQsdC5sZW5ndGgpfSh0LGUpO2Nhc2Ugam46cmV0dXJuIG5ldyBvO2Nhc2UgZ246Y2FzZSB3bjpyZXR1cm4gbmV3IG8odCk7Y2FzZSBfbjpyZXR1cm4gZnVuY3Rpb24odCl7dmFyIHI9bmV3IHQuY29uc3RydWN0b3IodC5zb3VyY2Usdm4uZXhlYyh0KSk7cmV0dXJuIHIubGFzdEluZGV4PXQubGFzdEluZGV4LHJ9KHQpO2Nhc2UgT246cmV0dXJuIG5ldyBvO2Nhc2UgbW46cmV0dXJuIG49dCx5bj9PYmplY3QoeW4uY2FsbChuKSk6e319fXZhciBNbj1PYmplY3QuY3JlYXRlLFVuPWZ1bmN0aW9uKCl7ZnVuY3Rpb24gdCgpe31yZXR1cm4gZnVuY3Rpb24ocil7aWYoIV8ocikpcmV0dXJue307aWYoTW4pcmV0dXJuIE1uKHIpO3QucHJvdG90eXBlPXI7dmFyIGU9bmV3IHQ7cmV0dXJuIHQucHJvdG90eXBlPXZvaWQgMCxlfX0oKSxrbj1Vbjt2YXIgQm49d3ImJndyLmlzTWFwLERuPUJuP2pyKEJuKTpmdW5jdGlvbih0KXtyZXR1cm4gYih0KSYmIltvYmplY3QgTWFwXSI9PVpyKHQpfTt2YXIgUm49d3ImJndyLmlzU2V0LExuPVJuP2pyKFJuKTpmdW5jdGlvbih0KXtyZXR1cm4gYih0KSYmIltvYmplY3QgU2V0XSI9PVpyKHQpfSxWbj0xLEtuPTIsV249NCxxbj0iW29iamVjdCBBcmd1bWVudHNdIixHbj0iW29iamVjdCBGdW5jdGlvbl0iLEhuPSJbb2JqZWN0IEdlbmVyYXRvckZ1bmN0aW9uXSIsSm49IltvYmplY3QgT2JqZWN0XSIsUW49e307ZnVuY3Rpb24gWG4ocixlLG4sbyx1LGkpe3ZhciBjLGE9ZSZWbixmPWUmS24sbD1lJlduO2lmKG4mJihjPXU/bihyLG8sdSxpKTpuKHIpKSx2b2lkIDAhPT1jKXJldHVybiBjO2lmKCFfKHIpKXJldHVybiByO3ZhciBzPXQocik7aWYocyl7aWYoYz1mdW5jdGlvbih0KXt2YXIgcj10Lmxlbmd0aCxlPW5ldyB0LmNvbnN0cnVjdG9yKHIpO3JldHVybiByJiYic3RyaW5nIj09dHlwZW9mIHRbMF0mJnNuLmNhbGwodCwiaW5kZXgiKSYmKGUuaW5kZXg9dC5pbmRleCxlLmlucHV0PXQuaW5wdXQpLGV9KHIpLCFhKXJldHVybiBmdW5jdGlvbih0LHIpe3ZhciBlPS0xLG49dC5sZW5ndGg7Zm9yKHJ8fChyPUFycmF5KG4pKTsrK2U8bjspcltlXT10W2VdO3JldHVybiByfShyLGMpfWVsc2V7dmFyIHA9WnIociksdj1wPT1Hbnx8cD09SG47aWYoc3IocikpcmV0dXJuIGZ1bmN0aW9uKHQscil7aWYocilyZXR1cm4gdC5zbGljZSgpO3ZhciBlPXQubGVuZ3RoLG49dW4/dW4oZSk6bmV3IHQuY29uc3RydWN0b3IoZSk7cmV0dXJuIHQuY29weShuKSxufShyLGEpO2lmKHA9PUpufHxwPT1xbnx8diYmIXUpe2lmKGM9Znx8dj97fTpmdW5jdGlvbih0KXtyZXR1cm4iZnVuY3Rpb24iIT10eXBlb2YgdC5jb25zdHJ1Y3Rvcnx8enIodCk/e306a24oY24odCkpfShyKSwhYSlyZXR1cm4gZj9mdW5jdGlvbih0LHIpe3JldHVybiBZZSh0LGZuKHQpLHIpfShyLGZ1bmN0aW9uKHQscil7cmV0dXJuIHQmJlllKHIscm4ociksdCl9KGMscikpOmZ1bmN0aW9uKHQscil7cmV0dXJuIFllKHQsZXIodCkscil9KHIsZnVuY3Rpb24odCxyKXtyZXR1cm4gdCYmWWUocixDcihyKSx0KX0oYyxyKSl9ZWxzZXtpZighUW5bcF0pcmV0dXJuIHU/cjp7fTtjPUZuKHIscCxhKX19aXx8KGk9bmV3IHh0KTt2YXIgYj1pLmdldChyKTtpZihiKXJldHVybiBiO2kuc2V0KHIsYyksTG4ocik/ci5mb3JFYWNoKChmdW5jdGlvbih0KXtjLmFkZChYbih0LGUsbix0LHIsaSkpfSkpOkRuKHIpJiZyLmZvckVhY2goKGZ1bmN0aW9uKHQsbyl7Yy5zZXQobyxYbih0LGUsbixvLHIsaSkpfSkpO3ZhciB5PXM/dm9pZCAwOihsP2Y/bG46RnI6Zj9ybjpDcikocik7cmV0dXJuIHFlKHl8fHIsKGZ1bmN0aW9uKHQsbyl7eSYmKHQ9cltvPXRdKSxYZShjLG8sWG4odCxlLG4sbyxyLGkpKX0pKSxjfVFuW3FuXT1RblsiW29iamVjdCBBcnJheV0iXT1RblsiW29iamVjdCBBcnJheUJ1ZmZlcl0iXT1RblsiW29iamVjdCBEYXRhVmlld10iXT1RblsiW29iamVjdCBCb29sZWFuXSJdPVFuWyJbb2JqZWN0IERhdGVdIl09UW5bIltvYmplY3QgRmxvYXQzMkFycmF5XSJdPVFuWyJbb2JqZWN0IEZsb2F0NjRBcnJheV0iXT1RblsiW29iamVjdCBJbnQ4QXJyYXldIl09UW5bIltvYmplY3QgSW50MTZBcnJheV0iXT1RblsiW29iamVjdCBJbnQzMkFycmF5XSJdPVFuWyJbb2JqZWN0IE1hcF0iXT1RblsiW29iamVjdCBOdW1iZXJdIl09UW5bSm5dPVFuWyJbb2JqZWN0IFJlZ0V4cF0iXT1RblsiW29iamVjdCBTZXRdIl09UW5bIltvYmplY3QgU3RyaW5nXSJdPVFuWyJbb2JqZWN0IFN5bWJvbF0iXT1RblsiW29iamVjdCBVaW50OEFycmF5XSJdPVFuWyJbb2JqZWN0IFVpbnQ4Q2xhbXBlZEFycmF5XSJdPVFuWyJbb2JqZWN0IFVpbnQxNkFycmF5XSJdPVFuWyJbb2JqZWN0IFVpbnQzMkFycmF5XSJdPSEwLFFuWyJbb2JqZWN0IEVycm9yXSJdPVFuW0duXT1RblsiW29iamVjdCBXZWFrTWFwXSJdPSExO3ZhciBZbj0xLFpuPTQ7ZnVuY3Rpb24gdG8odCl7cmV0dXJuIFhuKHQsWW58Wm4pfWZ1bmN0aW9uIHJvKHQpe2xldCByPSExO2lmKGh0KHQpKXI9IWlzTmFOKE51bWJlcih0KSk7ZWxzZSBpZihmdW5jdGlvbih0KXtyZXR1cm4iW29iamVjdCBOdW1iZXJdIj09PU9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh0KX0odCkpe2lmKF90KHQpKXJldHVybiExO3I9ITB9cmV0dXJuIHJ9ZnVuY3Rpb24gZW8odCl7aWYoIWh0KHQpJiYhcm8odCkmJiFoKHQpKXJldHVybiIiO2xldCByPSIiO3RyeXtyPVN0cmluZyh0KX1jYXRjaCh0KXt9dHJ5e3I9dC50b1N0cmluZygpfWNhdGNoKHQpe31yZXR1cm4gcn12YXIgbm89TWF0aC5jZWlsLG9vPU1hdGgubWF4O3ZhciB1bz0vXHMvO3ZhciBpbz0vXlxzKy87ZnVuY3Rpb24gY28odCl7cmV0dXJuIHQ/dC5zbGljZSgwLGZ1bmN0aW9uKHQpe2Zvcih2YXIgcj10Lmxlbmd0aDtyLS0mJnVvLnRlc3QodC5jaGFyQXQocikpOyk7cmV0dXJuIHJ9KHQpKzEpLnJlcGxhY2UoaW8sIiIpOnR9dmFyIGFvPU5hTixmbz0vXlstK10weFswLTlhLWZdKyQvaSxsbz0vXjBiWzAxXSskL2ksc289L14wb1swLTddKyQvaSxwbz1wYXJzZUludDt2YXIgdm89MS8wLGJvPTE3OTc2OTMxMzQ4NjIzMTU3ZTI5MjtmdW5jdGlvbiB5byh0KXtyZXR1cm4gdD8odD1mdW5jdGlvbih0KXtpZigibnVtYmVyIj09dHlwZW9mIHQpcmV0dXJuIHQ7aWYoaCh0KSlyZXR1cm4gYW87aWYoXyh0KSl7dmFyIHI9ImZ1bmN0aW9uIj09dHlwZW9mIHQudmFsdWVPZj90LnZhbHVlT2YoKTp0O3Q9XyhyKT9yKyIiOnJ9aWYoInN0cmluZyIhPXR5cGVvZiB0KXJldHVybiAwPT09dD90Oit0O3Q9Y28odCk7dmFyIGU9bG8udGVzdCh0KTtyZXR1cm4gZXx8c28udGVzdCh0KT9wbyh0LnNsaWNlKDIpLGU/Mjo4KTpmby50ZXN0KHQpP2FvOit0fSh0KSk9PT12b3x8dD09PS12bz8odDwwPy0xOjEpKmJvOnQ9PXQ/dDowOjA9PT10P3Q6MH12YXIgaG89ZnVuY3Rpb24odCl7cmV0dXJuIGZ1bmN0aW9uKHIsZSxuKXtyZXR1cm4gbiYmIm51bWJlciIhPXR5cGVvZiBuJiZmdW5jdGlvbih0LHIsZSl7aWYoIV8oZSkpcmV0dXJuITE7dmFyIG49dHlwZW9mIHI7cmV0dXJuISEoIm51bWJlciI9PW4/JHIoZSkmJmJyKHIsZS5sZW5ndGgpOiJzdHJpbmciPT1uJiZyIGluIGUpJiZWKGVbcl0sdCl9KHIsZSxuKSYmKGU9bj12b2lkIDApLHI9eW8ociksdm9pZCAwPT09ZT8oZT1yLHI9MCk6ZT15byhlKSxmdW5jdGlvbih0LHIsZSxuKXtmb3IodmFyIG89LTEsdT1vbyhubygoci10KS8oZXx8MSkpLDApLGk9QXJyYXkodSk7dS0tOylpW24/dTorK29dPXQsdCs9ZTtyZXR1cm4gaX0ocixlLG49dm9pZCAwPT09bj9yPGU/MTotMTp5byhuKSx0KX19KCksam89aG87ZnVuY3Rpb24gZ28odCxyPW51bGwsZT17fSl7eChyKXx8KHI9dD0+dCk7bGV0IG49YnQoZSwiZm9yY2UiLCExKTtyZXR1cm4gQXQobil8fChuPSExKSxmdW5jdGlvbih0LHIsZT0hMSl7bGV0IG49W107aWYoIWd0KHQpJiYhZHQodCkpcmV0dXJuIHIodCxudWxsLFtdKTtmdW5jdGlvbiBvKHQpe2lmKGd0KHQpKXJldHVybiBqbyhLZSh0KSk7aWYoZHQodCkpe2xldCByPU9iamVjdC5nZXRPd25Qcm9wZXJ0eU5hbWVzKHQpLG49bnVsbDtyZXR1cm4gZSYmKG49T2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyh0KSksZ3Qocil8fChyPVtdKSxndChuKXx8KG49W10pLFsuLi5yLC4uLm5dfXJldHVybiB0fXJldHVybiBmdW5jdGlvbiB0KGUsdSl7aWYoZ3QoZSkpcmV0dXJuIG8oZSkubWFwKChvPT57bGV0IHU9ZVtvXSxpPXRvKG4pO3JldHVybiBuLnB1c2gobyksdT1yKHUsbyxpKSx1PXQodSksbi5wb3AoKSx1fSkpO2lmKGR0KGUpKXtsZXQgdT1vKGUpLGk9e307cmV0dXJuIHUubWFwKChvPT57bGV0IHU9ZVtvXSxjPXRvKG4pO24ucHVzaChvKSx1PXIodSxvLGMpLHU9dCh1KSxuLnBvcCgpLGlbb109dX0pKSxpfXJldHVybiBlfSh0KX0odCxyLG4pfWZ1bmN0aW9uIF9vKHIsZT17fSl7aWYoIWp0KHIpJiYhd3QocikpcmV0dXJuW107bGV0IG49YnQoZSwiYmluZEtleSIsbnVsbCk7aHQobil8fChuPSJpZCIpO2xldCBvPWJ0KGUsImJpbmRQYXJlbnQiLG51bGwpO2h0KG8pfHwobz0icGFyZW50SWQiKTtsZXQgdT1idChlLCJiaW5kQmVsb25nIixudWxsKTtodCh1KXx8KHU9ImtleSIpO2xldCBpPWJ0KGUsImJpbmRUZXh0IixudWxsKTtodChpKXx8KGk9InRleHQiKTtsZXQgYz1idChlLCJiaW5kVHlwZSIsbnVsbCk7aHQoYyl8fChjPSJ0eXBlIik7bGV0IGE9YnQoZSwiYmluZE51bU9mQ2hpbHJlbiIsbnVsbCk7ZnVuY3Rpb24gZihyLGUpe3ZhciBuLG87dmFyIHUsaTtyZXR1cm4gcj10byhyKSxvPXQ9PmgodCk/ZW8odCk6dCxyPSh0KG49cik/dXQ6QWUpKG4sZ2UobykpLGgoZSkmJihlPWVvKGUpKSwoaHQoZSl8fHJvKGUpKSYmci5wdXNoKGUpLGk9Ii0iLG51bGw9PSh1PXIpPyIiOnhlLmNhbGwodSxpKX1odChhKXx8KGE9Im51bU9mQ2hpbHJlbiIpO2xldCBsPVtdO3JldHVybiBnbyhyLCgodCxyLGUpPT57bGV0IHM9ZihlLHIpLHA9ZihlLG51bGwpLHk9Im5vZGUiO2R0KHQpP3k9Im9iamVjdCI6Z3QodCkmJih5PSJhcnJheSIpO2xldCBoPXtbbl06cyxbb106cCxbY106eX07aWYoKGh0KHIpfHxmdW5jdGlvbih0KXtyZXR1cm4ibnVtYmVyIj09dHlwZW9mIHR8fGIodCkmJnYodCk9PVdlfShyKSkmJihoW3VdPXIpLGR0KHQpfHxndCh0KXx8KGhbaV09dCksZHQodCl8fGd0KHQpKXtsZXQgcj1udWxsO2R0KHQpP3I9S2UoQ3IodCkpOmd0KHQpJiYocj1LZSh0KSksaFthXT1yfXJldHVybiBsLnB1c2goaCksdH0pLHtmb3JjZTohMH0pLGx9ZnVuY3Rpb24gT28ocixlKXt2YXIgbjtyZXR1cm4odChyKT9xZTptZSkociwiZnVuY3Rpb24iPT10eXBlb2Yobj1lKT9uOmhlKX1mdW5jdGlvbiB3byh0LHIsZSl7cmV0dXJuIG51bGw9PXQ/dDpmdW5jdGlvbih0LHIsZSxuKXtpZighXyh0KSlyZXR1cm4gdDtmb3IodmFyIG89LTEsdT0ocj1sdChyLHQpKS5sZW5ndGgsaT11LTEsYz10O251bGwhPWMmJisrbzx1Oyl7dmFyIGE9cHQocltvXSksZj1lO2lmKCJfX3Byb3RvX18iPT09YXx8ImNvbnN0cnVjdG9yIj09PWF8fCJwcm90b3R5cGUiPT09YSlyZXR1cm4gdDtpZihvIT1pKXt2YXIgbD1jW2FdO3ZvaWQgMD09PShmPW4/bihsLGEsYyk6dm9pZCAwKSYmKGY9XyhsKT9sOmJyKHJbbysxXSk/W106e30pfVhlKGMsYSxmKSxjPWNbYV19cmV0dXJuIHR9KHQscixlKX1mdW5jdGlvbiBtbyh0LHIpe3JldHVybiByLmxlbmd0aDwyP3Q6dnQodCxmdW5jdGlvbih0LHIsZSl7dmFyIG49LTEsbz10Lmxlbmd0aDtyPDAmJihyPS1yPm8/MDpvK3IpLChlPWU+bz9vOmUpPDAmJihlKz1vKSxvPXI+ZT8wOmUtcj4+PjAscj4+Pj0wO2Zvcih2YXIgdT1BcnJheShvKTsrK248bzspdVtuXT10W24rcl07cmV0dXJuIHV9KHIsMCwtMSkpfWZ1bmN0aW9uIEFvKHQscil7cmV0dXJuIG51bGw9PSh0PW1vKHQscj1sdChyLHQpKSl8fGRlbGV0ZSB0W3B0KChlPXIsbj1udWxsPT1lPzA6ZS5sZW5ndGgsbj9lW24tMV06dm9pZCAwKSldO3ZhciBlLG59dmFyIHhvPSJbb2JqZWN0IE9iamVjdF0iLFNvPUZ1bmN0aW9uLnByb3RvdHlwZSxQbz1PYmplY3QucHJvdG90eXBlLHpvPVNvLnRvU3RyaW5nLEVvPVBvLmhhc093blByb3BlcnR5LElvPXpvLmNhbGwoT2JqZWN0KTtmdW5jdGlvbiBObyh0KXtyZXR1cm4gZnVuY3Rpb24odCl7aWYoIWIodCl8fHYodCkhPXhvKXJldHVybiExO3ZhciByPWNuKHQpO2lmKG51bGw9PT1yKXJldHVybiEwO3ZhciBlPUVvLmNhbGwociwiY29uc3RydWN0b3IiKSYmci5jb25zdHJ1Y3RvcjtyZXR1cm4iZnVuY3Rpb24iPT10eXBlb2YgZSYmZSBpbnN0YW5jZW9mIGUmJnpvLmNhbGwoZSk9PUlvfSh0KT92b2lkIDA6dH12YXIgVG89bz9vLmlzQ29uY2F0U3ByZWFkYWJsZTp2b2lkIDA7ZnVuY3Rpb24gJG8ocil7cmV0dXJuIHQocil8fGNyKHIpfHwhIShUbyYmciYmcltUb10pfWZ1bmN0aW9uIENvKHQscixlLG4sbyl7dmFyIHU9LTEsaT10Lmxlbmd0aDtmb3IoZXx8KGU9JG8pLG98fChvPVtdKTsrK3U8aTspe3ZhciBjPXRbdV07cj4wJiZlKGMpP3I+MT9DbyhjLHItMSxlLG4sbyk6UXQobyxjKTpufHwob1tvLmxlbmd0aF09Yyl9cmV0dXJuIG99ZnVuY3Rpb24gRm8odCl7cmV0dXJuKG51bGw9PXQ/MDp0Lmxlbmd0aCk/Q28odCwxKTpbXX12YXIgTW89TWF0aC5tYXg7dmFyIFVvPUhlP2Z1bmN0aW9uKHQscil7cmV0dXJuIEhlKHQsInRvU3RyaW5nIix7Y29uZmlndXJhYmxlOiEwLGVudW1lcmFibGU6ITEsdmFsdWU6KGU9cixmdW5jdGlvbigpe3JldHVybiBlfSksd3JpdGFibGU6ITB9KTt2YXIgZX06aGUsa289VW8sQm89RGF0ZS5ub3c7dmFyIERvPWZ1bmN0aW9uKHQpe3ZhciByPTAsZT0wO3JldHVybiBmdW5jdGlvbigpe3ZhciBuPUJvKCksbz0xNi0obi1lKTtpZihlPW4sbz4wKXtpZigrK3I+PTgwMClyZXR1cm4gYXJndW1lbnRzWzBdfWVsc2Ugcj0wO3JldHVybiB0LmFwcGx5KHZvaWQgMCxhcmd1bWVudHMpfX0oa28pLFJvPURvO3ZhciBMbz1mdW5jdGlvbih0KXtyZXR1cm4gUm8oZnVuY3Rpb24odCxyLGUpe3JldHVybiByPU1vKHZvaWQgMD09PXI/dC5sZW5ndGgtMTpyLDApLGZ1bmN0aW9uKCl7Zm9yKHZhciBuPWFyZ3VtZW50cyxvPS0xLHU9TW8obi5sZW5ndGgtciwwKSxpPUFycmF5KHUpOysrbzx1OylpW29dPW5bcitvXTtvPS0xO2Zvcih2YXIgYz1BcnJheShyKzEpOysrbzxyOyljW29dPW5bb107cmV0dXJuIGNbcl09ZShpKSxmdW5jdGlvbih0LHIsZSl7c3dpdGNoKGUubGVuZ3RoKXtjYXNlIDA6cmV0dXJuIHQuY2FsbChyKTtjYXNlIDE6cmV0dXJuIHQuY2FsbChyLGVbMF0pO2Nhc2UgMjpyZXR1cm4gdC5jYWxsKHIsZVswXSxlWzFdKTtjYXNlIDM6cmV0dXJuIHQuY2FsbChyLGVbMF0sZVsxXSxlWzJdKX1yZXR1cm4gdC5hcHBseShyLGUpfSh0LHRoaXMsYyl9fSh0LHZvaWQgMCxGbyksdCsiIil9KChmdW5jdGlvbih0LHIpe3ZhciBlPXt9O2lmKG51bGw9PXQpcmV0dXJuIGU7dmFyIG49ITE7cj11dChyLChmdW5jdGlvbihyKXtyZXR1cm4gcj1sdChyLHQpLG58fChuPXIubGVuZ3RoPjEpLHJ9KSksWWUodCxsbih0KSxlKSxuJiYoZT1YbihlLDcsTm8pKTtmb3IodmFyIG89ci5sZW5ndGg7by0tOylBbyhlLHJbb10pO3JldHVybiBlfSkpLFZvPUxvO2Z1bmN0aW9uIEtvKHQscj17fSl7bGV0IGU9IiRsZXZlbCIsbj0iJHBhcmVudHMiO2lmKCF3dCh0KSlyZXR1cm5bXTtsZXQgbz1idChyLCJiaW5kS2V5IixudWxsKTtodChvKXx8KG89ImlkIik7bGV0IHU9YnQociwiYmluZFBhcmVudCIsbnVsbCk7aHQodSl8fCh1PSJwYXJlbnRJZCIpO2xldCBpPWJ0KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aHQoaSl8fChpPSJjaGlsZHJlbiIpO2xldCBjPWJ0KHIsInNhdmVFeHRQcm9wcyIsbnVsbCk7QXQoYyl8fChjPSExKSx0PWZ1bmN0aW9uKHQpe2xldCByPVtdO2Z1bmN0aW9uIGkoaSl7bGV0IGM9W107T28odCwoKHQsYSk9PntsZXQgZj1idCh0LHUpLGw9YnQoaSxvKTtpZihmJiZsJiZmPT09bCl7bGV0IHU9YnQoaSxuLFtdKTt1PXRvKHUpLHUucHVzaChpW29dKSxyLnB1c2goe1tlXTppW2VdKzEsW25dOnUsLi4udH0pfWVsc2UgYy5wdXNoKHQpfSkpLHQ9Y31pZih0PXRvKHQpLGZ1bmN0aW9uKCl7bGV0IG89W107T28odCwoKHQsaSk9PntPdCh0W3VdKT9yLnB1c2goe1tlXTowLFtuXTpbXSwuLi50fSk6by5wdXNoKHQpfSkpLHQ9b30oKSwwPT09ci5sZW5ndGgpcmV0dXJuIHI7bGV0IGM9LTE7Zm9yKDtjKz0xLCEoYz5yLmxlbmd0aC0xKTspe2lmKGkocltjXSksMD09PXQubGVuZ3RoKWJyZWFrfXJldHVybiByfSh0KTtsZXQgYT1mdW5jdGlvbih0KXtsZXQgcj1bXTtmdW5jdGlvbiBhKHQpe3JldHVybiBjP3Q6Vm8odCxbZSxuXSl9bGV0IGY9e307cmV0dXJuIE9vKHQsKChuLGMpPT57aWYoMD09PW5bZV0pe2xldCB0PWEobik7ci5wdXNoKHQpLGZbbltvXV09W2NdfWVsc2V7bGV0IGU9ZnVuY3Rpb24ocil7Zm9yKGxldCBlPTA7ZTx0Lmxlbmd0aDtlKyspe2xldCBuPXRbZV07aWYoclt1XT09PW5bb10pcmV0dXJuIG59cmV0dXJuIG51bGx9KG4pO2lmKG51bGwhPT1lKXtsZXQgdD1mW2Vbb11dO3Q9Wy4uLnQsaV07bGV0IHU9YnQocix0LFtdKSxjPWEobik7dS5wdXNoKGMpLGZbbltvXV09Wy4uLnQsdS5sZW5ndGgtMV0sd28ocix0LHUpfWVsc2UgY29uc29sZS5sb2coYGNhbiBub3QgZmluZCBwYXJlbnQgZm9yICR7YnQobix1KX1gKX19KSkscn0odCk7cmV0dXJuIGF9bGV0IGNvbnZlcnRUb1RyZWVXaz1hc3luYyBmdW5jdGlvbih0LHI9e30pe3JldHVybiBmdW5jdGlvbih0LHI9e30pe2lmKCFqdCh0KSYmIXd0KHQpKXJldHVybltdO2xldCBlPWJ0KHIsImJpbmRLZXkiLG51bGwpO2h0KGUpfHwoZT0iaWQiKTtsZXQgbj1idChyLCJiaW5kUGFyZW50IixudWxsKTtodChuKXx8KG49InBhcmVudElkIik7bGV0IG89YnQociwiYmluZFRleHQiLG51bGwpO2h0KG8pfHwobz0idGV4dCIpO2xldCB1PWJ0KHIsImJpbmRDaGlsZHJlbiIsbnVsbCk7aHQodSl8fCh1PSJjaGlsZHJlbiIpO2xldCBpPWJ0KHIsImJpbmRUeXBlIixudWxsKTtodChpKXx8KGk9InR5cGUiKTtsZXQgYz1idChyLCJiaW5kTnVtT2ZDaGlscmVuIixudWxsKTtodChjKXx8KGM9Im51bU9mQ2hpbHJlbiIpO2xldCBhPWJ0KHIsImJpbmRSb290IixudWxsKTtodChhKXx8KGE9InJvb3QiKTtsZXQgZj1idChyLCJzYXZlRXh0UHJvcHMiLG51bGwpO3JldHVybiBBdChmKXx8KGY9ITEpLGh0KGEpJiYodD17W2FdOnR9KSxLbyhfbyh0LHtiaW5kS2V5OmUsYmluZFBhcmVudDpuLGJpbmRUZXh0Om8sYmluZFR5cGU6aSxiaW5kTnVtT2ZDaGlscmVuOmN9KSx7YmluZEtleTplLGJpbmRQYXJlbnQ6bixiaW5kQ2hpbGRyZW46dSxzYXZlRXh0UHJvcHM6Zn0pfSh0LHIpfTsKCgpsZXQgaW5zdGFuY2UgPSBudWxsCmZ1bmN0aW9uIGluaXQoaW5wdXQpewoKICAgIC8vaW5pdAogICAgbGV0IHIKICAgIAogICAgICAgIHIgPSB7CiAgICAgICAgICAgIG1haW46IGNvbnZlcnRUb1RyZWVXawogICAgICAgIH0KICAgICAgICAKCiAgICAvL29uCiAgICAKCiAgICAvL3NhdmUKICAgIGluc3RhbmNlID0gcgoKfQoKZnVuY3Rpb24gc2VuZE1lc3NhZ2UoZGF0YSkgewogICAgCiAgICAgICAgc2VsZi5wb3N0TWVzc2FnZShkYXRhKQogICAgICAgIAp9Cgphc3luYyBmdW5jdGlvbiBydW4oZGF0YSkgewogICAgLy8gY29uc29sZS5sb2coJ2lubmVyIHdvcmtlciBydW4nLGRhdGEpCgogICAgLy9tb2RlCiAgICBsZXQgbW9kZSA9IGRhdGEubW9kZQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgIT09ICdpbml0JyAmJiBtb2RlICE9PSAnY2FsbCcpewogICAgICAgIHJldHVybgogICAgfQoKICAgIC8vaW5pdAogICAgaWYobW9kZSA9PT0gJ2luaXQnKXsKICAgICAgICAKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL3R5cGUKICAgICAgICAgICAgbGV0IHR5cGUgPSBkYXRhLnR5cGUKCiAgICAgICAgICAgIC8vaW5wdXQKICAgICAgICAgICAgbGV0IGlucHV0ID0gZGF0YS5pbnB1dAogICAgCiAgICAgICAgICAgIC8vaW5zdGFuY2UKICAgICAgICAgICAgaWYodHlwZSA9PT0gJ2Z1bmN0aW9uJyl7CiAgICAgICAgICAgICAgICBpbml0KC4uLmlucHV0KQogICAgICAgICAgICB9CiAgICAgICAgICAgIGVsc2UgaWYodHlwZSA9PT0gJ29iamVjdCcpewogICAgICAgICAgICAgICAgaW5zdGFuY2UgPSBjb252ZXJ0VG9UcmVlV2sKICAgICAgICAgICAgfQoKICAgICAgICB9CiAgICAgICAgY2F0Y2goZXJyKXsKICAgICAgICAKICAgICAgICAgICAgLy9zZW5kTWVzc2FnZQogICAgICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICAgICAgbW9kZTogJ2VtaXQnLAogICAgICAgICAgICAgICAgZXZOYW1lOiAnZXJyb3InLAogICAgICAgICAgICAgICAgbXNnOiBlcnIsCiAgICAgICAgICAgIH0KICAgICAgICAgICAgc2VuZE1lc3NhZ2UocmVzKQoKICAgICAgICB9CiAgICAgICAgICAgIAogICAgfQoKICAgIC8vY2hlY2sKICAgIGlmKG1vZGUgPT09ICdjYWxsJyl7CiAgICAgICAgbGV0IHN0YXRlID0gJycKICAgICAgICBsZXQgbXNnID0gbnVsbAoKICAgICAgICB0cnl7CgogICAgICAgICAgICAvL2Z1bgogICAgICAgICAgICBsZXQgZnVuID0gaW5zdGFuY2VbZGF0YS5mdW5dCgogICAgICAgICAgICAvL2lucHV0CiAgICAgICAgICAgIGxldCBpbnB1dCA9IGRhdGEuaW5wdXQKCiAgICAgICAgICAgIC8vZXhlYwogICAgICAgICAgICBhd2FpdCBmdW4oLi4uaW5wdXQpCiAgICAgICAgICAgICAgICAudGhlbigoc3VjKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J3N1Y2Nlc3MnCiAgICAgICAgICAgICAgICAgICAgbXNnPXN1YwogICAgICAgICAgICAgICAgfSkKICAgICAgICAgICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7CiAgICAgICAgICAgICAgICAgICAgc3RhdGU9J2Vycm9yJwogICAgICAgICAgICAgICAgICAgIG1zZz1lcnIKICAgICAgICAgICAgICAgIH0pCgogICAgICAgIH0KICAgICAgICBjYXRjaChlcnIpewogICAgICAgICAgICBzdGF0ZSA9ICdlcnJvcicKICAgICAgICAgICAgbXNnID0gZXJyCiAgICAgICAgfQogICAgICAgIAogICAgICAgIC8vc2VuZE1lc3NhZ2UKICAgICAgICBsZXQgcmVzID0gewogICAgICAgICAgICBtb2RlOiAncmV0dXJuJywKICAgICAgICAgICAgaWQ6IGRhdGEuaWQsCiAgICAgICAgICAgIGZ1bjogZGF0YS5mdW4sCiAgICAgICAgICAgIHN0YXRlLAogICAgICAgICAgICBtc2csCiAgICAgICAgfQogICAgICAgIHNlbmRNZXNzYWdlKHJlcykKCiAgICB9Cgp9CgpmdW5jdGlvbiByZWN2TWVzc2FnZShkYXRhKSB7CiAgICAvLyBjb25zb2xlLmxvZygnaW5uZXIgd29ya2VyIHJlY3Y6JywgZGF0YSkKCiAgICAvL2RhdGFSZWN2CiAgICBsZXQgZGF0YVJlY3YgPSBkYXRhCgogICAgLy9ydW4KICAgIHJ1bihkYXRhUmVjdikKCn0KCgogICAgICAgIHNlbGYub25tZXNzYWdlID0gZnVuY3Rpb24gKGUpIHsKICAgICAgICAgICAgcmVjdk1lc3NhZ2UoZS5kYXRhKQogICAgICAgIH0KICAgICAgICAKCnRyeXsKICAgIHByb2Nlc3Mub24oJ3VuaGFuZGxlZFJlamVjdGlvbicsIChlcnIpID0+IHsKICAgICAgICBjb25zb2xlLmxvZygnaW5uZXI6dW5oYW5kbGVkUmVqZWN0aW9uJywgZXJyKQogICAgfSkKICAgIHByb2Nlc3Mub24oJ3VuY2F1Z2h0RXhjZXB0aW9uJywgKGVycikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKCdpbm5lcjp1bmNhdWdodEV4Y2VwdGlvbicsIGVycikKICAgIH0pCiAgICBwcm9jZXNzLm9uKCd1bmNhdWdodEV4Y2VwdGlvbk1vbml0b3InLCAoZXJyKSA9PiB7CiAgICAgICAgY29uc29sZS5sb2coJ2lubmVyOnVuY2F1Z2h0RXhjZXB0aW9uTW9uaXRvcicsIGVycikKICAgIH0pCn0KY2F0Y2goZXJyKXt9Cgo=");function e(){let e=new ky,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}Ty=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(uy){}var By=Ty,Hy={components:{WTree:jm},props:{data:{type:[Array,Object],default:()=>{}},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},filterKeywords:{type:String,default:""},funFilter:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},keyColor:{type:String,default:"grey darken-2"},keyNumbersColor:{type:String,default:"grey lighten-1"},numColor:{type:String,default:"indigo accent-2"},strColor:{type:String,default:"orange accent-2"},bolColor:{type:String,default:"light-green lighten-1"},funColor:{type:String,default:"purple accent-2"},defaultColor:{type:String,default:"grey darken-4"},rippleColor:{type:String,default:"rgba(200,200,200,0.4)"},show:{type:Boolean,default:!0}},data:function(){return{lockFromSetData:!1,useColors:{},root:"___root___",lineNumberWidth:0}},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}}},computed:{changeColors:function(){return this.convertColors(),""},useItemHeightMin:function(){return`min-height:${Math.max(this.iconSize,this.defItemHeight)}px;`}},methods:{convertColors:function(){let n=this;if(Di(n.useColors))return;let e={numColor:ui(n.numColor),strColor:ui(n.strColor),bolColor:ui(n.bolColor),funColor:ui(n.funColor),defaultColor:ui(n.defaultColor),keyColor:ui(n.keyColor),keyNumbersColor:ui(n.keyNumbersColor)};n.useColors=e},parseData:async function(n){return await By(n,{bindRoot:this.root})},setData:function(n){let e=this;(async function(){if(e.lockFromSetData=!0,!Ge(n)&&!Bn(n)){return"data is not an array or object"}e.convertColors(),n=pa(n);let t=await e.parseData(n);await $r((()=>void 0!==e.$refs.wt),{timeInterval:20}),e.$refs.wt&&await e.$refs.wt.setData(t),e.getLineNumberWidth()})().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetData=!1}))},getLineNumberWidth:function(){let n=this;(async function(){if(await $r((()=>void 0!==n.$refs.wt),{timeInterval:20}),!n.$refs.wt)return;let e=di(n.$refs.wt.getRows()),t=8*(Math.ceil(Math.log10(e))+.5);n.lineNumberWidth=t})().catch((n=>{console.log(n)}))},genBlock:function(n){let e="";return"object"===n.type?e=`{${n.numOfChilren}}`:"array"===n.type&&(e=`[${n.numOfChilren}]`),e},getKey:function(n){let e="";return(An(n.key)||yi(n.key))&&(e=n.key),e===this.root&&(e=""),e},getType:function(n){let e="";return"node"!==n.type&&(e=n.type),e},getText:function(n){let e="";return"node"===n.type&&(e=n.text),e},getTextTypeColor:function(n){let e=this,t=e.useColors.defaultColor;if("node"===n.type){let r="";yi(n.text)?r="numColor":Hn(n.text)?r="strColor":Ln(n.text)?r="bolColor":je(n.text)&&(r="funColor"),Zn(e.useColors,r)&&(t=e.useColors[r])}return t},toggleItemsByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleItemsAll:function(n){return this.$refs.wt.toggleItemsAll(n)}}};const Ay=Hy;var Wy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("WTree",{ref:"wt",attrs:{viewHeightMax:n.viewHeightMax,defaultDisplayLevel:n.defaultDisplayLevel,indent:n.indent,iconSize:n.iconSize,iconToggleColor:n.iconToggleColor,iconToggleBackgroundColor:n.iconToggleBackgroundColor,iconToggleBackgroundColorHover:n.iconToggleBackgroundColorHover,itemRippleColor:n.rippleColor,filterKeywords:n.filterKeywords,funFilter:n.funFilter,loadingText:n.loadingText,noResultsText:n.lockFromSetData?"":n.noResultsText,searchingText:n.searchingText,defItemHeight:n.defItemHeight,itemsPreload:n.itemsPreload,show:n.show},on:{"change-view-items":function(e){n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"head",fn:function(e){return[t("div",{style:n.useItemHeightMin+" min-width:"+n.lineNumberWidth+"px; display:flex; align-items:center; justify-content:end;"},[t("div",{style:"font-size:0.8rem; padding-top:1px; color:#f26; user-select:none;"},[n._v(n._s(e.index+1))])])]}},{key:"item",fn:function(e){return[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center;"},[t("div",{staticStyle:{display:"flex"}},[""!==n.getKey(e.data)?t("div",{style:"padding-right:5px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getKey(e.data))+":\n                    ")]):n._e(),n._v(" "),""!==n.getType(e.data)?t("div",{style:"padding-right:3px; color:"+n.useColors.keyColor+";"},[n._v("\n                        "+n._s(n.getType(e.data))+"\n                    ")]):n._e(),n._v(" "),t("div",{style:"color:"+n.getTextTypeColor(e.data)+";"},[n._v("\n                        "+n._s(n.getText(e.data))+"\n                    ")])]),n._v(" "),t("div",{style:"padding-left:5px; color:"+n.useColors.keyNumbersColor+";"},[n._v("\n                    "+n._s(n.genBlock(e.data))+"\n                ")])])]}}])}),n._v(" "),n.lockFromSetData?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):n._e()],1)};Wy._withStripped=!0;const Fy=t({render:Wy,staticRenderFns:[]},(function(n){n&&n("data-v-c689f0ec_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WJsonView.vue"},media:void 0})}),Ay,"data-v-c689f0ec",false,undefined,!1,o,void 0,void 0);const Zy={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["base:w-leaflet-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-leaflet-vue"];n.default&&(n=n.default),ro().component("w-leaflet-vue",n)}n.cmpName="w-leaflet-vue"}))},computed:{},methods:{}};var Xy=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt}})};Xy._withStripped=!0;const Py=t({render:Xy,staticRenderFns:[]},(function(n){n&&n("data-v-488e4711_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLeafletVueDyn.vue"},media:void 0})}),Zy,"data-v-488e4711",false,undefined,!1,o,void 0,void 0);var Ry={components:{WIcon:ls},props:{levels:{type:Array,default:()=>[]},value:{type:Number,default:null},keyColor:{type:String,default:"color"},keyLow:{type:String,default:"low"},keyUp:{type:String,default:"up"},keyDelimiter:{type:String,default:"delimiter"},keyText:{type:String,default:"text"},spaceForGrade:{type:Number,default:5},spaceForText:{type:Number,default:5},tickDig:{type:Number,default:null},gradeSize:{type:Number,default:18},gradeTextFontSize:{type:String,default:"0.75rem"},gradeTextColor:{type:String,default:"#444"},arrowColor:{type:String,default:"#666"},arrowSize:{type:Number,default:10}},data:function(){return{get:Tn,mdiTriangleDown:"M1 3H23L12 22"}},computed:{useGradeTextFontSize:function(){let n=this.gradeTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useGradeTextColor:function(){return ui(this.gradeTextColor)},indValue:function(){let n=this,e=-1;return De(n.levels,((t,r)=>{let o=Zr(Tn(t,n.keyLow,0)),i=Zr(Tn(t,n.keyUp,0));if(o<=n.value&&n.value<=i)return e=r,!1})),e}},methods:{getColor:function(n){return ui(n)},getTick:function(n){let e=this;return Fn(n)&&(n=Zr(n)),Nr(e.tickDig)&&(n=wp(n,e.tickDig)),n}}};const Ly=Ry;var zy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},[t("table",{staticStyle:{"border-collapse":"collapse"}},[t("tbody",n._l(n.levels,(function(e,r){return t("tr",{key:"klevel-"+r},[t("td",{style:"width:"+n.arrowSize+"px;"},[n.indValue===r?t("div",{style:"transform:rotate(-90deg);"},[t("WIcon",{attrs:{icon:n.mdiTriangleDown,color:n.arrowColor,colorHover:n.arrowColor,size:n.arrowSize}})],1):n._e()]),n._v(" "),t("td",{style:"background:"+n.getColor(n.get(e,n.keyColor,"transparent"))+"; width:"+n.gradeSize+"px; height:"+n.gradeSize+"px;"}),n._v(" "),t("td",{style:"padding-left:"+n.spaceForGrade+"px; text-align:right; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("low",(function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyLow,"")))+"\n                    ")]}),{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding:0px 2px; text-align:center; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("delimiter",(function(){return[n._v("\n                        "+n._s(n.get(e,n.keyDelimiter,""))+"\n                    ")]}),{klevel:r,level:e})],2),n._v(" "),t("td",{style:"text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("up",(function(){return[n._v("\n                        "+n._s(n.getTick(n.get(e,n.keyUp,"")))+"\n                    ")]}),{klevel:r,level:e})],2),n._v(" "),t("td",{style:"padding-left:"+n.spaceForText+"px; text-align:left; "+n.useGradeTextFontSize+" color:"+n.useGradeTextColor+"; height:"+n.gradeSize+"px; line-height:"+n.gradeSize+"px;"},[n._t("text",(function(){return[n._v("\n                        "+n._s(n.get(e,n.keyText,""))+"\n                    ")]}),{klevel:r,level:e})],2)])})),0)])])};zy._withStripped=!0;const Vy=t({render:zy,staticRenderFns:[]},(function(n){n&&n("data-v-6d9e8008_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WLevelGrade.vue"},media:void 0})}),Ly,"data-v-6d9e8008",false,undefined,!1,o,void 0,void 0);var Ny={directives:{domresize:ma()},components:{WCheckbox:ec,WText:Ip,WListVertical:Wm},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:ka},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:wa},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:Pa},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{panelHeight:0,itemsTrans:[],kpCheck:{},queryTrans:"",queryFocusedTrans:!1}},computed:{changeValue:function(){return this.modifyItems(this.value),""},changeQuery:function(){let n=this;return n.queryTrans=n.query,n.queryFocusedTrans=n.queryFocused,""},isObjValue:function(){return 0!==di(this.items)&&Cm(this.items,(n=>Bn(n)))},useQueryPanelPaddingStyle:function(){return`padding:${Qd(this.queryPanelPaddingStyle)};`},effSepLineColor:function(){return ui(this.querySepLineColor)}},methods:{resize:function(n){this.panelHeight=n.snew.offsetHeight},getItem:function(n){let e=this,t=null;return t=e.isObjValue&&An(e.keyPickForObjItem)?Tn(n,e.keyPickForObjItem):n,t},getKeyFromItemAndInd:function(n,e){let t=this.getItem(n);return Di(t)&&(t=JSON.stringify(t),t=ja(t,20)),`${e}|${t}`},getKeyFromItem:function(n){let e=this,t=null;return De(e.items,((r,o)=>{if(Qc(r,n))return t=e.getKeyFromItemAndInd(n,o),!1})),t},judgeItem:function(n,e){let t=this.getItem(n),r=null;return r=this.multiCheck?Uc(e,t):Qc(e,t),r},queryFunFilter:function(n,e){let t=this;if(!An(t.queryTrans))return!0;let r=null;if(t.isObjValue)if(rs(t.queryKeysPickForObjItem)){let e=[];De(t.queryKeysPickForObjItem,(t=>{let r=Tn(n,`data.${t}`);e.push(r)})),r=Kr(e,"|")}else r=Eh(n);else r=Ka(n);r=r.toLowerCase();let o=Wr(t.queryTrans.toLowerCase()," "),i=!1;return De(o,(n=>{if(r.indexOf(n)>=0)return i=!0,!1})),i},modifyItems:function(n){let e=this,t=null,r={};De(e.items,((o,i)=>{let l=e.getKeyFromItemAndInd(o,i),a=e.judgeItem(o,n);r[l]=a,a&&(t=l)})),e.multiCheck||null===t||(De(r,((n,e)=>{r[e]=!1})),r[t]=!0);let o=sr(e.items,((n,t)=>{let r=n;e.isObjValue&&(r=Tn(n,e.keyText,""));let o="";e.isObjValue&&(o=Tn(n,e.keyIcon,""));let i=!0;return e.isObjValue&&(i=Tn(n,"editable",!0)),{[e.keyText]:r,[e.keyIcon]:o,editable:i,data:n}}));e.itemsTrans=o,e.kpCheck=r},clickItem:function(n,e){let t=this;if(!t.getEditable(n))return;let r=pa(t.kpCheck),o=t.getKeyFromItem(n);t.multiCheck?r[o]=!r[o]:r[e]||(De(r,((n,e)=>{r[e]=!1})),r[o]=!0);let i=[];De(t.items,((n,e)=>{let o=t.getKeyFromItemAndInd(n,e);if(!r[o])return!0;let l=t.getItem(n);i.push(l)})),t.multiCheck||(i=Tn(i,0,null)),t.kpCheck=r,t.$emit("click",{check:r[o],item:pa(t.items[e]),kitem:e}),t.$emit("input",i)},modifyQuery:function(){let n=this;n.modifyItems(n.value),n.$emit("update:query",n.queryTrans)},modifyQueryFocused:function(n){this.$emit("update:queryFocused",n)},getCheck:function(n){let e=this.getKeyFromItem(n);return this.kpCheck[e]},getEditable:function(n){return Tn(n,"editable",!0)}}};const Dy=Ny;var Gy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeValue:n.changeValue,changeQuery:n.changeQuery},on:{domresize:n.resize}},[t("WListVertical",{style:"height:"+n.panelHeight+"px;",attrs:{items:n.itemsTrans,enableActive:!0,_itemActive:"itemActive",keyText:n.keyText,keyIcon:n.keyIcon,paddingStyle:n.paddingStyle,itemTextFontSize:n.itemTextFontSize,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemBackgroundColorActive:n.itemBackgroundColorActive,itemBackgroundColorDisabled:n.itemBackgroundColorDisabled,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemTextColorActive:n.itemTextColorActive,itemTextColorDisabled:n.itemTextColorDisabled,itemIconSize:n.itemIconSize,itemIconColor:n.itemIconColor,itemIconColorHover:n.itemIconColorHover,itemIconColorActive:n.itemIconColorActive,itemIconColorDisabled:n.itemIconColorDisabled,itemRippleColor:n.itemRippleColor,itemDisabledColor:n.itemDisabledColor,itemCursorPointer:n.itemCursorPointer,query:n.queryTrans,funFilter:n.queryFunFilter},on:{click:function(e,t){n.clickItem(e.data,t)}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header"),n._v(" "),n.enableQuery?[t("div",{style:""+n.useQueryPanelPaddingStyle},[t("WText",{attrs:{paddingStyle:n.queryPaddingStyle,borderRadius:n.queryBorderRadius,shadow:n.queryShadow,textFontSize:n.queryTextFontSize,textColor:n.queryTextColor,textAlign:n.queryTextAlign,leftIcon:n.queryIcon,leftIconSize:n.queryIconSize,leftIconColor:n.queryIconColor,leftIconColorHover:n.queryIconColorHover,leftIconColorFocus:n.queryIconColorFocus,leftIconTooltip:n.queryIconTooltip,_rightIcon:"queryRightIcon",_rightIconSize:"queryRightIconSize",_rightIconColor:"queryRightIconColor",_rightIconColorHover:"queryRightIconColorHover",_rightIconColorFocus:"queryRightIconColorFocus",_rightIconTooltip:"queryRightIconTooltip",iconShiftOuter:n.queryIconShiftOuter,iconShiftInner:n.queryIconShiftInner,backgroundColor:n.queryBackgroundColor,backgroundColorHover:n.queryBackgroundColorHover,backgroundColorFocus:n.queryBackgroundColorFocus,borderColor:n.queryBorderColor,borderColorHover:n.queryBorderColorHover,borderColorFocus:n.queryBorderColorFocus,bottomLineBorderColor:n.queryBottomLineBorderColor,bottomLineBorderColorHover:n.queryBottomLineBorderColorHover,bottomLineBorderColorFocus:n.queryBottomLineBorderColorFocus,bottomLineBorderWidth:n.queryBottomLineBorderWidth,bottomLineBorderWidthHover:n.queryBottomLineBorderWidthHover,bottomLineBorderWidthFocus:n.queryBottomLineBorderWidthFocus,placeholder:n.queryPlaceholder,height:n.queryHeight,focused:n.queryFocused,editable:!0},on:{enter:n.modifyQuery,change:n.modifyQuery,input:n.modifyQuery,"update:focused":n.modifyQueryFocused},model:{value:n.queryTrans,callback:function(e){n.queryTrans=e},expression:"queryTrans"}})],1),n._v(" "),t("div",{style:"border-top:"+n.querySepLineWidth+"px solid "+n.effSepLineColor+";"})]:n._e()]},proxy:!0},{key:"item-left",fn:function(e){return[t("WCheckbox",{attrs:{iconSize:n.itemCheckIconIconSize,checkedIcon:n.itemCheckIconCheckedIcon,checkedIconColor:e.isActive?n.itemCheckIconCheckedIconColorActive:e.isHover?n.itemCheckIconCheckedIconColorHover:n.itemCheckIconCheckedIconColor,checkedIconColorHover:e.isActive?n.itemCheckIconCheckedIconColorActive:n.itemCheckIconCheckedIconColorHover,checkedIconColorDisabled:n.itemCheckIconCheckedIconColorDisabled,uncheckedIcon:n.itemCheckIconUncheckedIcon,uncheckedIconColor:e.isActive?n.itemCheckIconUncheckedIconColorActive:e.isHover?n.itemCheckIconUncheckedIconColorHover:n.itemCheckIconUncheckedIconColor,uncheckedIconColorHover:e.isActive?n.itemCheckIconUncheckedIconColorActive:n.itemCheckIconUncheckedIconColorHover,uncheckedIconColorDisabled:n.itemCheckIconUncheckedIconColorDisabled,editable:n.getEditable(e.item.data),value:n.getCheck(e.item.data)}}),n._v(" "),t("div",{style:"padding-right:"+n.spaceBetweenCheckboxAndContent+"px;"})]}},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item.data,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)})],1)};Gy._withStripped=!0;const jy=t({render:Gy,staticRenderFns:[]},(function(n){n&&n("data-v-e8b246a2_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListCheck.vue"},media:void 0})}),Dy,"data-v-e8b246a2",false,undefined,!1,o,void 0,void 0);var Ky={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})},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"#aaa"},expansionIconColorHover:{type:String,default:"#888"},expansionIconColorActive:{type:String,default:"rgba(255,255,255,0.8)"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{obstructMutation:!1,mouseEnter:!1,heightContent:""}},computed:{changeActive:function(){return this.updateHeightContent(this.active),""},useTextFontSize:function(){let n=this.textFontSize;return n=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)},useBackgroundColor:function(){let n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},effTextActive:function(){return ui(this.textColorActive)},useTextColor:function(){let n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return ui(this.iconColor)},effIconColorHover:function(){return ui(this.iconColorHover)},effIconActive:function(){return ui(this.iconColorActive)},useIconColor:function(){let n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor},effExpansionIconColor:function(){return ui(this.expansionIconColor)},effExpansionIconColorHover:function(){return ui(this.expansionIconColorHover)},effExpansionIconColorActive:function(){return ui(this.expansionIconColorActive)},useExpansionIconColor:function(){let n=this;return n.active?n.effExpansionIconColorActive:n.mouseEnter?n.effExpansionIconColorHover:n.effExpansionIconColor},useRotateDeg:function(){return this.active?180:0}},methods:{updateHeightContent:function(){let n=this;(async function(){for(let e=1;e<=5;e++)setTimeout((()=>{n.obstructMutation=!n.obstructMutation}),100*e);if(n.active){if(n.active){n.$el||await $r((()=>void 0!==n.$el),{timeInterval:10});let e=Tn(n,"$refs.rct.clientHeight");yi(e)&&(n.heightContent=`height:${e}px;`)}}else n.heightContent=""})().catch((n=>{console.log(n)}))},getIcon:function(n){return Tn(n,"icon","")},getText:function(n){if(""===Tn(n,"text",""))return n},clickItem:function(n,e){let t=this;return t.$emit("update:active",!t.active),t.$emit("click",{icon:n,text:e}),""}}};const Yy=Ky;var _y=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeActive:n.changeActive}},[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; "+n.usePadding+" background:"+n.useBackgroundColor+"; cursor:pointer;",on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:function(e){return n.clickItem(n.icon,n.text)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{staticStyle:{"margin-right":"4px"}},[t("div",{style:"transition:all 0.3s; transform:rotate("+(n.useRotateDeg+90)+"deg); cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.useExpansionIconColor,colorHover:n.useExpansionIconColor,size:n.expansionIconSize}})],1)]),n._v(" "),n._t("header",(function(){return[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,colorHover:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n                    "+n._s(n.text)+"\n                ")])]}),{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{class:"ct "+(n.active?"ct-show":"ct-hide"),style:""+n.heightContent},[t("div",{ref:"rct"},[n._t("content",null,{isHover:n.mouseEnter,isActive:n.active})],2)]),n._v(" "),t("div",{staticStyle:{position:"relative",height:"0px",overflow:"hidden"}},[n.obstructMutation?t("div",{staticStyle:{position:"absolute",left:"0px",top:"0px",height:"0px"}}):n._e()])])};_y._withStripped=!0;const $y=t({render:_y,staticRenderFns:[]},(function(n){n&&n("data-v-742a3346_0",{source:"\n.ct[data-v-742a3346] {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\n}\n.ct-hide[data-v-742a3346] {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\n}\n.ct-show[data-v-742a3346] {\r\n    opacity: 1;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WListExpandItem.vue"],names:[],mappings:";AAicA;IACA,8CAAA;AACA;AACA;IACA,gBAAA;IACA,WAAA;IACA,UAAA;AACA;AACA;IACA,UAAA;AACA",file:"WListExpandItem.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeActive=\"changeActive\"\r\n    >\r\n\r\n        \x3c!-- header --\x3e\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} background:${useBackgroundColor}; cursor:pointer;`\"\r\n            v-domripple=\"{color:rippleColor}\"\r\n            @mouseenter=\"mouseEnter=true\"\r\n            @mouseleave=\"mouseEnter=false\"\r\n            @click=\"clickItem(icon,text)\"\r\n        >\r\n            <div style=\"display:flex; align-items:center;\">\r\n\r\n                <div style=\"margin-right:4px;\">\r\n                    <div :style=\"`transition:all 0.3s; transform:rotate(${useRotateDeg+90}deg); cursor:pointer;`\">\r\n                        <WIcon\r\n                            :icon=\"expansionIcon\"\r\n                            :color=\"useExpansionIconColor\"\r\n                            :colorHover=\"useExpansionIconColor\"\r\n                            :size=\"expansionIconSize\"\r\n                        ></WIcon>\r\n                    </div>\r\n                </div>\r\n\r\n                <slot\r\n                    name=\"header\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n\r\n                    <WIcon\r\n                        style=\"margin-right:8px;\"\r\n                        :icon=\"icon\"\r\n                        :color=\"useIconColor\"\r\n                        :colorHover=\"useIconColor\"\r\n                        :size=\"iconSize\"\r\n                        v-if=\"hasIcon\"\r\n                    ></WIcon>\r\n\r\n                    <div :style=\"`transition:all 0.3s; color:${useTextColor}; ${useTextFontSize}`\">\r\n                        {{text}}\r\n                    </div>\r\n\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        \x3c!-- content --\x3e\r\n        <div :class=\"`ct ${active?'ct-show':'ct-hide'}`\" :style=\"`${heightContent}`\">\r\n            <div ref=\"rct\">\r\n\r\n                <slot\r\n                    name=\"content\"\r\n                    :isHover=\"mouseEnter\"\r\n                    :isActive=\"active\"\r\n                >\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div style=\"position:relative; height:0px; overflow:hidden;\">\r\n            <div style=\"position:absolute; left:0px; top:0px; height:0px;\" v-if=\"obstructMutation\">\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport get from 'lodash-es/get.js'\nimport isNumber from 'lodash-es/isNumber.js'\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport domRipple from '../js/domRipple.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\r\n * @vue-prop {String} [textFontSize='1rem'] 輸入文字字型大小字串，預設'1rem'\r\n * @vue-prop {Boolean} [active=false] 輸入是否為主動模式布林值，預設false\r\n * @vue-prop {Object} [paddingStyle={v:10,h:12}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12}\r\n * @vue-prop {String} [backgroundColor='white'] 輸入背景顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.2)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'\r\n * @vue-prop {String} [backgroundColorActive='orange lighten-1'] 輸入主動模式時背景顏色字串，預設'orange lighten-1'\r\n * @vue-prop {String} [textColor='#444'] 輸入文字顏色字串，預設'#444'\r\n * @vue-prop {String} [textColorHover='#222'] 輸入滑鼠移入時文字顏色字串，預設'#222'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [iconColor='#444'] 輸入圖標顏色字串，預設'#444'\r\n * @vue-prop {String} [iconColorHover='#222'] 輸入滑鼠移入時圖標顏色字串，預設'#222'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='#aaa'] 輸入顯隱圖標顏色字串，預設'#aaa'\r\n * @vue-prop {String} [expansionIconColorHover='#888'] 輸入滑鼠移入時顯隱圖標顏色字串，預設'#888'\r\n * @vue-prop {String} [expansionIconColorActive='rgba(255,255,255,0.8)'] 輸入主動模式時顯隱圖標顏色字串，預設'rgba(255,255,255,0.8)'\r\n * @vue-prop {String} [rippleColor='rgba(255,255,255,0.4)'] 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'\r\n */\r\nexport default {\r\n    directives: {\r\n        domripple: domRipple(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        text: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '1rem',\r\n        },\r\n        active: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 10,\r\n                    h: 12,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.2)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange lighten-1',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: '#222',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: '#aaa',\r\n        },\r\n        expansionIconColorHover: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        expansionIconColorActive: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.8)',\r\n        },\r\n        rippleColor: {\r\n            type: String,\r\n            default: 'rgba(255,255,255,0.4)',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            obstructMutation: false,\r\n            mouseEnter: false,\r\n            heightContent: '',\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeActive: function() {\r\n            let vo = this\r\n            vo.updateHeightContent(vo.active)\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        hasIcon: function() {\r\n            let vo = this\r\n            return vo.icon !== ''\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { ext: { left: vo.shiftLeft, right: vo.shiftRight } })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        effBackgroundColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColor)\r\n        },\r\n\r\n        effBackgroundColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorHover)\r\n        },\r\n\r\n        effBackgroundActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.backgroundColorActive)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effBackgroundActive\r\n            }\r\n            return vo.mouseEnter ? vo.effBackgroundColorHover : vo.effBackgroundColor\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        effTextActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorActive)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effTextActive\r\n            }\r\n            return vo.mouseEnter ? vo.effTextColorHover : vo.effTextColor\r\n        },\r\n\r\n        effIconColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColor)\r\n        },\r\n\r\n        effIconColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorHover)\r\n        },\r\n\r\n        effIconActive: function() {\r\n            let vo = this\r\n            return convertColor(vo.iconColorActive)\r\n        },\r\n\r\n        useIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effIconActive\r\n            }\r\n            return vo.mouseEnter ? vo.effIconColorHover : vo.effIconColor\r\n        },\r\n\r\n        effExpansionIconColor: function() {\r\n            //console.log('computed effExpansionIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColor)\r\n        },\r\n\r\n        effExpansionIconColorHover: function() {\r\n            //console.log('computed effExpansionIconColorHover')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorHover)\r\n        },\r\n\r\n        effExpansionIconColorActive: function() {\r\n            //console.log('computed effExpansionIconColorActive')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.expansionIconColorActive)\r\n        },\r\n\r\n        useExpansionIconColor: function() {\r\n            let vo = this\r\n            if (vo.active) {\r\n                return vo.effExpansionIconColorActive\r\n            }\r\n            return vo.mouseEnter ? vo.effExpansionIconColorHover : vo.effExpansionIconColor\r\n        },\r\n\r\n        useRotateDeg: function() {\r\n            //console.log('computed useRotateDeg')\r\n\r\n            let vo = this\r\n\r\n            return vo.active ? 180 : 0\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeightContent: function() {\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //於WPanelScrolly內容區使用顯隱動畫時, 因瀏覽器之內容區高度會先更新完畢, 而transition動畫結束時間較慢, 導致WPanelScrolly內容區無法算得實際高度而導致出現遮蔽情況\r\n                //於指定時間(n*s=500ms需與class ct內設定transition時間長度一致)內反覆變更元素顯隱, 藉此刺激WPanelScrolly內mutation事件, 使能進行重算內容區高度\r\n                let n = 5\r\n                let s = 100\r\n                for (let i = 1; i <= n; i++) {\r\n                    setTimeout(() => {\r\n                        vo.obstructMutation = !vo.obstructMutation\r\n                        // console.log('obstructMutation', vo.obstructMutation)\r\n                    }, i * s)\r\n                }\r\n\r\n                if (!vo.active) {\r\n                    //隱藏內容\r\n\r\n                    //clear\r\n                    vo.heightContent = ''\r\n\r\n                }\r\n                else if (vo.active) {\r\n                    //顯示內容\r\n\r\n                    if (!vo.$el) {\r\n\r\n                        //wait $el\r\n                        await waitFun(() => {\r\n                            // console.log('waitFun try', vo.text)\r\n                            return vo.$el !== undefined\r\n                        }, { timeInterval: 10 })\r\n                        // console.log('waitFun finish', vo.text)\r\n\r\n                    }\r\n\r\n                    //h\r\n                    let h = get(vo, '$refs.rct.clientHeight')\r\n                    // console.log(h, vo.text)\r\n\r\n                    //update\r\n                    if (isNumber(h)) {\r\n\r\n                        //heightContent\r\n                        vo.heightContent = `height:${h}px;`\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        getIcon: function(item) {\r\n            return get(item, 'icon', '')\r\n        },\r\n\r\n        getText: function(item) {\r\n            let t = get(item, 'text', '')\r\n            if (t === '') {\r\n                return item\r\n            }\r\n        },\r\n\r\n        clickItem: function(icon, text) {\r\n            // console.log('methods clickItem', icon, text)\r\n\r\n            let vo = this\r\n\r\n            //emit\r\n            vo.$emit('update:active', !vo.active)\r\n\r\n            //emit\r\n            vo.$emit('click', { icon, text })\r\n\r\n            return ''\r\n        },\r\n\r\n    }\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ct {\r\n    transition: height 0.5s, opacity 0.5s ease-out;\r\n}\r\n.ct-hide {\r\n    overflow: hidden;\r\n    height: 0px;\r\n    opacity: 0;\r\n}\r\n.ct-show {\r\n    opacity: 1;\r\n}\r\n</style>\r\n"]},media:void 0})}),Yy,"data-v-742a3346",false,undefined,!1,o,void 0,void 0);var Ey={directives:{domresize:ma()},components:{WPanelScrolly:Im,WListExpandItem:$y},props:{items:{type:Array,default:()=>[]},activeMode:{type:String,default:"one"},itemActive:{type:[String,Object,Array],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyDsp:{type:String,default:"dsp"},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemExpansionIcon:{type:String,default:za},itemExpansionIconSize:{type:Number,default:18},itemExpansionIconColor:{type:String,default:"grey"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){return this.itemActiveTrans=this.itemActive,""},isObjValue:function(){return 0!==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},getDsp:function(n){let e=this;if(e.isObjValue){return Tn(n,e.keyDsp,"")}return n},getActive:function(n){let e=this,t=!1;return"one"===e.activeMode?t=Qc(n,e.itemActiveTrans):"multi"===e.activeMode&&De(e.itemActiveTrans,(e=>{if(t=Qc(n,e),t)return!1})),t},updateItemActive:function(n,e,t){let r=this,o=pa(r.itemActiveTrans);!n&&e?"one"===r.activeMode?o=t:"multi"===r.activeMode&&o.push(pa(t)):n&&!e&&function(){if("one"===r.activeMode)o=null;else if("multi"===r.activeMode){let n=[];De(o,(e=>{Qc(t,e)||n.push(e)})),o=n}}(),r.itemActiveTrans=o,r.$nextTick((()=>{r.$emit("update:itemActive",pa(o))}))},getSlotItem(n,e){let t=null;return t=this.isObjValue?{...n,...e}:{item:n,...e},t},ckItem:function(n){let e=this;e.$nextTick((()=>{e.$emit("click",pa(n))}))}}};const My=Ey;var Oy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.items,(function(e,r){return t("div",{key:r},[t("WListExpandItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,expansionIcon:n.itemExpansionIcon,expansionIconSize:n.itemExpansionIconSize,expansionIconColor:n.itemExpansionIconColor,rippleColor:n.itemRippleColor},on:{"update:active":function(t){n.updateItemActive(n.getActive(e),t,e)},click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"header",fn:function(t){return[n._t("item-header",null,{item:n.getSlotItem(e,t)})]}},{key:"content",fn:function(r){return[n._t("item-content",(function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.9rem"}},[n._v("\n                                "+n._s(n.getDsp(e))+"\n                            ")])]}),{item:n.getSlotItem(e,r)})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Oy._withStripped=!0;const Jy=t({render:Oy,staticRenderFns:[]},(function(n){n&&n("data-v-09bb4758_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListExpand.vue"},media:void 0})}),My,"data-v-09bb4758",false,undefined,!1,o,void 0,void 0);var Qy={directives:{domresize:ma()},components:{WListItem:Tm},props:{items:{type:Array,default:()=>[]},enableActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},itemTextFontSize:{type:String,default:"1rem"},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},space:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemBorderRadius:{type:Number,default:0},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"white"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"orange darken-3"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"orange darken-3"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(245,124,0,0.4)"},borderBottom:{type:Boolean,default:!0},borderBottomSize:{type:Number,default:2},borderBottomColor:{type:String,default:"rgba(245,124,0,0.8)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{borderBottomLeft:0,borderBottomWidth:0,itemActiveTrans:null}},watch:{itemActiveTrans:{handler(n,e){this.updateBorderBottom()},immediate:!0}},computed:{changeItemActive:function(){let n=this;return n.enableActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==di(this.items)&&Cm(this.items,(n=>Bn(n)))},effBorderBottomColor:function(){return ui(this.borderBottomColor)}},methods:{resize:function(n){this.updateBorderBottom()},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)},updateBorderBottom:function(){let n=this;if(null==n.itemActiveTrans)return;let e=0,t=[];De(Tn(n,"$refs.wli",[]),((r,o)=>{let i=r,l=Tn(i,"clientWidth",0),a=Tn(i,"clientHeight",0),d=e,s=l,u=a;o>0&&n.space>0&&(d+=n.space,s-=n.space),t.push({left:d,bottom:0,width:s,heiht:u}),e+=l}));let r=-1;if(De(n.items,((e,t)=>{if(Qc(e,n.itemActiveTrans))return r=t,!1})),-1===r)return;let o=t[r];n.borderBottomLeft=o.left,n.borderBottomWidth=o.width},ckItem:function(n,e){let t=this;if(!t.getEditable(n))return;t.itemActiveTrans=n;let r=null;r=t.isObjValue?{...n}:n,t.$emit("click",r,e),t.$emit("update:itemActive",r)}}};const Uy=Qy;var qy=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{staticStyle:{position:"relative",display:"flex","align-items":"center","white-space":"nowrap"}},[n.borderBottom?t("div",{style:"transition:all 0.3s; position:absolute; z-index:1; bottom:0px; left:"+n.borderBottomLeft+"px; padding-left:"+n.borderBottomWidth+"px; border-bottom:"+n.borderBottomSize+"px solid "+n.effBorderBottomColor+";"}):n._e(),n._v(" "),n._l(n.items,(function(e,r){return t("div",{key:r},[t("div",{ref:"wli",refInFor:!0,style:n.space>0&&r>0?"padding-left:"+n.space+"px;":""},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,borderRadius:n.itemBorderRadius,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,backgroundColorDisabled:n.itemBackgroundColorDisabled,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,textColorDisabled:n.itemTextColorDisabled,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,iconColorDisabled:n.itemIconColorDisabled,rippleColor:n.getEditable(e)?n.itemRippleColor:null,editable:n.getEditable(e),disabledColor:n.itemDisabledColor,cursorPointer:!n.getActive(e)&&n.itemCursorPointer},on:{click:function(t){return n.ckItem(e,r)}},scopedSlots:n._u([{key:"item",fn:function(t){return[n._t("item",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-left",fn:function(t){return[n._t("item-left",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-content",fn:function(t){return[n._t("item-content",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}},{key:"item-right",fn:function(t){return[n._t("item-right",null,{item:e,kitem:r,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)])}))],2)])};qy._withStripped=!0;const nb=t({render:qy,staticRenderFns:[]},(function(n){n&&n("data-v-3256149a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListHorizontal.vue"},media:void 0})}),Uy,"data-v-3256149a",false,undefined,!1,o,void 0,void 0);const eb={components:{WListCheck:jy},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyPickForObjItem:{type:String,default:""},paddingStyle:{type:Object,default:()=>({v:6,h:8})},spaceBetweenCheckboxAndContent:{type:Number,default:8},itemTextFontSize:{type:String,default:"1.0rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(200,200,200,0.4)"},itemBackgroundColorDisabled:{type:String,default:"white"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#000"},itemTextColorDisabled:{type:String,default:"#444"},itemIconSize:{type:Number,default:18},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"#000"},itemIconColorDisabled:{type:String,default:"#444"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemDisabledColor:{type:String,default:"transparent"},itemCursorPointer:{type:Boolean,default:!0},itemCheckIconIconSize:{type:Number,default:18},itemCheckIconCheckedIcon:{type:String,default:Ia},itemCheckIconCheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconCheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconCheckedIconColorDisabled:{type:String,default:"grey"},itemCheckIconUncheckedIcon:{type:String,default:"M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"},itemCheckIconUncheckedIconColor:{type:String,default:"blue darken-3"},itemCheckIconUncheckedIconColorHover:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorActive:{type:String,default:"blue darken-2"},itemCheckIconUncheckedIconColorDisabled:{type:String,default:"grey"},enableQuery:{type:Boolean,default:!1},query:{type:String,default:""},queryKeysPickForObjItem:{type:Array,default:()=>["text"]},queryPaddingStyle:{type:Object,default:()=>({v:0,h:0})},queryBorderRadius:{type:Number,default:30},queryShadow:{type:Boolean,default:!1},queryTextFontSize:{type:String,default:"1.0rem"},queryTextColor:{type:String,default:"black"},queryTextAlign:{type:String,default:"left"},queryIcon:{type:String,default:Pa},queryIconSize:{type:Number,default:18},queryIconColor:{type:String,default:"blue"},queryIconColorHover:{type:String,default:"blue darken-1"},queryIconColorFocus:{type:String,default:"blue darken-1"},queryIconTooltip:{type:String,default:""},queryIconShiftOuter:{type:Number,default:0},queryIconShiftInner:{type:Number,default:5},queryBackgroundColor:{type:String,default:"transparent"},queryBackgroundColorHover:{type:String,default:"transparent"},queryBackgroundColorFocus:{type:String,default:"transparent"},queryBorderColor:{type:String,default:"transparent"},queryBorderColorHover:{type:String,default:"transparent"},queryBorderColorFocus:{type:String,default:"transparent"},queryBottomLineBorderColor:{type:String,default:"grey lighten-1"},queryBottomLineBorderColorHover:{type:String,default:"grey"},queryBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},queryBottomLineBorderWidth:{type:Number,default:1},queryBottomLineBorderWidthHover:{type:Number,default:1},queryBottomLineBorderWidthFocus:{type:Number,default:2},queryPlaceholder:{type:String,default:"Keywords"},queryHeight:{type:Number,default:28},queryFocused:{type:Boolean,default:!1},queryPanelPaddingStyle:{type:Object,default:()=>({v:10,h:10})},querySepLineColor:{type:String,default:"#ddd"},querySepLineWidth:{type:Number,default:1}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var tb=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WListCheck",n._g(n._b({scopedSlots:n._u([{key:"header",fn:function(){return[n._t("header")]},proxy:!0},{key:"item-content",fn:function(e){return[n._t("item-content",null,{item:e.item,kitem:e.kitem,isHover:e.isHover,isActive:e.isActive})]}},{key:"footer",fn:function(){return[n._t("footer")]},proxy:!0}],null,!0)},"WListCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};tb._withStripped=!0;const rb=t({render:tb,staticRenderFns:[]},(function(n){n&&n("data-v-3167aed6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListRadio.vue"},media:void 0})}),eb,"data-v-3167aed6",false,undefined,!1,o,void 0,void 0);var ob={directives:{domresize:ma()},components:{WIcon:ls},props:{avatarOuterPadding:{type:Number,default:15},avatarInnerPadding:{type:Number,default:15},avatarIcon:{type:String,default:"M16 12L9 2L2 12H3.86L0 18H7V22H11V18H18L14.14 12H16M20.14 12H22L15 2L12.61 5.41L17.92 13H15.97L19.19 18H24L20.14 12M13 19H17V22H13V19Z"},avatarIconSize:{type:Number,default:60},avatarIconColor:{type:String,default:"white"},avatarBorderWidth:{type:Number,default:1},avatarBorderColor:{type:String,default:"transparent"},avatarBackgroundColor:{type:String,default:"rgba(239,108,0,0.5)"},avatarBorderRadius:{type:Number,default:10},avatarShadow:{type:Boolean,default:!0},shiftVFromAvaterCenter:{type:Number,default:20},spaceHBetweenAvatarAndHeader:{type:Number,default:20},spaceVBetweenHeaderAndContent:{type:Number,default:0},headerVerticalAlign:{type:String,default:"center"},headerPadding:{type:Number,default:15},headerText:{type:String,default:""},headerTextColor:{type:String,default:"#444"},headerTextSize:{type:String,default:"1.0rem"},subHeaderText:{type:String,default:""},subHeaderTextColor:{type:String,default:"#888"},subHeaderTextSize:{type:String,default:"0.7rem"},sepLineWidth:{type:Number,default:1},sepLineColor:{type:String,default:"#ddd"},contentBorderRadius:{type:Number,default:3},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{avatarWidth:0,avatarHeight:0}},computed:{useAvatarIconColor:function(){return ui(this.avatarIconColor)},useAvatarBorderColor:function(){return ui(this.avatarBorderColor)},useAvatarBackgroundColor:function(){return ui(this.avatarBackgroundColor)},useHeaderVerticalAlign:function(){let n="";return n="bottom"===this.headerVerticalAlign?"flex-end":"center"===this.headerVerticalAlign?"center":"flex-start",n},useHeaderTextColor:function(){return ui(this.headerTextColor)},useSubHeaderTextColor:function(){return ui(this.subHeaderTextColor)},useSepLineColor:function(){return ui(this.sepLineColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)}},methods:{resizeAvatar:function(n){this.avatarWidth=n.snew.offsetWidth,this.avatarHeight=n.snew.offsetHeight}}};const ib=ob;var lb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"0px",left:"0px"}},[t("div",{style:"transition:all 0.3s; padding:0px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px "+n.avatarOuterPadding+"px;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:n.avatarShadow?"shadow-header":"",style:"transition:all 0.3s; _box-sizing:border-box; border:"+n.avatarBorderWidth+"px solid "+n.useAvatarBorderColor+"; border-radius:"+n.avatarBorderRadius+"px; background:"+n.useAvatarBackgroundColor+";",on:{domresize:n.resizeAvatar}},[t("div",{staticStyle:{height:"100%",width:"100%",display:"flex","align-items":"center","justify-content":"center"}},[t("div",{style:"transition:all 0.3s; padding:"+n.avatarInnerPadding+"px;"},[n._t("avatar",(function(){return[t("WIcon",{attrs:{icon:n.avatarIcon,size:n.avatarIconSize,color:n.useAvatarIconColor,colorHover:n.useAvatarIconColor}})]}))],2)])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; padding-top:"+(n.avatarHeight/2-n.shiftVFromAvaterCenter)+"px;"}),n._v(" "),t("div",{class:n.contentShadow?"shadow":"",style:"transition:all 0.3s; border-radius:"+n.contentBorderRadius+"px; background:"+n.useContentBackgroundColor+";",attrs:{avatarWidth:""}},[t("div",{staticStyle:{display:"flex"}},[t("div",{style:"transition:all 0.3s; min-width:"+(n.avatarOuterPadding+n.avatarWidth+n.spaceHBetweenAvatarAndHeader)+"px; min-height:"+(n.avatarOuterPadding+(n.avatarHeight/2+n.shiftVFromAvaterCenter)+n.spaceVBetweenHeaderAndContent)+"px;"}),n._v(" "),t("div",{style:"transition:all 0.3s; width:100%; padding:"+n.headerPadding+"px; display:flex; align-items:"+n.useHeaderVerticalAlign+"; justify-content:flex-end;"},[t("div",{staticStyle:{"text-align":"right"}},[t("div",{style:"transition:all 0.3s; color:"+n.useSubHeaderTextColor+"; font-size:"+n.subHeaderTextSize+"; line-height:"+n.subHeaderTextSize+";"},[n._v("\n                        "+n._s(n.subHeaderText)+"\n                    ")]),n._v(" "),t("div",{style:"transition:all 0.3s; color:"+n.useHeaderTextColor+"; font-size:"+n.headerTextSize+";"},[n._v("\n                        "+n._s(n.headerText)+"\n                    ")])])])]),n._v(" "),t("div",{style:"transition:all 0.3s; border-top:"+n.sepLineWidth+"px solid "+n.useSepLineColor+";"},[t("div",{staticStyle:{transition:"all 0.3s"}},[n._t("default")],2)])])])};lb._withStripped=!0;const ab=t({render:lb,staticRenderFns:[]},(function(n){n&&n("data-v-6d959c2e_0",{source:"\n.shadow[data-v-6d959c2e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-6d959c2e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelAvatar.vue"],names:[],mappings:";AA6UA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelAvatar.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"display:inline-block; position:relative;\"\r\n    >\r\n\r\n        <div style=\"position:absolute; top:0px; left:0px;\">\r\n\r\n            <div\r\n                :style=\"`transition:all 0.3s; padding:0px ${avatarOuterPadding}px ${avatarOuterPadding}px ${avatarOuterPadding}px;`\"\r\n            >\r\n                <div\r\n                    :class=\"`${avatarShadow?'shadow-header':''}`\"\r\n                    :style=\"`transition:all 0.3s; _box-sizing:border-box; border:${avatarBorderWidth}px solid ${useAvatarBorderColor}; border-radius:${avatarBorderRadius}px; background:${useAvatarBackgroundColor};`\"\r\n                    v-domresize\r\n                    @domresize=\"resizeAvatar\"\r\n                >\r\n\r\n                    <div style=\"height:100%; width:100%; display:flex; align-items:center; justify-content:center;\">\r\n                        <div :style=\"`transition:all 0.3s; padding:${avatarInnerPadding}px;`\">\r\n\r\n                            <slot name=\"avatar\">\r\n                                <WIcon\r\n                                    :icon=\"avatarIcon\"\r\n                                    :size=\"avatarIconSize\"\r\n                                    :color=\"useAvatarIconColor\"\r\n                                    :colorHover=\"useAvatarIconColor\"\r\n                                ></WIcon>\r\n                            </slot>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; padding-top:${avatarHeight/2-shiftVFromAvaterCenter}px;`\"></div>\r\n\r\n        <div\r\n            avatarWidth\r\n            :class=\"`${contentShadow?'shadow':''}`\"\r\n            :style=\"`transition:all 0.3s; border-radius:${contentBorderRadius}px; background:${useContentBackgroundColor};`\"\r\n        >\r\n\r\n            <div style=\"display:flex;\">\r\n\r\n                <div :style=\"`transition:all 0.3s; min-width:${avatarOuterPadding+avatarWidth+spaceHBetweenAvatarAndHeader}px; min-height:${avatarOuterPadding+(avatarHeight/2+shiftVFromAvaterCenter)+spaceVBetweenHeaderAndContent}px;`\"></div>\r\n\r\n                <div :style=\"`transition:all 0.3s; width:100%; padding:${headerPadding}px; display:flex; align-items:${useHeaderVerticalAlign}; justify-content:flex-end;`\">\r\n\r\n                    <div style=\"text-align:right;\">\r\n                        <div :style=\"`transition:all 0.3s; color:${useSubHeaderTextColor}; font-size:${subHeaderTextSize}; line-height:${subHeaderTextSize};`\">\r\n                            {{subHeaderText}}\r\n                        </div>\r\n\r\n                        <div :style=\"`transition:all 0.3s; color:${useHeaderTextColor}; font-size:${headerTextSize};`\">\r\n                            {{headerText}}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div :style=\"`transition:all 0.3s; border-top:${sepLineWidth}px solid ${useSepLineColor};`\">\r\n\r\n                <div style=\"transition:all 0.3s;\">\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiForest } from '@mdi/js'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport WIcon from './WIcon.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [avatarOuterPadding=15] 輸入圖標區外側間距數字，單位為px，預設15\r\n * @vue-prop {Number} [avatarInnerPadding=15] 輸入圖標區內側間距數字，單位為px，預設15\r\n * @vue-prop {String} [avatarIcon=mdiForest] 輸入圖標字串，預設mdiForest\r\n * @vue-prop {Number} [avatarIconSize=60] 輸入圖標尺寸數字，單位為px，預設60\r\n * @vue-prop {String} [avatarIconColor='white'] 輸入圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [avatarBorderWidth=1] 輸入圖標區框線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [avatarBorderColor='transparnet'] 輸入圖標區框線顏色字串，預設'transparnet'\r\n * @vue-prop {String} [avatarBackgroundColor='rgba(239,108,0,0.5)'] 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'\r\n * @vue-prop {Number} [avatarBorderRadius=10] 輸入圖標區框圓角程度數字，單位為px，預設10\r\n * @vue-prop {Boolean} [avatarShadow=true] 輸入是否使用圖標區陰影效果數字，預設true\r\n * @vue-prop {Number} [shiftVFromAvaterCenter=20] 輸入圖標區基於水平中線之朝下平移數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceHBetweenAvatarAndHeader=20] 輸入圖標區與右側標題區間距數字，單位為px，預設20\r\n * @vue-prop {Number} [spaceVBetweenHeaderAndContent=0] 輸入標題區與下方內容區間距數字，單位為px，預設0\r\n * @vue-prop {String} [headerVerticalAlign='center'] 輸入標題區內文字垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'\r\n * @vue-prop {Number} [headerPadding=15] 輸入標題區間距數字，單位為px，預設15\r\n * @vue-prop {String} [headerText=''] 輸入標題區主要文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='#444'] 輸入標題區主要文字顏色字串，預設'#444'\r\n * @vue-prop {String} [headerTextSize='1.0rem'] 輸入標題區主要文字字型大小數字，預設'1.0rem'\r\n * @vue-prop {String} [subHeaderText=''] 輸入標題區次要文字字串，預設''\r\n * @vue-prop {String} [subHeaderTextColor='#888'] 輸入標題區次要文字顏色字串，預設'#888'\r\n * @vue-prop {String} [subHeaderTextSize='0.7rem'] 輸入標題區次要文字字型大小數字，預設'0.7rem'\r\n * @vue-prop {Number} [sepLineWidth=1] 輸入標題區與內容區分隔線寬度數字，單位為px，預設1\r\n * @vue-prop {String} [sepLineColor='#ddd'] 輸入標題區與內容區分隔線顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [contentBorderRadius=3] 輸入內容區框圓角程度數字，單位為px，預設3\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入是否使用內容區陰影效果數字，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIcon,\r\n    },\r\n    props: {\r\n        avatarOuterPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarInnerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        avatarIcon: {\r\n            type: String,\r\n            default: mdiForest,\r\n        },\r\n        avatarIconSize: {\r\n            type: Number,\r\n            default: 60,\r\n        },\r\n        avatarIconColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        avatarBorderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        avatarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        avatarBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(239,108,0,0.5)',\r\n        },\r\n        avatarBorderRadius: {\r\n            type: Number,\r\n            default: 10,\r\n        },\r\n        avatarShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shiftVFromAvaterCenter: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceHBetweenAvatarAndHeader: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        spaceVBetweenHeaderAndContent: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        headerVerticalAlign: {\r\n            type: String,\r\n            default: 'center', //top, center, bottom\r\n        },\r\n        headerPadding: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: '#444',\r\n        },\r\n        headerTextSize: {\r\n            type: String,\r\n            default: '1.0rem',\r\n        },\r\n        subHeaderText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        subHeaderTextColor: {\r\n            type: String,\r\n            default: '#888',\r\n        },\r\n        subHeaderTextSize: {\r\n            type: String,\r\n            default: '0.7rem',\r\n        },\r\n        sepLineWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        sepLineColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            avatarWidth: 0,\r\n            avatarHeight: 0,\r\n\r\n            // headerHeight: 0,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useAvatarIconColor: function() {\r\n            //console.log('computed useAvatarIconColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarIconColor)\r\n        },\r\n\r\n        useAvatarBorderColor: function() {\r\n            //console.log('computed useAvatarBorderColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBorderColor)\r\n        },\r\n\r\n        useAvatarBackgroundColor: function() {\r\n            //console.log('computed useAvatarBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.avatarBackgroundColor)\r\n        },\r\n\r\n        useHeaderVerticalAlign: function() {\r\n            //console.log('computed useHeaderVerticalAlign')\r\n\r\n            let vo = this\r\n\r\n            let c = ''\r\n            if (vo.headerVerticalAlign === 'bottom') {\r\n                c = 'flex-end'\r\n            }\r\n            else if (vo.headerVerticalAlign === 'center') {\r\n                c = 'center'\r\n            }\r\n            else {\r\n                //top, default\r\n                c = 'flex-start'\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useSubHeaderTextColor: function() {\r\n            //console.log('computed useSubHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.subHeaderTextColor)\r\n        },\r\n\r\n        useSepLineColor: function() {\r\n            //console.log('computed useSepLineColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.sepLineColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizeAvatar: function(msg) {\r\n            // console.log('methods resizeAvatar', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.avatarWidth = msg.snew.offsetWidth\r\n            vo.avatarHeight = msg.snew.offsetHeight\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),ib,"data-v-6d959c2e",false,undefined,!1,o,void 0,void 0);const db={directives:{domresize:ma()},props:{headerBorderRadius:{type:Number,default:0},paddingStyle:{type:Object,default:()=>({v:0,h:20})},headerText:{type:String,default:""},headerTextColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"rgba(77, 182, 172, 0.8)"},headerShadow:{type:Boolean,default:!0},contentBorderRadius:{type:Number,default:0},contentPadding:{type:[Number,String],default:0},contentBackgroundColor:{type:String,default:"white"},contentShadow:{type:Boolean,default:!0}},data:function(){return{headerHeight:0}},computed:{usePadding:function(){let n=this;return`padding:${Qd(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useHeaderTextColor:function(){return ui(this.headerTextColor)},useHeaderBackgroundColor:function(){return ui(this.headerBackgroundColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)},useContentPadding:function(){let n=this;return Fn(n.contentPadding)?`${n.contentPadding}px`:n.contentPadding}},methods:{updateHeaderHeight:function(n){this.headerHeight=n.snew.offsetHeight,this.$emit("resize",n)}}};var sb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[t("div",{style:"transition:all 0.3s; "+n.usePadding+" z-index:2;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],class:{"shadow-header":n.headerShadow},style:"transition:all 0.3s; display:inline-block; background:"+n.useHeaderBackgroundColor+"; border-radius:"+n.headerBorderRadius+"px;",on:{domresize:n.updateHeaderHeight}},[n._t("header",(function(){return[t("div",{style:"transition:all 0.3s; padding:5px 10px; color:"+n.useHeaderTextColor+";"},[n._v("\n                    "+n._s(n.headerText)+"\n                ")])]}))],2)]),n._v(" "),t("div",{style:"transition:all 0.3s; margin-top:-"+n.headerHeight/2+"px; z-index:1;"},[t("div",{class:{shadow:n.contentShadow},style:"transition:all 0.3s; background:"+n.useContentBackgroundColor+"; border-radius:"+n.contentBorderRadius+"px;"},[t("div",{style:"transition:all 0.3s; padding:"+n.useContentPadding+";"},[t("div",{style:"transition:all 0.3s; height:"+n.headerHeight/2+"px;"}),n._v(" "),n._t("default")],2)])])])};sb._withStripped=!0;const ub=t({render:sb,staticRenderFns:[]},(function(n){n&&n("data-v-0157912e_0",{source:"\n.shadow[data-v-0157912e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\n.shadow-header[data-v-0157912e] {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelBulge.vue"],names:[],mappings:";AAiMA;IACA,mGAAA;AACA;AACA;IACA,4HAAA;AACA",file:"WPanelBulge.vue",sourcesContent:["<template>\r\n    <div>\r\n\r\n        <div\r\n            :style=\"`transition:all 0.3s; ${usePadding} z-index:2;`\"\r\n        >\r\n            <div\r\n                :class=\"{'shadow-header':headerShadow}\"\r\n                :style=\"`transition:all 0.3s; display:inline-block; background:${useHeaderBackgroundColor}; border-radius:${headerBorderRadius}px;`\"\r\n                v-domresize\r\n                @domresize=\"updateHeaderHeight\"\r\n            >\r\n\r\n                <slot name=\"header\">\r\n                    <div :style=\"`transition:all 0.3s; padding:5px 10px; color:${useHeaderTextColor};`\">\r\n                        {{headerText}}\r\n                    </div>\r\n                </slot>\r\n\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"`transition:all 0.3s; margin-top:-${headerHeight/2}px; z-index:1;`\">\r\n\r\n            <div\r\n                :class=\"{'shadow':contentShadow}\"\r\n                :style=\"`transition:all 0.3s; background:${useContentBackgroundColor}; border-radius:${contentBorderRadius}px;`\"\r\n            >\r\n\r\n                <div :style=\"`transition:all 0.3s; padding:${useContentPadding};`\">\r\n\r\n                    <div :style=\"`transition:all 0.3s; height:${headerHeight/2}px;`\"></div>\r\n\r\n                    <slot></slot>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [headerBorderRadius=0] 輸入標題區圓角寬度，單位為px，預設0\r\n * @vue-prop {Object} [paddingStyle={v:0,h:20}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:20}\r\n * @vue-prop {String} [headerText=''] 輸入標題文字字串，預設''\r\n * @vue-prop {String} [headerTextColor='white'] 輸入標題文字顏色字串，預設'white'\r\n * @vue-prop {String} [headerBackgroundColor='teal lighten-2'] 輸入標題背景顏色字串，預設'teal lighten-2'\r\n * @vue-prop {Boolean} [headerShadow=true] 輸入標題區是否使用陰影模式，預設true\r\n * @vue-prop {Number} [contentBorderRadius=0] 輸入內容區圓角寬度，單位為px，預設0\r\n * @vue-prop {Number|String} [contentPadding=20] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設20，若輸入字串則需自己添加單位\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {Boolean} [contentShadow=true] 輸入內容區是否使用陰影模式，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        headerBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 20,\r\n                }\r\n            },\r\n        },\r\n        headerText: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        headerTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(77, 182, 172, 0.8)', //teal lighten-2\r\n        },\r\n        headerShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        contentBorderRadius: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        contentPadding: {\r\n            type: [Number, String],\r\n            default: 0,\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        contentShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            headerHeight: 0,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { ext: { left: vo.shiftLeft, right: vo.shiftRight } })\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useHeaderTextColor: function() {\r\n            //console.log('computed useHeaderTextColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerTextColor)\r\n        },\r\n\r\n        useHeaderBackgroundColor: function() {\r\n            //console.log('computed useHeaderBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.headerBackgroundColor)\r\n        },\r\n\r\n        useContentBackgroundColor: function() {\r\n            //console.log('computed useContentBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.contentBackgroundColor)\r\n        },\r\n\r\n        useContentPadding: function() {\r\n            //console.log('computed useContentPadding')\r\n\r\n            let vo = this\r\n\r\n            if (isnum(vo.contentPadding)) {\r\n                return `${vo.contentPadding}px`\r\n            }\r\n            else {\r\n                return vo.contentPadding\r\n            }\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        updateHeaderHeight: function(msg) {\r\n            //console.log('methods updateHeaderHeight', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            vo.headerHeight = msg.snew.offsetHeight\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n.shadow-header {\r\n    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 7px 10px 1px rgba(0, 0, 0, 0.06), 0px 2px 16px 1px rgba(0, 0, 0, 0.04);\r\n}\r\n</style>\r\n"]},media:void 0})}),db,"data-v-0157912e",false,undefined,!1,o,void 0,void 0);const cb={directives:{domresize:ma()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},leftWidthMin:{type:Number,default:null},leftWidthMax:{type:Number,default:null},rightWidthMin:{type:Number,default:null},rightWidthMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barSize:{type:Number,default:2},barBorderColor:{type:String,default:"transparent"},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=sh(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return ui(this.barColor)},useBarBorderColor:function(){return ui(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelWidth>0){let t=n*e.panelWidth;yi(e.leftWidthMin)&&t<e.leftWidthMin&&(n=e.leftWidthMin/e.panelWidth),yi(e.leftWidthMax)&&t>e.leftWidthMax&&(n=e.leftWidthMax/e.panelWidth);let r=(1-n)*e.panelWidth;yi(e.rightWidthMin)&&r<e.rightWidthMin&&(n=-(e.rightWidthMin/e.panelWidth-1)),yi(e.rightWidthMax)&&r>e.rightWidthMax&&(n=-(e.rightWidthMax/e.panelWidth-1))}return n},dragBar:function({clientX:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetWidth,i=0;o>0&&(i=(r-t.left)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};var pb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",display:"flex"}},[t("div",{ref:"left",style:"width:"+n.r*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("left",null,{ratio:n.r,width:n.r*n.panelWidth,height:n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; left:"+(n.r*n.panelWidth-n.bw/2)+"px; width:"+n.bw+"px; height:"+n.panelHeight+"px; border-left:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-right:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.barSize+"px; height:"+n.panelHeight+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"right",style:"width:"+(1-n.r)*n.panelWidth+"px; height:"+n.panelHeight+"px;"},[n._t("right",null,{ratio:1-n.r,width:(1-n.r)*n.panelWidth,height:n.panelHeight})],2)])])};pb._withStripped=!0;const fb=t({render:pb,staticRenderFns:[]},(function(n){n&&n("data-v-38174f87_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideHorizontal.vue"},media:void 0})}),cb,"data-v-38174f87",false,undefined,!1,o,void 0,void 0);var hb={directives:{domresize:ma()},props:{ratio:{type:Number,default:.5},ratioMin:{type:Number,default:0},ratioMax:{type:Number,default:1},topHeightMin:{type:Number,default:null},topHeightMax:{type:Number,default:null},bottomHeightMin:{type:Number,default:null},bottomHeightMax:{type:Number,default:null},barColor:{type:String,default:"#ddd"},barBorderColor:{type:String,default:"transparent"},barSize:{type:Number,default:2},barBorderSize:{type:Number,default:3}},data:function(){return{r:null,panelWidth:0,panelHeight:0,das:null}},mounted:function(){let n=this,e=sh(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeParam:function(){let n=this,e=n.ratio;return e=n.limitRatio(e),n.r=e,""},bw:function(){return this.barSize+2*this.barBorderSize},useBarColor:function(){return ui(this.barColor)},useBarBorderColor:function(){return ui(this.barBorderColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight,e.$emit("resize",n)},limitRatio:function(n){let e=this;if(n=Math.min(n,e.ratioMax),n=Math.max(n,e.ratioMin),e.panelHeight>0){let t=n*e.panelHeight;yi(e.topHeightMin)&&t<e.topHeightMin&&(n=e.topHeightMin/e.panelHeight),yi(e.topHeightMax)&&t>e.topHeightMax&&(n=e.topHeightMax/e.panelHeight);let r=(1-n)*e.panelHeight;yi(e.bottomHeightMin)&&r<e.bottomHeightMin&&(n=-(e.bottomHeightMin/e.panelHeight-1)),yi(e.bottomHeightMax)&&r>e.bottomHeightMax&&(n=-(e.bottomHeightMax/e.panelHeight-1))}return n},dragBar:function({clientY:n}){let e=this,t=e.$el.getBoundingClientRect(),r=n,o=e.$el.offsetHeight,i=0;o>0&&(i=(r-t.top)/o),i=e.limitRatio(i),e.r=i,e.$emit("update:ratio",i)}}};const gb=hb;var mb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative"}},[t("div",{ref:"top",style:"width:"+n.panelWidth+"px; height:"+n.r*n.panelHeight+"px;"},[n._t("top",null,{ratio:n.r,width:n.panelWidth,height:n.r*n.panelHeight})],2),n._v(" "),t("div",{ref:"divBar",style:"position:absolute; z-index:1; top:"+(n.r*n.panelHeight-n.bw/2)+"px; width:"+n.panelWidth+"px; height:"+n.barSize+"px; border-top:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; border-bottom:"+n.barBorderSize+"px solid "+n.useBarBorderColor+"; cursor:row-resize; user-select:none;"},[t("div",{style:"width:"+n.panelWidth+"px; height:"+n.barSize+"px; background:"+n.useBarColor+";"})]),n._v(" "),t("div",{ref:"bottom",style:"width:"+n.panelWidth+"px; height:"+(1-n.r)*n.panelHeight+"px;"},[n._t("bottom",null,{ratio:1-n.r,width:n.panelWidth,height:(1-n.r)*n.panelHeight})],2)])])};mb._withStripped=!0;const vb=t({render:mb,staticRenderFns:[]},(function(n){n&&n("data-v-357f2c2f_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelDivideVertical.vue"},media:void 0})}),gb,"data-v-357f2c2f",false,undefined,!1,o,void 0,void 0);const yb={directives:{domresize:ma(),dommutation:ng()},components:{},props:{scale:{type:Number,default:1}},data:function(){return{width:1,height:1}},mounted:function(){this.fitSize()},computed:{},methods:{domresize:function(n){this.fitSize()},dommutation:function(n){this.fitSize()},fitSize:function(){let n=this,e=Tn(n,"$refs.tar");if(Oi(e)){let t=e.getBoundingClientRect();n.width===t.width&&n.height===t.height||(n.width=t.width,n.height=t.height)}}}};var bb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"},{name:"dommutation",rawName:"v-dommutation"}],style:"display:inline-block; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;",attrs:{domresize:"domresize"},on:{dommutation:n.dommutation}},[t("div",{style:"position:relative; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"position:absolute; left:0; top:0; width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{style:"transform-origin:top left; transform:scale("+n.scale+"); width:"+n.width+"px; height:"+n.height+"px; max-height:"+n.height+"px;"},[t("div",{ref:"tar",staticStyle:{display:"inline-block"}},[n._t("default")],2)])])])])};bb._withStripped=!0;const Cb=t({render:bb,staticRenderFns:[]},(function(n){n&&n("data-v-a28c5d42_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScale.vue"},media:void 0})}),yb,"data-v-a28c5d42",false,undefined,!1,o,void 0,void 0);const xb={props:{hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},padding:{type:Number,default:20},borderRadius:{type:Number,default:5},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},shadow:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{usePanelStyle:function(){let n={};return n["background-color"]=ui(this.contentBackgroundColor),n["border-radius"]=`${this.borderRadius}px`,n},useHeaderStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-bottom"]="1px solid #ddd",e["background-color"]=ui(n.headerBackgroundColor),e["border-radius"]=`${n.borderRadius}px ${n.borderRadius}px 0 0`,e.display="flex",e["justify-content"]="flex-start",e["align-items"]="center",e},useContentStyle:function(){let n=this,e={},t="0 0",r="0 0";return n.hasHeader||(t=`${n.borderRadius}px ${n.borderRadius}px`),n.hasFooter||(r=`${n.borderRadius}px ${n.borderRadius}px`),e["border-radius"]=`${t} ${r}`,e},useFooterStyle:function(){let n=this,e={};return e.padding=`${n.padding}px`,e["border-top"]="1px solid #ddd",e["background-color"]=ui(n.footerBackgroundColor),e["border-radius"]=`0 0 ${n.borderRadius}px ${n.borderRadius}px`,e}},methods:{}};var Sb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{class:{shadow:n.shadow},style:[n.usePanelStyle]},[n.hasHeader?t("div",{style:[n.useHeaderStyle]},[n._t("icon"),n._v(" "),t("div",[n._t("title"),n._v(" "),n._t("description")],2)],2):n._e(),n._v(" "),t("div",{style:[n.useContentStyle]},[n._t("content")],2),n._v(" "),n.hasFooter?t("div",{style:[n.useFooterStyle]},[n._t("footer")],2):n._e()])};Sb._withStripped=!0;const Ib=t({render:Sb,staticRenderFns:[]},(function(n){n&&n("data-v-59d58b7f_0",{source:"\n.shadow[data-v-59d58b7f] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WPanelStripe.vue"],names:[],mappings:";AAoJA;IACA,mGAAA;AACA",file:"WPanelStripe.vue",sourcesContent:["<template>\r\n    <div :class=\"{'shadow':shadow}\" :style=\"[usePanelStyle]\">\r\n\r\n        <div :style=\"[useHeaderStyle]\" v-if=\"hasHeader\">\r\n            <slot name=\"icon\"></slot>\r\n            <div>\r\n                <slot name=\"title\"></slot>\r\n                <slot name=\"description\"></slot>\r\n            </div>\r\n        </div>\r\n\r\n        <div :style=\"[useContentStyle]\">\r\n            <slot name=\"content\"></slot>\r\n        </div>\r\n\r\n        <div :style=\"[useFooterStyle]\" v-if=\"hasFooter\">\r\n            <slot name=\"footer\"></slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [hasHeader=true] 輸入是否有上部標題區，預設true\r\n * @vue-prop {Boolean} [hasFooter=true] 輸入是否有下部基底區，預設true\r\n * @vue-prop {Number} [padding=20] 輸入內間距，單位為px，預設20\r\n * @vue-prop {Number} [borderRadius=5] 輸入圓角寬度數字，單位為px，預設5\r\n * @vue-prop {String} [headerBackgroundColor='grey lighten-5'] 輸入上方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'\r\n * @vue-prop {String} [footerBackgroundColor='grey lighten-5'] 輸入下方區塊背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        hasHeader: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hasFooter: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        padding: {\r\n            type: Number,\r\n            default: 20,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        headerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        contentBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        footerBackgroundColor: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        usePanelStyle: function() {\r\n            //console.log('computed usePanelStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['background-color'] = convertColor(vo.contentBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n        useHeaderStyle: function() {\r\n            //console.log('computed useHeaderStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-bottom'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.headerBackgroundColor)\r\n            s['border-radius'] = `${vo.borderRadius}px ${vo.borderRadius}px 0 0`\r\n            s['display'] = 'flex'\r\n            s['justify-content'] = 'flex-start'\r\n            s['align-items'] = 'center'\r\n\r\n            return s\r\n        },\r\n\r\n        useContentStyle: function() {\r\n            //console.log('computed useContentStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            let ch = '0 0'\r\n            let cf = '0 0'\r\n            if (!vo.hasHeader) {\r\n                ch = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            if (!vo.hasFooter) {\r\n                cf = `${vo.borderRadius}px ${vo.borderRadius}px`\r\n            }\r\n            s['border-radius'] = `${ch} ${cf}`\r\n\r\n            return s\r\n        },\r\n\r\n        useFooterStyle: function() {\r\n            //console.log('computed useFooterStyle')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['padding'] = `${vo.padding}px`\r\n            s['border-top'] = '1px solid #ddd'\r\n            s['background-color'] = convertColor(vo.footerBackgroundColor)\r\n            s['border-radius'] = `0 0 ${vo.borderRadius}px ${vo.borderRadius}px`\r\n\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n</style>\r\n"]},media:void 0})}),xb,"data-v-59d58b7f",false,undefined,!1,o,void 0,void 0);const wb={components:{WPopup:zc,WText:Ip,WButtonChip:Eu,WIcon:ls},props:{value:{type:[String,Number],default:""},title:{type:String,default:"Editor"},titleColor:{type:String,default:"grey darken-3"},titleFontSize:{type:String,default:"0.8rem"},contentIcon:{type:String,default:"M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z"},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:28},inputTextColor:{type:String,default:"grey darken-3"},inputTextBottomLineBorderColor:{type:String,default:"grey lighten-1"},inputTextBottomLineBorderColorHover:{type:String,default:"grey"},inputTextBottomLineBorderColorFocus:{type:String,default:"blue darken-1"},saveBtnText:{type:String,default:"Save"},saveBtnTextColor:{type:String,default:"grey darken-3"},saveBtnTextColorHover:{type:String,default:"grey darken-2"},saveBtnIcon:{type:String,default:Ta},saveBtnIconSize:{type:Number,default:22},saveBtnIconColor:{type:String,default:"grey darken-1"},saveBtnIconColorHover:{type:String,default:"grey darken-2"},saveBtnIconRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},saveBtnBackgroundColor:{type:String,default:"white"},saveBtnBackgroundColorHover:{type:String,default:"grey lighten-3"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidthForValue:{type:Number,default:30},minWidthForPopup:{type:Number,default:300}},data:function(){return{valueTemp:null,showEdit:!1}},computed:{useTitleFontSize:function(){let n=this.titleFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTitleColor:function(){return ui(this.titleColor)},useHeaderBackgroundColor:function(){return ui(this.headerBackgroundColor)},useContentBackgroundColor:function(){return ui(this.contentBackgroundColor)},useFooterBackgroundColor:function(){return ui(this.footerBackgroundColor)}},methods:{evShow:function(){let n=this;n.valueTemp=n.value,n.$nextTick((()=>{n.showEdit=!0}))},evHide:function(){let n=this;n.$nextTick((()=>{n.$emit("close"),n.showEdit=!1}))},ckSave:function(n,e){let t=this;t.$nextTick((()=>{t.$emit("input",t.valueTemp),t.valueTemp="",n.funHide()}))}}};var kb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{attrs:{isolated:!0,_minWidth:"minWidthForPopup"},on:{show:n.evShow,hide:n.evHide},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"min-width:"+n.minWidthForValue+"px; min-height:1rem; cursor:pointer;"},[n._v("\n            "+n._s(n.value)+"\n        ")])]},proxy:!0},{key:"content",fn:function(e){return[t("div",{style:"min-width:"+n.minWidthForPopup+"px; text-align:left; border-radius:5px; overflow:hidden;"},[""!==n.title?t("div",[t("div",{style:" padding:10px; color:"+n.useTitleColor+"; "+n.useTitleFontSize+"; background:"+n.useHeaderBackgroundColor+";"},[n._v("\n                    "+n._s(n.title)+"\n                ")])]):n._e(),n._v(" "),t("div",{style:"padding:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:"+n.useContentBackgroundColor+"; display:flex; align-items:center;"},[t("div",{staticStyle:{"padding-right":"10px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor,colorHover:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{width:"100%"}},[n.showEdit?t("WText",{attrs:{textColor:n.inputTextColor,bottomLineBorderColor:n.inputTextBottomLineBorderColor,bottomLineBorderColorHover:n.inputTextBottomLineBorderColorHover,bottomLineBorderColorFocus:n.inputTextBottomLineBorderColorFocus},on:{enter:function(t){return n.ckSave(e)}},model:{value:n.valueTemp,callback:function(e){n.valueTemp=e},expression:"valueTemp"}}):n._e()],1)]),n._v(" "),t("div",{style:"padding:10px; background:"+n.useFooterBackgroundColor+"; text-align:right;"},[t("WButtonChip",{attrs:{shiftLeft:-5,icon:n.saveBtnIcon,iconColor:n.saveBtnIconColor,iconColorHover:n.saveBtnIconColorHover,iconSize:n.saveBtnIconSize,text:n.saveBtnText,textColor:n.saveBtnTextColor,textColorHover:n.saveBtnTextColorHover,backgroundColor:n.saveBtnBackgroundColor,backgroundColorHover:n.saveBtnBackgroundColorHover,rippleColor:n.saveBtnIconRippleColor},on:{click:function(t){return n.ckSave(e)}}})],1)])]}}])})};kb._withStripped=!0;const Tb=t({render:kb,staticRenderFns:[]},(function(n){n&&n("data-v-f4b7cba6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopupEditText.vue"},media:void 0})}),wb,"data-v-f4b7cba6",false,undefined,!1,o,void 0,void 0);var Bb={components:{WIcon:ls},props:{value:{type:Number,default:0},decimal:{type:Number,default:1},title:{type:String,default:""},titleTextColor:{type:String,default:"grey darken-2"},titleTextFontSize:{type:String,default:"0.85rem"},height:{type:Number,default:4},borderRadius:{type:Number,default:5},progColor:{type:String,default:"lime accent-4"},progBackgroundColor:{type:String,default:"light-green lighten-5"},iconSize:{type:Number,default:20},iconWaiting:{type:String,default:La},iconFinish:{type:String,default:Sa},iconWaitingColor:{type:String,default:"grey"},iconFinishColor:{type:String,default:"green"},enableIconWaiting:{type:Boolean,default:!0},enableIconFinish:{type:Boolean,default:!0},valueTextColor:{type:String,default:"grey darken-2"},valueTextFontSize:{type:String,default:"0.85rem"},enableContinuous:{type:Boolean,default:!1},continuousIncrease:{type:Number,default:12},continuousPeriod:{type:Number,default:100}},data:function(){return{mdiCheck:Sa,mdiOrbitVariant:La,timer:null,continuousFirst:!0,continuousRatio:0,continuousShiftX:0,continuousWidth:0}},beforeDestroy:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)},computed:{changeContinuous:function(){let n=this;return n.enableContinuous?n.runContinuous():n.destroyContinuous(),""},hasTitle:function(){return An(this.title)},status:function(){return this.value<=0?"waiting":this.value>=100?"finish":"running"},useProg:function(){let n=this.value;return n=Math.max(n,0),n=Math.min(n,100),n=this.digValue(n),n},useTitleTextFontSize:function(){let n=this.titleTextFontSize;return n=Ye(n,";",""),`font-size:${n};`},useBorderRadius:function(){return`border-radius:${this.borderRadius}px;`},useProgColor:function(){return ui(this.progColor)},useProgBackgroundColor:function(){return ui(this.progBackgroundColor)},useTitleTextColor:function(){return ui(this.titleTextColor)},useIconWaitingColor:function(){return ui(this.iconWaitingColor)},useIconFinishColor:function(){return ui(this.iconFinishColor)},useValueTextColor:function(){return ui(this.valueTextColor)},useValueTextFontSize:function(){let n=this.valueTextFontSize;return n=Ye(n,";",""),`font-size:${n};`}},methods:{digValue:function(n){return wp(n,this.decimal)},runContinuous:function(){let n=this;null===n.timer&&(n.timer=setInterval((()=>{n.continuousRatio+=n.continuousIncrease,n.continuousFirst=!1,n.continuousRatio>=100+n.continuousIncrease&&(n.continuousFirst=!0,n.continuousRatio=-n.continuousIncrease),n.continuousShiftX=(n=>{let e=(n/=100)<.5?4*n*n*n:1-Math.pow(-2*n+2,3)/2;return e=Math.max(Math.min(e,1),0),e*=100,e})(n.continuousRatio),n.continuousWidth=(n=>{n-=50,n*=2,n/=100,n=Math.max(Math.min(n,1),-1);let e=1*Math.exp(-2*n**2);return e=Math.max(Math.min(e,1),0),e-=.1353352832366127,e*=1.1565176427496657,e*=100,e})(n.continuousRatio)}),n.continuousPeriod))},destroyContinuous:function(){let n=this;null!==n.timer&&(clearInterval(n.timer),n.timer=null)}}};const Hb=Bb;var Ab=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeContinuous:n.changeContinuous}},[n.hasTitle?t("div",{style:"color:"+n.useTitleTextColor+"; "+n.useTitleTextFontSize+";"},[n._v("\n        "+n._s(n.title)+"\n    ")]):n._e(),n._v(" "),n.enableContinuous?n._e():t("div",{style:"display:flex; align-items:center;"},[t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"background:"+n.useProgColor+"; width:"+n.useProg+"%; height:"+n.height+"px;"})])]),n._v(" "),t("div",{staticStyle:{"padding-left":"5px"}},[n.enableIconWaiting&&"waiting"===n.status||n.enableIconFinish&&"finish"===n.status?t("WIcon",{attrs:{icon:"waiting"===n.status?n.iconWaiting:n.iconFinish,color:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,colorHover:"waiting"===n.status?n.useIconWaitingColor:n.useIconFinishColor,size:n.iconSize}}):t("div",{style:"color:"+n.useValueTextColor+"; "+n.useValueTextFontSize+";"},[t("div",[n._v(n._s(n.useProg)+"%")])])],1)]),n._v(" "),n.enableContinuous?t("div",{style:n.useBorderRadius+" overflow:hidden; width:100%; height:"+n.height+"px;"},[t("div",{style:"position:relative; background:"+n.useProgBackgroundColor+"; height:"+n.height+"px;"},[t("div",{style:"position:absolute; transition:all "+(n.continuousFirst?0:n.continuousPeriod)+"ms linear; left:"+n.continuousShiftX+"%; top:0px; background:"+n.useProgColor+"; width:"+n.continuousWidth+"%; height:"+n.height+"px;"})])]):n._e()])};Ab._withStripped=!0;const Wb=t({render:Ab,staticRenderFns:[]},(function(n){n&&n("data-v-a175a682_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressBar.vue"},media:void 0})}),Hb,"data-v-a175a682",false,undefined,!1,o,void 0,void 0);const Fb={components:{WTooltip:Ku},props:{text:{type:String,default:""},value:{type:Number,default:0},color:{type:String,default:"rgba(100,100,100,0.8)"},trackColor:{type:String,default:"rgba(150,150,150,0.4)"},size:{type:Number,default:120},width:{type:Number,default:6},textColor:{type:String,default:"#666"},tooltip:{type:String,default:""},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"}},data:function(){return{}},mounted:function(){},computed:{radius:function(){return this.size/2-this.width/2},sizeHalf:function(){return this.size/2},widthOuter:function(){return 1*this.width},widthInner:function(){return this.width},progSdAll:function(){return 2*Math.PI*this.radius},progSdNow:function(){let n=this.value;return n<0&&(n=0),n>100&&(n=100),(100-n)/100*this.progSdAll},valueStyle:function(){let n=this,e=n.size/5.4,t=(n.size-26)/94*.25+.75;return{color:n.useColor,"font-size":e+"pt",transform:`scale(${t})`}},textStyle:function(){let n=this.size/12;return{color:this.useTextColor,"font-size":n+"pt",transform:"scale(1.2)"}},useColor:function(){return ui(this.color)},useTrackColor:function(){return ui(this.trackColor)},useTextColor:function(){return ui(this.textColor)},hasTooltop:function(){return An(this.tooltip)}},methods:{clickBtn:function(){let n=this;n.$nextTick((()=>{n.$emit("click")}))}}};var Zb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; width:"+n.size+"px; height:"+n.size+"px;"},[t("svg",{style:"transform-origin:radius; transform:rotate(-90deg);",attrs:{width:n.size,height:n.size,viewPort:"0 0 "+n.size+" "+n.size,version:"1.1",xmlns:"http://www.w3.org/2000/svg"}},[t("circle",{attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":0,stroke:n.useTrackColor,"stroke-width":n.widthOuter}}),n._v(" "),t("circle",{staticStyle:{transition:"all 0.6s ease-in-out"},attrs:{r:n.radius,cx:n.sizeHalf,cy:n.sizeHalf,fill:"transparent","stroke-dasharray":n.progSdAll,"stroke-dashoffset":n.progSdNow,stroke:n.useColor,"stroke-width":n.widthInner}})]),n._v(" "),t("div",{style:"position:absolute; top:50%; left:50%; width:"+n.size+"px; height:"+n.size+"px;"},[t("div",{staticStyle:{"text-align":"center",transform:"translate(-50%,-50%)"}},[t("div",{style:[n.valueStyle]},[n._v(n._s(n.value)+"%")]),n._v(" "),t("div",{style:[n.textStyle]},[n._v(n._s(n.text))])])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};Zb._withStripped=!0;const Xb=t({render:Zb,staticRenderFns:[]},(function(n){n&&n("data-v-6b1a9a7c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WProgressCircle.vue"},media:void 0})}),Fb,"data-v-6b1a9a7c",false,undefined,!1,o,void 0,void 0);const Pb={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.min.js","https://cdn.jsdelivr.net/npm/quill@1.3.7/dist/quill.snow.min.css","base:w-quill-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-quill-vue"];n.default&&(n=n.default),ro().component("w-quill-vue",n)}n.cmpName="w-quill-vue"}))},computed:{},methods:{}};var Rb=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};Rb._withStripped=!0;const Lb=t({render:Rb,staticRenderFns:[]},(function(n){n&&n("data-v-65b531b0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WQuillVueDyn.vue"},media:void 0})}),Pb,"data-v-65b531b0",false,undefined,!1,o,void 0,void 0);var zb={components:{WPopup:zc},props:{items:{type:Array,default:()=>[]},width:{type:Number,default:230},height:{type:Number,default:600},paddingStyle:{type:Object,default:()=>({top:10,right:0,bottom:10,left:50})},keyValueStart:{type:String,default:"valueStart"},keyValueEnd:{type:String,default:"valueEnd"},keyText:{type:String,default:"text"},valueMin:{type:Number,default:null},valueMax:{type:Number,default:null},title:{type:String,default:""},titleColor:{type:String,default:"#444"},titleFontSize:{type:String,default:"1rem"},titleShift:{type:Number,default:null},alignStart:{type:String,default:"left"},alignEnd:{type:String,default:"right"},funFormatTickValue:{type:Function,default:null},axisColor:{type:String,default:"#666"},tickColor:{type:String,default:"#666"},tickSize:{type:Number,default:5},tickLabelColor:{type:String,default:"#666"},tickLabelFontSize:{type:String,default:"0.7rem"},segmentBackgroundType:{type:String,default:"color"},segmentBackgroundColor:{type:String,default:"#FFB74D"},funSegmentBackgroundColor:{type:Function,default:null},segmentBackgroundImage:{type:String,default:""},funSegmentBackgroundImage:{type:Function,default:null},segmentBackgroundImageSize:{type:String,default:"75%"},segmentBorderColor:{type:[String,Object],default:"#FB8C00"},funSegmentBorderColor:{type:Function,default:null},segmentSize:{type:Number,default:6},textWithPopup:{type:Boolean,default:!1},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"#222"},textBackgroundColor:{type:String,default:"#ddd"},textTriangularSize:{type:Number,default:15},textTriangularRatio:{type:Number,default:1.5},textShift:{type:Number,default:null},textCanClick:{type:Boolean,default:!1},segmentCanClick:{type:Boolean,default:!1}},data:function(){return{}},computed:{paddingFormat:function(){return Qd(this.paddingStyle,{returnObj:!0})},paddingTop:function(){return Tn(this,"paddingFormat.top",0)},paddingRight:function(){return Tn(this,"paddingFormat.right",0)},paddingBottom:function(){return Tn(this,"paddingFormat.bottom",0)},paddingLeft:function(){return Tn(this,"paddingFormat.left",0)},plotWidth:function(){let n=this,e=n.width-n.paddingLeft-n.paddingRight;return e=Math.max(e,0),e},plotHeight:function(){let n=this,e=n.height-n.paddingTop-n.paddingBottom;return e=Math.max(e,0),e},useTextTriangularSizeHalf:function(){return this.textTriangularSize/this.textTriangularRatio},useAlignStart:function(){let n=this.alignStart;return"left"!==n&&"right"!==n&&(n="left"),n},useAlignEnd:function(){let n=this.alignEnd;return"left"!==n&&"right"!==n&&(n="right"),n},useItemsOri:function(){let n=this,e=[];return De(n.items,((t,r)=>{let o=Tn(t,n.keyValueStart,"");Fn(o)||console.log(`value[${o}] at items[${r}].${n.keyValueStart} is not a number`),o=Zr(o);let i=Tn(t,n.keyValueEnd,"");Fn(i)||console.log(`value[${i}] at items[${r}].${n.keyValueEnd} is not a number`),i=Zr(i);let l=Tn(t,n.keyText,"");An(l)||(l=""),e.push({valueStart:o,valueEnd:i,text:l,data:t})})),e},vsve:function(){return[...sr(this.useItemsOri,"valueStart"),...sr(this.useItemsOri,"valueEnd")]},useValueMin:function(){let n=this;return yi(n.valueMin)?n.valueMin:cc(n.vsve)},useValueMax:function(){let n=this;return yi(n.valueMax)?n.valueMax:fc(n.vsve)},userValueRange:function(){return this.useValueMax-this.useValueMin},useItems:function(){let n=this,e=[];return De(n.useItemsOri,(t=>{let r=t.valueStart;r=Math.min(Math.max(r,n.useValueMin),n.useValueMax);let o=t.valueEnd;o=Math.min(Math.max(o,n.useValueMin),n.useValueMax),e.push({...t,valueStart:r,valueEnd:o})})),e},useLabels:function(){let n=this,e=[];De(n.useItems,(t=>{e.push({value:t.valueStart,align:n.useAlignStart}),e.push({value:t.valueEnd,align:n.useAlignEnd})}));let t={value:n.useValueMin,align:n.useAlignStart},r={value:n.useValueMax,align:n.useAlignEnd};e=[t,...e,r];let o=Ag(e,"value"),i=[];return De(o,((n,e)=>{if(1===di(n))i.push(n[0]);else{let t=Ag(n,"align");if(t=Ih(t),1===di(t))i.push(t[0][0]);else{let n={value:e,align:"left"};i.push(n)}}})),e=i,e},useLabelsLocs:function(){let n=this,e=sr(n.useLabels,(e=>{let t=n.convertValueToY(e.value),r=e.value;return je(n.funFormatTickValue)&&(r=n.funFormatTickValue(e.value)),{y:t,align:e.align,label:r}}));return e},useSamplesLocs:function(){let n=this,e=n.useValueMax-n.useValueMin,t=sr(n.useItems,(t=>{let r=(t.valueStart-n.useValueMin)/e*n.plotHeight,o=(t.valueEnd-n.useValueMin)/e*n.plotHeight;return{y:r,yc:(r+o)/2,height:o-r,text:t.text,data:t.data}}));return t},useTitleColor:function(){return ui(this.titleColor)},useAxisColor:function(){return ui(this.axisColor)},useTickColor:function(){return ui(this.tickColor)},useTickLabelColor:function(){return ui(this.tickLabelColor)},useSegmentCursor:function(){return this.segmentCanClick?"cursor:pointer;":""},useTitleShift:function(){let n=this;return yi(n.titleShift)?n.titleShift:12-n.paddingLeft},useTickOuter:function(){let n=this.tickSize;return n+=4,n},useTextShift:function(){let n=this;if(yi(n.textShift))return n.textShift;let e=1+n.segmentSize/2;return"right"!==n.useAlignStart&&"right"!==n.useAlignEnd||(e+=n.paddingLeft),e},useTextWidthMax:function(){let n=this.plotWidth-this.useTextShift-14.4-1;return n=Math.max(n,0),n},useTextColor:function(){return ui(this.textColor)},useTextBackgroundColor:function(){return ui(this.textBackgroundColor)},useTextCursor:function(){return this.textWithPopup||this.textCanClick?"cursor:pointer;":""}},methods:{convertValueToY:function(n){let e=this;return(n-e.useValueMin)/e.userValueRange*e.plotHeight},getLabelShift:function(n){let e="";return"left"===n&&(e="-100% - "),`${e}${this.useTickOuter}px`},getSegmentBackground:function(n){let e=this,t="";if("color"===e.segmentBackgroundType)t=`background:${e.getSegmentBackgroundColor(n)};`;else{if("image"!==e.segmentBackgroundType)throw new Error(`segmentBackgroundType[${e.segmentBackgroundType}] need to set 'color' or 'image'`);{let r=e.segmentBackgroundImageSize;r=Ye(r,";",""),t=`background-image:url('${e.getSegmentBackgroundImage(n)}'); background-size:${r}; background-repeat:repeat;`}}return t},getSegmentBackgroundColor:function(n){let e=this,t=ui(e.segmentBackgroundColor);if(je(e.funSegmentBackgroundColor)){let r=Tn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundColor(r)}return t},getSegmentBackgroundImage:function(n){let e=this,t=e.segmentBackgroundImage;if(je(e.funSegmentBackgroundImage)){let r=Tn(e,`useItems.${n}.data`,{});t=e.funSegmentBackgroundImage(r)}return t},getSegmentBorder:function(n){let e,t=this,r=e=>{let r=ui(e);if(je(t.funSegmentBorderColor)){let e=Tn(t,`useItems.${n}.data`,{});r=t.funSegmentBorderColor(e)}return r};if(Bn(t.segmentBorderColor)){let n=Jd(t.segmentBorderColor,{def:"",type:"text"});e=`border-left:1px solid ${r(n.left)}; border-right:1px solid ${r(n.right)}; border-top:1px solid ${r(n.top)}; border-bottom:1px solid ${r(n.bottom)};`}else e=`border:1px solid ${r(t.segmentBorderColor)};`;return e},clickText:function(n,e){if(!this.textCanClick)return;let t={ev:n,item:e};this.$emit("click-text",t)},clickSegment:function(n,e){if(!this.segmentCanClick)return;let t={ev:n,item:e};this.$emit("click-segment",t)}}};const Vb=zb;var Nb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"width:"+n.width+"px; height:"+n.height+"px; box-sizing:border-box;"},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px "+n.paddingBottom+"px "+n.paddingLeft+"px;"},[t("div",{style:"position:relative; width:"+n.plotWidth+"px; height:"+n.plotHeight+"px; border-left:1px solid "+n.useAxisColor+";"},[n.title?t("div",{style:"position:absolute; top:50%; left:0%; color:"+n.useTitleColor+"; font-size:"+n.titleFontSize+"; text-align:center; transform-origin:center; transform:translate(-50%,-50%) rotate(-90deg) translateY("+n.useTitleShift+"px);"},[t("div",[n._v(n._s(n.title))])]):n._e(),n._v(" "),n._l(n.useLabelsLocs,(function(e,r){return t("div",{key:"label"+r,style:"position:absolute; top:"+e.y+"px; left:0px; transform:translate( calc( "+n.getLabelShift(e.align)+" ), -50% );"},[t("div",{style:"color:"+n.useTickLabelColor+"; font-size:"+n.tickLabelFontSize+";"},[n._v("\n                    "+n._s(e.label)+"\n                ")])])})),n._v(" "),n._l(n.useLabelsLocs,(function(e,r){return t("div",{key:"tick"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.tickSize+"px;"},[t("div",{style:"width:"+(2*n.tickSize+1)+"px; border-top:1px solid "+n.useTickColor+";"})])})),n._v(" "),n._l(n.useSamplesLocs,(function(e,r){return t("div",{key:"sample-block"+r,style:"position:absolute; top:"+e.y+"px; left:-"+n.segmentSize/2+"px; width:"+n.segmentSize+"px; height:"+e.height+"px; "+n.getSegmentBackground(r)+" "+n.getSegmentBorder(r)+" "+n.useSegmentCursor,on:{click:function(t){n.clickSegment(t,e.data)}}})})),n._v(" "),t("div",{style:"position:absolute; top:0px; left:0px; transform:translateX(-"+n.paddingLeft+"px);"},[n._t("support-left",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; left:"+n.useTickOuter+"px;"},[n._t("support-right",null,{convertValueToY:n.convertValueToY})],2),n._v(" "),n._l(n.useSamplesLocs,(function(e,r){return t("div",{key:"sample-text"+r,style:"position:absolute; top:"+e.yc+"px; left:"+n.useTextShift+"px;"},[t("div",{staticStyle:{position:"relative"}},[t("div",{staticStyle:{position:"absolute",top:"-50%",left:"0px",height:"100%"}},[t("div",{staticStyle:{display:"flex","align-items":"center",height:"100%"}},[n._t("text",(function(){return[n.textWithPopup?[t("div",{style:"display:flex;"},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                                "+n._s(e.text)+"\n                                                            ")])])])])]},proxy:!0},{key:"content",fn:function(){return[n._t("text-popup",null,{item:e.data,index:r})]},proxy:!0}],null,!0)})],1)]:[t("div",{style:"display:flex; "+n.useTextCursor,on:{click:function(t){n.clickText(t,e.data)}}},[t("div",{style:"width:0; height:0; border-top:"+n.useTextTriangularSizeHalf+"px solid transparent; border-right:"+n.useTextTriangularSizeHalf*n.textTriangularRatio+"px solid "+n.useTextBackgroundColor+"; border-bottom:"+n.useTextTriangularSizeHalf+"px solid transparent;"}),n._v(" "),t("div",{style:"padding-right:5px; max-width:"+n.useTextWidthMax+"px; box-sizing:border-box; background:"+n.useTextBackgroundColor+";"},[t("div",{style:"height:100%; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useTextColor+"; font-size:"+n.textFontSize+"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;",attrs:{title:e.text}},[n._v("\n                                                    "+n._s(e.text)+"\n                                                ")])])])])]]}),{item:e.data,index:r})],2)])])])}))],2)])])};Nb._withStripped=!0;const Db=t({render:Nb,staticRenderFns:[]},(function(n){n&&n("data-v-748005d6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WSegmentsVertical.vue"},media:void 0})}),Vb,"data-v-748005d6",false,undefined,!1,o,void 0,void 0);var Gb={props:{value:{type:[Boolean,String],default:!1},text:{type:String,default:""},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textFontSize:{type:String,default:"0.85rem"},switchSize:{type:Number,default:24},checkedSwitchCircleColor:{type:String,default:"blue darken-3"},checkedSwitchCircleColorHover:{type:String,default:"blue darken-2"},checkedSwitchCircleColorDisabled:{type:String,default:"grey"},uncheckedSwitchCircleColor:{type:String,default:"#fafafa"},uncheckedSwitchCircleColorHover:{type:String,default:"#fff"},uncheckedSwitchCircleColorDisabled:{type:String,default:"#bbb"},checkedSwitchBarColor:{type:String,default:"#74a4d9"},checkedSwitchBarColorHover:{type:String,default:"#8bb3df"},checkedSwitchBarColorDisabled:{type:String,default:"#ececec"},uncheckedSwitchBarColor:{type:String,default:"#c5c5c5"},uncheckedSwitchBarColorHover:{type:String,default:"#ccc"},uncheckedSwitchBarColorDisabled:{type:String,default:"#ececec"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,dh:4,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return Ln(e)?n.b=e:n.b="y"===e,""},heightCir:function(){return this.switchSize-this.dh},widthCir:function(){return this.heightCir},heightBar:function(){return this.switchSize/24*14},widthBar:function(){return this.switchSize/24*36},heightToogle:function(){return Math.max(this.heightCir,this.heightBar)},effTextColor:function(){return ui(this.textColor)},effTextColorHover:function(){return ui(this.textColorHover)},useTextColor:function(){let n,e=this;return e.editable?(n=e.hoverTrans?e.effTextColorHover:e.effTextColor,n):e.effTextColor},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},effCheckedSwitchCircleColor:function(){return ui(this.checkedSwitchCircleColor)},effCheckedSwitchCircleColorHover:function(){return ui(this.checkedSwitchCircleColorHover)},effCheckedSwitchCircleColorDisabled:function(){return ui(this.checkedSwitchCircleColorDisabled)},useCheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchCircleColorHover:n.effCheckedSwitchCircleColor:n.effCheckedSwitchCircleColorDisabled},effUncheckedSwitchCircleColor:function(){return ui(this.uncheckedSwitchCircleColor)},effUncheckedSwitchCircleColorHover:function(){return ui(this.uncheckedSwitchCircleColorHover)},effUncheckedSwitchCircleColorDisabled:function(){return ui(this.uncheckedSwitchCircleColorDisabled)},useUncheckedSwitchCircleColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchCircleColorHover:n.effUncheckedSwitchCircleColor:n.effUncheckedSwitchCircleColorDisabled},useSwitchCircleColor:function(){let n=this;return n.b?n.useCheckedSwitchCircleColor:n.useUncheckedSwitchCircleColor},effCheckedSwitchBarColor:function(){return ui(this.checkedSwitchBarColor)},effCheckedSwitchBarColorHover:function(){return ui(this.checkedSwitchBarColorHover)},effCheckedSwitchBarColorDisabled:function(){return ui(this.checkedSwitchBarColorDisabled)},useCheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedSwitchBarColorHover:n.effCheckedSwitchBarColor:n.effCheckedSwitchBarColorDisabled},effUncheckedSwitchBarColor:function(){return ui(this.uncheckedSwitchBarColor)},effUncheckedSwitchBarColorHover:function(){return ui(this.uncheckedSwitchBarColorHover)},effUncheckedSwitchBarColorDisabled:function(){return ui(this.uncheckedSwitchBarColorDisabled)},useUncheckedSwitchBarColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedSwitchBarColorHover:n.effUncheckedSwitchBarColor:n.effUncheckedSwitchBarColorDisabled},useSwitchBarColor:function(){let n=this;return n.b?n.useCheckedSwitchBarColor:n.useUncheckedSwitchBarColor}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;Ln(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick((()=>{n.$emit("input",t)}))}}};const jb=Gb;var Kb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{changeParam:n.changeParam},on:{click:n.toogleValue,mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",{style:"width:"+n.widthBar+"px; height:"+n.heightToogle+"px;"},[t("div",{style:"position:relative;"},[t("div",{staticClass:"ts",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightBar)/2)+"px; left:0px; width:"+n.widthBar+"px; height:"+n.heightBar+"px; border-radius:8px; background:"+n.useSwitchBarColor+";"}),n._v(" "),t("div",{staticClass:"ts bs",style:"position:absolute; top:"+(1+(n.heightToogle-n.heightCir)/2)+"px; left:"+(n.b?n.widthBar-n.widthCir:0)+"px; width:"+n.widthCir+"px; height:"+n.heightCir+"px; border-radius:50%; background:"+n.useSwitchCircleColor+";"})])]),n._v(" "),""!==n.text?t("div",{staticClass:"ts",style:"text-transform:none; padding-left:5px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("text",(function(){return[n._v("\n                "+n._s(n.text)+"\n            ")]}),{text:n.text})],2):n._e()])])};Kb._withStripped=!0;const Yb=t({render:Kb,staticRenderFns:[]},(function(n){n&&n("data-v-0fac1b8b_0",{source:"\n.ts[data-v-0fac1b8b] {\r\n    transition:all 0.3s;\n}\n.bs[data-v-0fac1b8b] {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WSwitch.vue"],names:[],mappings:";AA0XA;IACA,mBAAA;AACA;AACA;IACA,kHAAA;AACA",file:"WSwitch.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`display:inline-block; ${editable?'cursor:pointer;':''}`\"\r\n        :changeParam=\"changeParam\"\r\n        @click=\"toogleValue\"\r\n        @mouseenter=\"hoverTrans=true;$emit('mouseenter',$event)\"\r\n        @mouseleave=\"hoverTrans=false;$emit('mouseleave',$event)\"\r\n    >\r\n\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <div :style=\"`width:${widthBar}px; height:${heightToogle}px;`\">\r\n                <div :style=\"`position:relative;`\">\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts\" :style=\"`position:absolute; top:${1+(heightToogle-heightBar)/2}px; left:0px; width:${widthBar}px; height:${heightBar}px; border-radius:8px; background:${useSwitchBarColor};`\">\r\n                    </div>\r\n\r\n                    \x3c!-- 文字會稍微偏下故top+1 --\x3e\r\n                    <div class=\"ts bs\" :style=\"`position:absolute; top:${1+(heightToogle-heightCir)/2}px; left:${ b ? widthBar-widthCir : 0 }px; width:${widthCir}px; height:${heightCir}px; border-radius:50%; background:${useSwitchCircleColor};`\">\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"ts\" :style=\"`text-transform:none; padding-left:5px; color:${useTextColor}; ${useTextFontSize}`\" v-if=\"text!==''\">\r\n                <slot\r\n                    name=\"text\"\r\n                    :text=\"text\"\r\n                >\r\n                    {{text}}\r\n                </slot>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isbol from 'wsemi/src/isbol.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean|String} [value=false] 輸入是否狀態的布林值或字串，可接受true或false，或是'y'或'n'，預設false\r\n * @vue-prop {String} [text=''] 輸入文字字串，預設''\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [switchSize=24] 輸入切換器大小，單位為px，預設24\r\n * @vue-prop {String} [checkedSwitchCircleColor='blue darken-3'] 輸入可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-3'\r\n * @vue-prop {String} [checkedSwitchCircleColorHover='blue darken-2'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-2'\r\n * @vue-prop {String} [checkedSwitchCircleColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchCircleColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchCircleColorDisabled='#bbb'] 輸入不可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#bbb'\r\n * @vue-prop {String} [checkedSwitchBarColor='#74a4d9'] 輸入可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#74a4d9'\r\n * @vue-prop {String} [checkedSwitchBarColorHover='#8bb3df'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#8bb3df'\r\n * @@vue-prop {String} [checkedSwitchBarColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'grey'\r\n * @vue-prop {String} [uncheckedSwitchBarColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#8ad'\r\n * @vue-prop {String} [uncheckedSwitchBarColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#9bd'\r\n * @vue-prop {String} [uncheckedSwitchBarColorDisabled='#bbb'] 輸入不可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#bbb'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    props: {\r\n        value: {\r\n            type: [Boolean, String],\r\n            default: false,\r\n        },\r\n        text: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        switchSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        checkedSwitchCircleColor: {\r\n            type: String,\r\n            default: 'blue darken-3',\r\n        },\r\n        checkedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: 'blue darken-2',\r\n        },\r\n        checkedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        uncheckedSwitchCircleColor: {\r\n            type: String,\r\n            default: '#fafafa',\r\n        },\r\n        uncheckedSwitchCircleColorHover: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        uncheckedSwitchCircleColorDisabled: {\r\n            type: String,\r\n            default: '#bbb',\r\n        },\r\n        checkedSwitchBarColor: {\r\n            type: String,\r\n            default: '#74a4d9',\r\n        },\r\n        checkedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#8bb3df',\r\n        },\r\n        checkedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\r\n        },\r\n        uncheckedSwitchBarColor: {\r\n            type: String,\r\n            default: '#c5c5c5',\r\n        },\r\n        uncheckedSwitchBarColorHover: {\r\n            type: String,\r\n            default: '#ccc',\r\n        },\r\n        uncheckedSwitchBarColorDisabled: {\r\n            type: String,\r\n            default: '#ececec',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            hoverTrans: false,\r\n\r\n            dh: 4,\r\n\r\n            b: false,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //b\r\n            if (isbol(value)) {\r\n                vo.b = value\r\n            }\r\n            else {\r\n                vo.b = (value === 'y')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        heightCir: function() { // heightCir: 20,\r\n            let vo = this\r\n            return vo.switchSize - vo.dh\r\n        },\r\n\r\n        widthCir: function() { // widthCir: 20,\r\n            let vo = this\r\n            return vo.heightCir\r\n        },\r\n\r\n        heightBar: function() { // heightBar: 14,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 14\r\n        },\r\n\r\n        widthBar: function() { // widthBar: 36,\r\n            let vo = this\r\n            return vo.switchSize / 24 * 36\r\n        },\r\n\r\n        heightToogle: function() {\r\n            let vo = this\r\n            return Math.max(vo.heightCir, vo.heightBar)\r\n        },\r\n\r\n        effTextColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColor)\r\n        },\r\n\r\n        effTextColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.textColorHover)\r\n        },\r\n\r\n        useTextColor: function() {\r\n            let vo = this\r\n            let r\r\n            if (!vo.editable) {\r\n                return vo.effTextColor\r\n            }\r\n            r = vo.hoverTrans ? vo.effTextColorHover : vo.effTextColor\r\n            return r\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        effCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColor)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorHover)\r\n        },\r\n\r\n        effCheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchCircleColorHover : vo.effCheckedSwitchCircleColor\r\n        },\r\n\r\n        effUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColor)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchCircleColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchCircleColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchCircleColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchCircleColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchCircleColorHover : vo.effUncheckedSwitchCircleColor\r\n        },\r\n\r\n        useSwitchCircleColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchCircleColor : vo.useUncheckedSwitchCircleColor\r\n        },\r\n\r\n        effCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColor)\r\n        },\r\n\r\n        effCheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorHover)\r\n        },\r\n\r\n        effCheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.checkedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useCheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effCheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effCheckedSwitchBarColorHover : vo.effCheckedSwitchBarColor\r\n        },\r\n\r\n        effUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColor)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorHover: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorHover)\r\n        },\r\n\r\n        effUncheckedSwitchBarColorDisabled: function() {\r\n            let vo = this\r\n            return convertColor(vo.uncheckedSwitchBarColorDisabled)\r\n        },\r\n\r\n        useUncheckedSwitchBarColor: function() {\r\n            let vo = this\r\n            if (!vo.editable) {\r\n                return vo.effUncheckedSwitchBarColorDisabled\r\n            }\r\n            return vo.hoverTrans ? vo.effUncheckedSwitchBarColorHover : vo.effUncheckedSwitchBarColor\r\n        },\r\n\r\n        useSwitchBarColor: function() {\r\n            let vo = this\r\n            return vo.b ? vo.useCheckedSwitchBarColor : vo.useUncheckedSwitchBarColor\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        toogleValue: function () {\r\n            // console.log('methods toogleValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //toogle\r\n            let b = vo.b\r\n            b = !b\r\n\r\n            //value\r\n            let value = null\r\n            if (isbol(vo.value)) {\r\n                value = false\r\n                if (b) {\r\n                    value = true\r\n                }\r\n            }\r\n            else {\r\n                value = 'n'\r\n                if (b) {\r\n                    value = 'y'\r\n                }\r\n            }\r\n\r\n            //nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s;\r\n}\r\n.bs {\r\n    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);\r\n}\r\n</style>\r\n"]},media:void 0})}),jb,"data-v-0fac1b8b",false,undefined,!1,o,void 0,void 0);function _b(n,e){return function(n,e,t){for(var r=-1,o=n.length,i=e.length,l={};++r<o;){var a=r<i?e[r]:void 0;t(l,n[r],a)}return l}(n||[],e||[],al)}function $b(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(!rs(n))return{};if(rs(e))return di(n)===di(e)?_b(n,e):{};let t=[];for(let r=0;r<di(n);r++)t.push(pa(e));return _b(n,t)}function Eb(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!rs(n))return[];if(!rs(e))return[];let r=sr(n,(n=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";if(!rs(e))return{};let r={};return De(e,(function(e){r[e]=Tn(n,e,t)})),r}(n,e,t)));return r}const Mb={directives:{domresize:ma()},components:{WButtonCircle:Qu,WPopup:zc,WText:Ip,WButtonChip:Eu,WAggridVueDyn:mi},props:{pathItems:{type:Array},language:{type:String,default:"en"},enableInfor:{type:Boolean,default:!0},name:{type:String,default:""},description:{type:String,default:""},inforPaddingStyle:{type:Object,default:()=>({v:0,h:0})},enableMenu:{type:Boolean,default:!0},menuPaddingStyle:{type:Object,default:()=>({v:3,h:3})},menuBackgroundColor:{type:String,default:"transparent"},sortColIds:{type:[String,Array],default:""},hideIds:{type:[String,Array],default:""},fixIds:{type:[String,Array],default:""},checkId:{type:String,default:""},removeIdsWhenDownload:{type:[String,Array],default:""},funGetLtdtHookWhenDownload:{type:Function,default:null},funGetMatHookWhenDownload:{type:Function,default:null},enableHeadWhenDownload:{type:Boolean,default:!1},fileNameWhenDownload:{type:String,default:"data.xlsx"},sheetNameWhenDownload:{type:String,default:"data"},editable:{type:Boolean,default:!1},textLabelDataName:{type:String,default:"Data name:"},textPlaceholderDataName:{type:String,default:"Please enter data name"},textLabelDataDescription:{type:String,default:"Data description:"},textPlaceholderDataDescription:{type:String,default:"Please enter data description"},tooltipAddRow:{type:String,default:"add new row"},tooltipDeleteSelectedRows:{type:String,default:"delete selected rows"},tooltipDownloadExcelFile:{type:String,default:"download data to Excel file"},tooltipDownloadExcelFileForDisplay:{type:String,default:"download filtered data to Excel file"},tooltipUploadExcelFile:{type:String,default:"upload data to Excel file"},successMsgFromAddRow:{type:String,default:"add row successfully"},errorMsgFromAddRow:{type:String,default:"can not add row"},errorMsgFromRemoveRow:{type:String,default:"can not remove selected rows"},successMsgFromUploadData:{type:String,default:"upload data successfully"},errorMsgFromUploadData:{type:String,default:"can not upload data"},errorMsgFromUploadEmptyData:{type:String,default:"no effective data"},successMsgFromDownloadData:{type:String,default:"download data successfully"},errorMsgFromDownloadData:{type:String,default:"can not download data"},errorMsgFromNoName:{type:String,default:"no data name"},errorMsgFromNoData:{type:String,default:"no data"},uploadModeTitle:{type:String,default:"Choose mode of upload:"},uploadModeTextForReplace:{type:String,default:"Replace"},uploadModeTextForAppend:{type:String,default:"Append"},opt:{type:Object,default:null}},data:function(){return{mdiDownload:"M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z",mdiMonitorArrowDown:"M21 16H3V4H21M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2M16 10H13V6H11V10H8L12 14L16 10",mdiUpload:"M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z",mdiDeleteForever:"M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z",mdiTextBoxPlusOutline:"M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z",tableHeight:1,showPickUploadMode:!1,paramsTemp:null,nameTrans:"",descriptionTrans:"",rowsSelect:[],useOpt:null,nameTemp:"",descriptionTemp:"",rowsTemp:[],isFilter:!1}},computed:{changeParamsForInfor:function(){let n=this,e=n.name,t=n.description;return n.nameTrans=Ar(n.name),n.descriptionTrans=Ar(n.description),n.nameTemp=Ar(n.name),n.descriptionTemp=Ar(n.description),n.___changeParamsForInfor___={name:e,description:t},""},changeParamsForTable:function(){let n=this,e={rows:Tn(n,"opt.rows"),hideIds:n.hideIds,fixIds:n.fixIds,checkId:n.checkId,editable:n.editable};return Qc(n.paramsTemp,e)||(n.genOpt(),n.paramsTemp=pa(e)),""},kpUploadModeItems:function(){return{replace:this.uploadModeTextForReplace,append:this.uploadModeTextForAppend}},useKeys:function(){let n=this,e=[];return rs(Tn(n,"opt.keys"))?e=Tn(n,"opt.keys"):rs(Tn(n,"opt.rows"))&&(e=Re(Tn(n,"rows.0",{}))),e},useKpHead:function(){let n,e=this;return Di(Tn(e,"opt.kpHead"))?n=Tn(e,"opt.kpHead"):(n={},De(e.useKeys,(e=>{n[e]=e}))),n},hasEffRows:function(){return di(Tn(this,"useOpt.rows",[]))>0},hasEffUseOpt:function(){return null!==this.useOpt},hasEffNameAndDesp:function(){return""!==this.nameTrans||""!==this.descriptionTrans},hasEffLabelNameAndDesp:function(){return""!==this.textLabelDataName||""!==this.textLabelDataDescription},useInforPadding:function(){return`padding:${Qd(this.inforPaddingStyle)};`},useMenuPaddingStyle:function(){return`padding:${Qd(this.menuPaddingStyle)};`},useMenuBackgroundColor:function(){return ui(this.menuBackgroundColor)}},methods:{domresize:function(n){let e=this,t=0,r=Tn(e,"$el.offsetHeight",0),o=Tn(e,"$refs.menu.offsetHeight");r>0&&o>0&&(t=r-o),t=Math.max(t,200),e.tableHeight=t},default:function(){let n=this;n.tableHeight=200,n.rowsSelect=[],n.useOpt=null,n.rowsTemp=[]},genOpt:function(){let n=this;if(0===di(n.useKeys))return void n.default();let e=null;if(e=Ge(Tn(n,"opt.rows"))?pa(Tn(n,"opt.rows")):[$b(n.useKeys)],An(n.sortColIds))try{e=Li(e,n.sortColIds)}catch(n){console.log(n)}else rs(n.sortColIds)&&De(n.sortColIds,(n=>{try{e=Li(e,n)}catch(n){console.log(n)}}));n.rowsTemp=pa(e);let t={defCellAlighH:"left",...n.opt,language:n.language,rows:e,keys:n.useKeys,defCellEditable:n.editable,kpHead:n.useKpHead,rowChecked:function(e){n.rowsSelect=e,je(Tn(n.opt,"rowChecked"))&&n.opt.rowChecked(e)},filterChange:function(e){let t=Tn(e,"isFilter",!1);n.isFilter=t,je(Tn(n.opt,"filterChange"))&&n.opt.filterChange(e)}};if(An(n.hideIds)?t.kpHeadHide=$b([n.hideIds],!0):rs(n.hideIds)&&(t.kpHeadHide=$b(n.hideIds,!0)),An(n.fixIds)?t.kpHeadFixLeft=$b([n.fixIds],!0):rs(n.fixIds)&&(t.kpHeadFixLeft=$b(n.fixIds,!0)),n.editable&&An(n.checkId)&&(t.kpHeadCheckBox=$b([n.checkId],!0)),Di(n.opt)){De(pa(n.opt),((n,e)=>{"keys"!==e&&"rows"!==e&&"kpHead"!==e&&"editable"!==e&&(t[e]=n)}))}n.useOpt=t},addRow:function(){let n=this;if(0===di(n.useKeys))return n.default(),void n.$emit("error",n.errorMsgFromAddRow);let e=$b(n.useKeys);e.id=Ni(),je(Tn(n,"opt.beforeAddRow"))&&(e=n.opt.beforeAddRow(e));try{n.useOpt.rows.push(e),n.$nextTick((()=>{let e=Tn(n,"$refs.cmp.$refs.$self.getApi");if(je(e)){e().ensureIndexVisible(n.useOpt.rows.length-1,"bottom")}})),n.$emit("success",n.successMsgFromAddRow)}catch(e){console.log(e),n.$emit("error",n.errorMsgFromAddRow)}},removeRows:function(){let n=this,e=Tn(n,"useOpt.rows",[]);if(e=pa(e),0===di(e))return;let t=sr(n.rowsSelect,"rowInd");if(0!==di(t)){Gg(e,t);try{n.useOpt.rows=e}catch(e){n.$emit("error",n.errorMsgFromRemoveRow)}n.rowsSelect=[]}},downloadData:function(n="raw"){let e=this;try{let t="";if("raw"===n)t="downloadData";else{if("display"!==n)throw new Error(`invlaid mode[${n}]`);t="downloadDisplayData"}let r=Tn(e,`$refs.cmp.$refs.$self.${t}`);if(!je(r))return;r({funGetKeysHook:n=>(An(e.removeIdsWhenDownload)?cs(n,e.removeIdsWhenDownload):rs(e.removeIdsWhenDownload)&&cs(n,...e.removeIdsWhenDownload),n),funGetLtdtHook:e.funGetLtdtHookWhenDownload,funGetMatHook:e.funGetMatHookWhenDownload,useHead:e.enableHeadWhenDownload,fileName:e.fileNameWhenDownload,sheetName:e.sheetNameWhenDownload,pathItems:null}),e.$emit("success",e.successMsgFromDownloadData)}catch(n){e.$emit("error",e.errorMsgFromDownloadData)}},uploadData:function(n){let e=this,t=Tn(e,"$refs.cmp.$refs.$self.uploadData");if(!je(t))return;let r=Tn(e,"opt.optForUploadData");Bn(r)||(r={}),An(Tn(r,"uploadMode"))||(r.uploadMode=n),je(Tn(r,"beforeUpload"))||(r.beforeUpload=n=>{let e=[];return De(n,(n=>{Cm(n,(n=>""===n))||e.push(n)})),e}),t(r).then((n=>{0===di(n)?e.$emit("error",e.errorMsgFromUploadEmptyData):e.$emit("success",e.successMsgFromUploadData),e.rowsSelect=[]})).catch((n=>{console.log("catch",n),e.$emit("error",e.errorMsgFromUploadData)}))},save:function(){let n,e=this;try{n=function(){let n=Ar(e.nameTrans),t=Ar(e.descriptionTrans);if(!An(n))return{err:e.errorMsgFromNoName};let r=Tn(e,"useOpt.rows",[]);r=Eb(r,e.useKeys),je(Tn(e,"opt.modifyDataWhenSave"))&&(r=e.opt.modifyDataWhenSave(r));let o=Tn(e,"opt.checkNoDataWhenSave");return Ln(o)||(o=!1),o&&0===r.length?{err:e.errorMsgFromNoData}:{name:n,nameTemp:e.nameTrans,description:t,descriptionTemp:e.descriptionTemp,rows:pa(r),rowsTemp:pa(e.rowsTemp)}}()}catch(e){n={err:e}}return n}}};var Ob=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParamsForInfor:n.changeParamsForInfor,changeParamsForTable:n.changeParamsForTable}},[n.hasEffUseOpt?[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"menu",on:{domresize:n.domresize}},[n.editable?[n.enableInfor?t("div",{style:""+n.useInforPadding},[t("table",{staticStyle:{width:"100%"}},[t("tbody",[t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataName))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataName},model:{value:n.nameTrans,callback:function(e){n.nameTrans=e},expression:"nameTrans"}})],1)]),n._v(" "),t("tr",[t("td",{style:(n.hasEffLabelNameAndDesp?"padding-right:5px;":"")+" vertical-align:middle; opacity:0.8; font-size:0.8rem; white-space:nowrap;"},[n._v(n._s(n.textLabelDataDescription))]),n._v(" "),t("td",{staticStyle:{width:"100%","vertical-align":"middle"}},[t("WText",{staticStyle:{width:"100%"},attrs:{placeholder:n.textPlaceholderDataDescription},model:{value:n.descriptionTrans,callback:function(e){n.descriptionTrans=e},expression:"descriptionTrans"}})],1)])])])]):n._e(),n._v(" "),n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiTextBoxPlusOutline,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipAddRow},on:{click:n.addRow}}),n._v(" "),n.rowsSelect.length>0?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDeleteForever,iconColor:"#f26",backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDeleteSelectedRows},on:{click:n.removeRows}}):n._e(),n._v(" "),n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFile},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipDownloadExcelFileForDisplay},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),t("WPopup",{scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiUpload,backgroundColor:"white",backgroundColorHover:"white",tooltip:n.tooltipUploadExcelFile},on:{click:function(e){n.showPickUploadMode=!0}}})]},proxy:!0},{key:"content",fn:function(){return[t("div",{staticStyle:{padding:"10px","font-size":"0.8rem",color:"#666",background:"#eee"}},[n._v("\n                                    "+n._s(n.uploadModeTitle)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{padding:"15px"}},[t("WButtonChip",{staticStyle:{"margin-right":"15px"},attrs:{text:n.kpUploadModeItems.replace,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("replace")}}}),n._v(" "),t("WButtonChip",{attrs:{_style:"margin:5px;",text:n.kpUploadModeItems.append,backgroundColor:"white",backgroundColorHover:"#f6f6f6"},on:{click:function(e){n.showPickUploadMode=!1,n.uploadData("append")}}})],1)]},proxy:!0}],null,!1,2771795469),model:{value:n.showPickUploadMode,callback:function(e){n.showPickUploadMode=e},expression:"showPickUploadMode"}}),n._v(" "),n._t("btns",null,{editable:n.editable})],2)]):n._e()]:[t("div",{style:"display:flex; align-items:center;"},[n.enableMenu?t("div",{style:n.useMenuPaddingStyle+" background:"+n.useMenuBackgroundColor+";"},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiDownload,tooltip:n.tooltipDownloadExcelFile,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("raw")}}}):n._e(),n._v(" "),n.isFilter&&n.hasEffRows?t("WButtonCircle",{staticStyle:{margin:"5px"},attrs:{icon:n.mdiMonitorArrowDown,tooltip:n.tooltipDownloadExcelFileForDisplay,backgroundColor:"white",backgroundColorHover:"white"},on:{click:function(e){return n.downloadData("display")}}}):n._e(),n._v(" "),n._t("btns",null,{editable:n.editable})],2)]):n._e(),n._v(" "),n.enableInfor?t("div",{style:""+n.useInforPadding},[n._t("infor",(function(){return[t("div",{style:"display:inline-block; "+(n.hasEffNameAndDesp?"margin-left:5px;":"")},[t("div",{staticStyle:{"font-size":"1.0rem"}},[n._v("\n                                    "+n._s(n.nameTrans)+"\n                                ")]),n._v(" "),t("div",{staticStyle:{"font-size":"0.8rem",opacity:"0.8"}},[n._v("\n                                    "+n._s(n.descriptionTrans)+"\n                                ")])])]}),{infor:{name:n.nameTrans,description:n.descriptionTrans}})],2):n._e()])]],2),n._v(" "),t("WAggridVueDyn",{ref:"cmp",attrs:{pathItems:n.pathItems,height:n.tableHeight,opt:n.useOpt}})]:n._e()],2)};Ob._withStripped=!0;const Jb=t({render:Ob,staticRenderFns:[]},(function(n){n&&n("data-v-368ec978_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTableDyn.vue"},media:void 0})}),Mb,"data-v-368ec978",false,undefined,!1,o,void 0,void 0);var Qb={props:{value:{type:[String,Number],default:""},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){let n=this;return n.valueTrans=n.value,n.updateHeight(),""},useHeight:function(){let n=this,e="";return Fn(n.height)?e=`height:${n.height}px;`:An(n.height)&&(e=`height:${n.height};`),e},useOverflow:function(){let n="overflow:hidden;";return An(this.useHeight)&&(n="overflow:auto;"),n},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{updateHeight:function(){let n=this;An(n.useHeight)||$r((()=>void 0!==n.$refs.ta),{timeInterval:20}).then((()=>{try{let e=n.$refs.ta;e.style.height="auto",e.style.height=e.scrollHeight+"px"}catch(n){}})).catch((n=>{console.log(n)}))},setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.ta.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){this.errmsg=""},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};const Ub=Qb;var qb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("textarea",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"ta",style:"\n            transition:all 0.3s;\n            display:block;\n            outline:none;\n            width:100%;\n            box-sizing:border-box;\n            border-style:none;\n            resize:none;\n            background:transparent;\n            color:"+n.useTextColor+";\n            "+n.useHeight+"\n            text-align:"+n.textAlign+";\n            "+n.useTextFontSize+"\n            "+n.useOverflow+"\n            opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";\n        ",attrs:{rows:"1",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateHeight(e.srcElement),n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};qb._withStripped=!0;const nC=t({render:qb,staticRenderFns:[]},(function(n){n&&n("data-v-a4a195ac_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextareaCore.vue"},media:void 0})}),Ub,"data-v-a4a195ac",false,undefined,!1,o,void 0,void 0);const eC={components:{WShellEllipse:cp,WShellBottomLine:hp,WTextareaCore:nC},props:{paddingStyle:{type:Object,default:()=>({v:0,h:0})},borderRadius:{type:Number,default:4},shadow:{type:Boolean,default:!1},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"blue"},leftIconColorHover:{type:String,default:"blue darken-1"},leftIconColorFocus:{type:String,default:"blue darken-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"blue"},rightIconColorHover:{type:String,default:"blue darken-1"},rightIconColorFocus:{type:String,default:"blue darken-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:0},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},bottomLineBorderColor:{type:String,default:"grey lighten-1"},bottomLineBorderColorHover:{type:String,default:"grey"},bottomLineBorderColorFocus:{type:String,default:"blue darken-1"},bottomLineBorderWidth:{type:Number,default:1},bottomLineBorderWidthHover:{type:Number,default:1},bottomLineBorderWidthFocus:{type:Number,default:2},placeholder:{type:String,default:""},height:{type:[Number,String],default:null},verticalAlign:{type:String,default:"top"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var tC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellBottomLine",{attrs:{borderColor:n.bottomLineBorderColor,borderColorHover:n.bottomLineBorderColorHover,borderColorFocus:n.bottomLineBorderColorFocus,borderWidth:n.bottomLineBorderWidth,borderWidthHover:n.bottomLineBorderWidthHover,borderWidthFocus:n.bottomLineBorderWidthFocus,focused:n.focusedTrans}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,verticalAlign:n.verticalAlign,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("WTextareaCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,value:n.value,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,select:function(e,t,r){n.$emit("select",e,t,r)},blur:function(e,t,r){n.$emit("blur",e,t,r)},enter:function(e,t,r){n.$emit("enter",e,t,r)},input:function(e,t,r){n.$emit("input",e,t,r)},change:function(e,t,r){n.$emit("change",e,t,r)}}})],1)],1)],1)};tC._withStripped=!0;const rC=t({render:tC,staticRenderFns:[]},(function(n){n&&n("data-v-54b875e6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextarea.vue"},media:void 0})}),eC,"data-v-54b875e6",false,undefined,!1,o,void 0,void 0);const oC={components:{WShellEllipse:cp,WTextCore:Cp},props:{width:{type:Number,default:70},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},buttonIconSize:{type:Number,default:24},buttonColor:{type:String,default:"white"},buttonColorHover:{type:String,default:"white"},buttonColorFocus:{type:String,default:"white"},height:{type:Number,default:28},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiPlusCircle:Va,mdiMinusCircle:"M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",valueTrans:"",focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){let n=this;return n.valueTrans=n.value,n.focusedTrans=n.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},changeContent:function(n,e){let t,r=this;if(!1===r.editable)return;if(""!==e&&r.$refs.inp.setFocus(),t=mp(n,"isp0int"),t.err)return n=0,void r.$nextTick((()=>{0===r.valueTrans?r.$refs.inp.setValue(n):(r.valueTrans=n,r.$emit("input",n)),r.$emit("error",t.errmsg)}));n=Vr(n),"minus"===e?n-=1:"add"===e&&(n+=1),r.valueMax&&n>r.valueMax&&(n=r.valueMax);n<0&&(n=0),r.valueTrans!==n&&r.$nextTick((()=>{r.valueTrans=n,r.$emit("input",n)}))}}};var iC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{shadow:!1,paddingStyle:{v:0,h:0},backgroundColor:"transparent",backgroundColorHover:"transparent",backgroundColorFocus:"transparent",borderWidth:0,borderColor:"transparent",borderColorHover:"transparent",borderColorFocus:"transparent",iconShiftOuter:0,leftIcon:n.mdiMinusCircle,leftIconSize:n.buttonIconSize,leftIconColor:n.buttonColor,leftIconColorHover:n.buttonColorHover,leftIconColorFocus:n.buttonColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.mdiPlusCircle,rightIconSize:n.buttonIconSize,rightIconColor:n.buttonColor,rightIconColorHover:n.buttonColorHover,rightIconColorFocus:n.buttonColorFocus,rightIconTooltip:n.rightIconTooltip,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.changeContent(n.valueTrans,"minus")},"click-right":function(e){return n.changeContent(n.valueTrans,"add")}}},[t("WTextCore",{ref:"inp",style:{width:n.width+"px"},attrs:{textFontSize:n.textFontSize,textColor:n.textColor,textAlign:"center",height:n.height,editable:n.editable,value:n.valueTrans,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.changeContent(e,"")}}})],1)],1)};iC._withStripped=!0;const lC=t({render:iC,staticRenderFns:[]},(function(n){n&&n("data-v-18003fd4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextIntCore.vue"},media:void 0})}),oC,"data-v-18003fd4",false,undefined,!1,o,void 0,void 0);const aC={components:{WShellEllipse:cp,WTextIntCore:lC},props:{width:{type:Number,default:70},paddingStyle:{type:Object,default:()=>({v:0,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:Number,default:0},valueMax:{type:Number,default:null},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},icon:{type:String,default:""},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},leftIconTooltip:{type:String,default:"減少"},rightIconTooltip:{type:String,default:"增加"},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},buttonIconSize:{type:Number,default:24},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},buttonColor:{type:String,default:"deep-orange lighten-2"},buttonColorHover:{type:String,default:"deep-orange lighten-1"},buttonColorFocus:{type:String,default:"deep-orange lighten-1"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var dC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{staticStyle:{display:"inline-block"},attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("div",{staticStyle:{margin:"0px -10px"}},[t("WTextIntCore",{attrs:{width:n.width,leftIconTooltip:n.leftIconTooltip,rightIconTooltip:n.rightIconTooltip,buttonIconSize:n.buttonIconSize,buttonColor:n.buttonColor,buttonColorHover:n.buttonColorHover,buttonColorFocus:n.buttonColorFocus,valueMax:n.valueMax,value:n.value,textFontSize:n.textFontSize,textColor:n.textColor,editable:n.editable,focused:n.focusedTrans},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)},error:function(e){n.$emit("error",e)}}})],1)])],1)};dC._withStripped=!0;const sC=t({render:dC,staticRenderFns:[]},(function(n){n&&n("data-v-a6fdd434_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextInt.vue"},media:void 0})}),aC,"data-v-a6fdd434",false,undefined,!1,o,void 0,void 0);const uC={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"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#333"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"#f2f2f2"},itemPaddingStyle:{type:Object,default:()=>({v:10,h:14})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{resize:function(n){let e=this,t=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 cC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeParam:n.changeParam},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"select",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDistY:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"select",fn:function(e){return[n._t("select",(function(){return[n._v("\n                        "+n._s(e.text)+"\n                    ")]}),{item:e.item,text:e.text})]}},{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};cC._withStripped=!0;const pC=t({render:cC,staticRenderFns:[]},(function(n){n&&n("data-v-8a4cfd68_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSelect.vue"},media:void 0})}),uC,"data-v-8a4cfd68",false,undefined,!1,o,void 0,void 0);const fC={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["base:w-threejs-vue"]},opt:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-threejs-vue"];n.default&&(n=n.default),ro().component("w-threejs-vue",n)}n.cmpName="w-threejs-vue"}))},computed:{},methods:{}};var hC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,n._g({ref:"$self",tag:"component",attrs:{opt:n.opt}},n.$listeners))};hC._withStripped=!0;const gC=t({render:hC,staticRenderFns:[]},(function(n){n&&n("data-v-54fd2996_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WThreejsVueDyn.vue"},media:void 0})}),fC,"data-v-54fd2996",false,undefined,!1,o,void 0,void 0);var mC={};!function(n,e){n.exports=function(){var n=1e3,e=6e4,t=36e5,r="millisecond",o="second",i="minute",l="hour",a="day",d="week",s="month",u="quarter",c="year",p="date",f="Invalid Date",h=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,g=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,m={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(n){var e=["th","st","nd","rd"],t=n%100;return"["+n+(e[(t-20)%10]||e[t]||e[0])+"]"}},v=function(n,e,t){var r=String(n);return!r||r.length>=e?n:""+Array(e+1-r.length).join(t)+n},y={s:v,z:function(n){var e=-n.utcOffset(),t=Math.abs(e),r=Math.floor(t/60),o=t%60;return(e<=0?"+":"-")+v(r,2,"0")+":"+v(o,2,"0")},m:function n(e,t){if(e.date()<t.date())return-n(t,e);var r=12*(t.year()-e.year())+(t.month()-e.month()),o=e.clone().add(r,s),i=t-o<0,l=e.clone().add(r+(i?-1:1),s);return+(-(r+(t-o)/(i?o-l:l-o))||0)},a:function(n){return n<0?Math.ceil(n)||0:Math.floor(n)},p:function(n){return{M:s,y:c,w:d,d:a,D:p,h:l,m:i,s:o,ms:r,Q:u}[n]||String(n||"").toLowerCase().replace(/s$/,"")},u:function(n){return void 0===n}},b="en",C={};C[b]=m;var x="$isDayjsObject",S=function(n){return n instanceof T||!(!n||!n[x])},I=function n(e,t,r){var o;if(!e)return b;if("string"==typeof e){var i=e.toLowerCase();C[i]&&(o=i),t&&(C[i]=t,o=i);var l=e.split("-");if(!o&&l.length>1)return n(l[0])}else{var a=e.name;C[a]=e,o=a}return!r&&o&&(b=o),o||!r&&b},w=function(n,e){if(S(n))return n.clone();var t="object"==typeof e?e:{};return t.date=n,t.args=arguments,new T(t)},k=y;k.l=I,k.i=S,k.w=function(n,e){return w(n,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var T=function(){function m(n){this.$L=I(n.locale,null,!0),this.parse(n),this.$x=this.$x||n.x||{},this[x]=!0}var v=m.prototype;return v.parse=function(n){this.$d=function(n){var e=n.date,t=n.utc;if(null===e)return new Date(NaN);if(k.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match(h);if(r){var o=r[2]-1||0,i=(r[7]||"0").substring(0,3);return t?new Date(Date.UTC(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)):new Date(r[1],o,r[3]||1,r[4]||0,r[5]||0,r[6]||0,i)}}return new Date(e)}(n),this.init()},v.init=function(){var n=this.$d;this.$y=n.getFullYear(),this.$M=n.getMonth(),this.$D=n.getDate(),this.$W=n.getDay(),this.$H=n.getHours(),this.$m=n.getMinutes(),this.$s=n.getSeconds(),this.$ms=n.getMilliseconds()},v.$utils=function(){return k},v.isValid=function(){return!(this.$d.toString()===f)},v.isSame=function(n,e){var t=w(n);return this.startOf(e)<=t&&t<=this.endOf(e)},v.isAfter=function(n,e){return w(n)<this.startOf(e)},v.isBefore=function(n,e){return this.endOf(e)<w(n)},v.$g=function(n,e,t){return k.u(n)?this[e]:this.set(t,n)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(n,e){var t=this,r=!!k.u(e)||e,u=k.p(n),f=function(n,e){var o=k.w(t.$u?Date.UTC(t.$y,e,n):new Date(t.$y,e,n),t);return r?o:o.endOf(a)},h=function(n,e){return k.w(t.toDate()[n].apply(t.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),t)},g=this.$W,m=this.$M,v=this.$D,y="set"+(this.$u?"UTC":"");switch(u){case c:return r?f(1,0):f(31,11);case s:return r?f(1,m):f(0,m+1);case d:var b=this.$locale().weekStart||0,C=(g<b?g+7:g)-b;return f(r?v-C:v+(6-C),m);case a:case p:return h(y+"Hours",0);case l:return h(y+"Minutes",1);case i:return h(y+"Seconds",2);case o:return h(y+"Milliseconds",3);default:return this.clone()}},v.endOf=function(n){return this.startOf(n,!1)},v.$set=function(n,e){var t,d=k.p(n),u="set"+(this.$u?"UTC":""),f=(t={},t[a]=u+"Date",t[p]=u+"Date",t[s]=u+"Month",t[c]=u+"FullYear",t[l]=u+"Hours",t[i]=u+"Minutes",t[o]=u+"Seconds",t[r]=u+"Milliseconds",t)[d],h=d===a?this.$D+(e-this.$W):e;if(d===s||d===c){var g=this.clone().set(p,1);g.$d[f](h),g.init(),this.$d=g.set(p,Math.min(this.$D,g.daysInMonth())).$d}else f&&this.$d[f](h);return this.init(),this},v.set=function(n,e){return this.clone().$set(n,e)},v.get=function(n){return this[k.p(n)]()},v.add=function(r,u){var p,f=this;r=Number(r);var h=k.p(u),g=function(n){var e=w(f);return k.w(e.date(e.date()+Math.round(n*r)),f)};if(h===s)return this.set(s,this.$M+r);if(h===c)return this.set(c,this.$y+r);if(h===a)return g(1);if(h===d)return g(7);var m=(p={},p[i]=e,p[l]=t,p[o]=n,p)[h]||1,v=this.$d.getTime()+r*m;return k.w(v,this)},v.subtract=function(n,e){return this.add(-1*n,e)},v.format=function(n){var e=this,t=this.$locale();if(!this.isValid())return t.invalidDate||f;var r=n||"YYYY-MM-DDTHH:mm:ssZ",o=k.z(this),i=this.$H,l=this.$m,a=this.$M,d=t.weekdays,s=t.months,u=t.meridiem,c=function(n,t,o,i){return n&&(n[t]||n(e,r))||o[t].slice(0,i)},p=function(n){return k.s(i%12||12,n,"0")},h=u||function(n,e,t){var r=n<12?"AM":"PM";return t?r.toLowerCase():r};return r.replace(g,(function(n,r){return r||function(n){switch(n){case"YY":return String(e.$y).slice(-2);case"YYYY":return k.s(e.$y,4,"0");case"M":return a+1;case"MM":return k.s(a+1,2,"0");case"MMM":return c(t.monthsShort,a,s,3);case"MMMM":return c(s,a);case"D":return e.$D;case"DD":return k.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return c(t.weekdaysMin,e.$W,d,2);case"ddd":return c(t.weekdaysShort,e.$W,d,3);case"dddd":return d[e.$W];case"H":return String(i);case"HH":return k.s(i,2,"0");case"h":return p(1);case"hh":return p(2);case"a":return h(i,l,!0);case"A":return h(i,l,!1);case"m":return String(l);case"mm":return k.s(l,2,"0");case"s":return String(e.$s);case"ss":return k.s(e.$s,2,"0");case"SSS":return k.s(e.$ms,3,"0");case"Z":return o}return null}(n)||o.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(r,p,f){var h,g=this,m=k.p(p),v=w(r),y=(v.utcOffset()-this.utcOffset())*e,b=this-v,C=function(){return k.m(g,v)};switch(m){case c:h=C()/12;break;case s:h=C();break;case u:h=C()/3;break;case d:h=(b-y)/6048e5;break;case a:h=(b-y)/864e5;break;case l:h=b/t;break;case i:h=b/e;break;case o:h=b/n;break;default:h=b}return f?h:k.a(h)},v.daysInMonth=function(){return this.endOf(s).$D},v.$locale=function(){return C[this.$L]},v.locale=function(n,e){if(!n)return this.$L;var t=this.clone(),r=I(n,e,!0);return r&&(t.$L=r),t},v.clone=function(){return k.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},m}(),B=T.prototype;return w.prototype=B,[["$ms",r],["$s",o],["$m",i],["$H",l],["$W",a],["$M",s],["$y",c],["$D",p]].forEach((function(n){B[n[1]]=function(e){return this.$g(e,n[0],n[1])}})),w.extend=function(n,e){return n.$i||(n(e,T,w),n.$i=!0),w},w.locale=I,w.isDayjs=S,w.unix=function(n){return w(1e3*n)},w.en=C[b],w.Ls=C,w.p={},w}()}({get exports(){return mC},set exports(n){mC=n}});var vC=mC;function yC(n){if(!An(n))return!1;let e="YYYY-MM-DD";return n===vC(n,e).format(e)}var bC={props:{value:{type:String,default:""},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{mdiChevronLeft:"M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z",mdiChevronRight:Ha,show:!1,emptyDay:!1,valueDay:""}},mounted:function(){},watch:{show:function(n){this.$emit("update:focused",n)}},computed:{changeParam:function(){let n=this,e=n.value;return yC(e)?(n.emptyDay=!1,n.valueDay=e):(n.emptyDay=!0,n.valueDay=ja(function(){if(!je(vC))throw new Error("invalid dayjs");return vC().format("YYYY-MM-DDTHH:mm:ssZ")}(),10)),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{getDay:function(n){let e=Yo(n,"-");return e=Tn(e,"[2]"),e=Vr(e),e},modifyDay:function(n){let e=this,t=n,r="";yC(t)&&(r=t),e.show=!1,e.$nextTick((()=>{e.$emit("input",r)}))}}};const CC=bC;var xC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("v-menu",{attrs:{"offset-y":"","nudge-bottom":n.placementDistY,"close-on-content-click":!1,disabled:!n.editable},scopedSlots:n._u([{key:"activator",fn:function(e){var r=e.on;return[t("div",n._g({style:"color:"+n.useTextColor+"; "+n.useTextFontSize,attrs:{TimedayCore:"day"}},r),[n.emptyDay?[n._v("\n                    "+n._s(n.textEmpty)+"\n                ")]:[n._v("\n                    "+n._s(n.valueDay)+"\n                ")]],2)]}}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}},[n._v(" "),t("v-date-picker",{style:"min-width:83px;",attrs:{"no-title":"",locale:"zh-tw","prev-icon":n.mdiChevronLeft,"next-icon":n.mdiChevronRight,color:n.pickColor,"day-format":n.getDay,value:n.valueDay},on:{input:n.modifyDay}})],1)],1)};xC._withStripped=!0;const SC=t({render:xC,staticRenderFns:[]},(function(n){n&&n("data-v-dfba742c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCore.vue"},media:void 0})}),CC,"data-v-dfba742c",false,undefined,!1,o,void 0,void 0);const IC={components:{WShellEllipse:cp,WTimedayCore:SC},props:{textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var wC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimedayCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,value:n.value,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};wC._withStripped=!0;const kC=t({render:wC,staticRenderFns:[]},(function(n){n&&n("data-v-2917836a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeday.vue"},media:void 0})}),IC,"data-v-2917836a",false,undefined,!1,o,void 0,void 0);var TC=Math.ceil,BC=Math.max;var HC=function(n){return function(e,t,r){return r&&"number"!=typeof r&&Do(e,t,r)&&(t=r=void 0),e=On(e),void 0===t?(t=e,e=0):t=On(t),function(n,e,t,r){for(var o=-1,i=BC(TC((e-n)/(t||1)),0),l=Array(i);i--;)l[r?i:++o]=n,n+=t;return l}(e,t,r=void 0===r?e<t?1:-1:On(r),n)}}(),AC=HC,WC={props:{value:{type:String,default:""},itemsYears:{type:Array,default:()=>{let n=(new Date).getFullYear(),e=sr(AC(-50,50),(e=>n+e));return console.log("years",e),e}},itemsMonths:{type:Array,default:()=>["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},editable:{type:Boolean,default:!0}},data:function(){return{valueDay:"",view_year:"",view_month:"",view_day:""}},mounted:function(){},computed:{changeParam:function(){return""}},methods:{}};const FC=WC;var ZC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{style:"display:flex; align-items:center;"},[t("div",{style:""}),n._v(" "),t("div",{style:""},[t("WTextSuggestCore",{attrs:{mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,items:n.itemsMonth,value:n.valueMonth},on:{input:n.modifyMonth}})],1)]),n._v(" "),t("div",{style:""}),n._v(" "),t("v-menu",{attrs:{"offset-y":"","nudge-bottom":n.placementDistY,"close-on-content-click":!1,disabled:!n.editable},scopedSlots:n._u([{key:"activator",fn:function(e){var r=e.on;return[t("div",n._g({style:"_width:83px; color:"+n.useTextColor+"; "+n.useTextFontSize,attrs:{TimedayCore:"day"}},r),[n._v("\n                "+n._s(n.valueDisplay)+"\n            ")])]}}]),model:{value:n.show,callback:function(e){n.show=e},expression:"show"}},[n._v(" "),t("v-date-picker",{attrs:{"no-title":"",locale:"zh-tw","prev-icon":n.mdiChevronLeft,"next-icon":n.mdiChevronRight,color:n.pickColor,"day-format":n.getDay,value:n.valueDay},on:{input:n.modifyDay}})],1)],1)};ZC._withStripped=!0;const XC=t({render:ZC,staticRenderFns:[]},(function(n){n&&n("data-v-a989b442_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayCoreRe.vue"},media:void 0})}),FC,"data-v-a989b442",false,undefined,!1,o,void 0,void 0);const PC={components:{WTimedayCore:SC},props:{dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick((()=>{n.$emit("update:focused",e)}))}}};var RC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{attrs:{TimedayRangeCore:"dayFrom",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:dayStart",e)}}}),n._v(" "),t("div",{style:"padding-left:5px; padding-right:8px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimedayCore",{attrs:{TimedayRangeCore:"dayTo",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.dayEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:dayEnd",e)}}})],1)])};RC._withStripped=!0;const LC=t({render:RC,staticRenderFns:[]},(function(n){n&&n("data-v-5dc1c94e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRangeCore.vue"},media:void 0})}),PC,"data-v-5dc1c94e",false,undefined,!1,o,void 0,void 0);const zC={components:{WShellEllipse:cp,WTimedayRangeCore:LC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},dayStart:{type:String,default:""},dayEnd:{type:String,default:""},between:{type:String,default:"to"},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var VC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimedayRangeCore",{attrs:{pickColor:n.pickColor,textFontSize:n.textFontSize,textColor:n.textColor,between:n.between,dayStart:n.dayStart,dayEnd:n.dayEnd,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:dayStart":function(e){n.$emit("update:dayStart",e)},"update:dayEnd":function(e){n.$emit("update:dayEnd",e)}}})],1)],1)};VC._withStripped=!0;const NC=t({render:VC,staticRenderFns:[]},(function(n){n&&n("data-v-8d0d058e_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimedayRange.vue"},media:void 0})}),zC,"data-v-8d0d058e",false,undefined,!1,o,void 0,void 0);var DC={components:{WTimedayCore:SC,WTextSuggestCore:cv},props:{value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{valueDay:"",valueTime:"",focusedDay:!1,focusedTime:!1}},mounted:function(){},computed:{changeParam:function(){let n=this,e=Yo(n.value,"T"),t=Tn(e,0,"");yC(t)||(t="");let r=ja(Tn(e,1),5),o=ja(r,2);o=Nr(o);let i=Dr(r,2);i=Nr(i);let l=Dr(ja(r,3),1);return l=":"===l,o&&i&&l||(r="00:00"),n.valueDay=t,n.valueTime=r,""},getUseMinutes:function(){let n=this;if(Ge(n.minutesCustom))return n.minutesCustom;let e=Yr(n.hourMin)&&Yr(n.hourMax)&&n.hourMin<=n.hourMax,t=Yr(n.minuteInter);if(!e||!t)return;let r=sr(AC(n.hourMin,n.hourMax+1),(function(e){let t=String(e);return e<10&&(t="0"+t),sr(AC(0,60,n.minuteInter),(function(n){let e=String(n);return n<10&&(e="0"+e),t+":"+e}))}));var o;r=null!=(o=r)&&o.length?Ii(o,1/0):[];let i=String(n.hourMax);return n.hourMax<10&&(i="0"+i),i+=":00",r=Ci(r,(function(n){return n<=i})),r}},methods:{modifyDay:function(n){this.valueDay=n,this.changeContent()},modifyTime:function(n){this.valueTime=n,this.changeContent()},changeContent:function(){let n=this,e=n.valueDay+"T"+n.valueTime+":00";(function(n){if(!An(n))return!1;let e="YYYY-MM-DDTHH:mm:ss";return n===vC(n,e).format(e)})(e)&&n.$nextTick((()=>{n.$emit("input",e)}))},changeFocused:function(){let n=this,e=n.focusedDay||n.focusedTime;n.$nextTick((()=>{n.$emit("update:focused",e)}))}}};const GC=DC;var jC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimedayCore",{staticStyle:{"margin-right":"5px"},attrs:{TimeminuteCore:"day",textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.valueDay},on:{"update:focused":function(e){n.focusedDay=e,n.changeFocused()},input:n.modifyDay}}),n._v(" "),t("div",{staticStyle:{"margin-right":"-3px"}},[t("WTextSuggestCore",{attrs:{TimeminuteCore:"minute",mode:"select",textFontSize:n.textFontSize,textColor:n.textColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,minWidth:70,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,editable:n.editable,items:n.getUseMinutes,value:n.valueTime},on:{"update:focused":function(e){n.focusedTime=e,n.changeFocused()},input:n.modifyTime}})],1)],1)])};jC._withStripped=!0;const KC=t({render:jC,staticRenderFns:[]},(function(n){n&&n("data-v-8e01cecc_0",{source:"\n[data-v-8e01cecc] div.v-input__icon {\r\n    transform: translateX(-5px);\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WTimeminuteCore.vue"],names:[],mappings:";AAiUA;IACA,2BAAA;AACA",file:"WTimeminuteCore.vue",sourcesContent:["<template>\r\n    <div\r\n        style=\"\"\r\n        :changeParam=\"changeParam\"\r\n    >\r\n        \x3c!-- 盡量不要讓display:flex暴露至外層 --\x3e\r\n        <div style=\"display:flex; align-items:center;\">\r\n\r\n            <WTimedayCore\r\n                TimeminuteCore=\"day\"\r\n                style=\"margin-right:5px;\"\r\n                :textFontSize=\"textFontSize\"\r\n                :textColor=\"textColor\"\r\n                :pickColor=\"pickColor\"\r\n                :placementDistX=\"placementDistX\"\r\n                :placementDistY=\"placementDistY\"\r\n                :textEmpty=\"textEmpty\"\r\n                :editable=\"editable\"\r\n                :value=\"valueDay\"\r\n                @update:focused=\"(v)=>{focusedDay=v;changeFocused()}\"\r\n                @input=\"modifyDay\"\r\n            ></WTimedayCore>\r\n\r\n            <div style=\"margin-right:-3px;\">\r\n                <WTextSuggestCore\r\n                    TimeminuteCore=\"minute\"\r\n                    :mode=\"'select'\"\r\n                    :textFontSize=\"textFontSize\"\r\n                    :textColor=\"textColor\"\r\n                    :placementDistX=\"placementDistX\"\r\n                    :placementDistY=\"placementDistY\"\r\n                    :minWidth=\"70\"\r\n                    :expansionIcon=\"expansionIcon\"\r\n                    :expansionIconSize=\"expansionIconSize\"\r\n                    :expansionIconColor=\"expansionIconColor\"\r\n                    :editable=\"editable\"\r\n                    :items=\"getUseMinutes\"\r\n                    :value=\"valueTime\"\r\n                    @update:focused=\"(v)=>{focusedTime=v;changeFocused()}\"\r\n                    @input=\"modifyTime\"\r\n                ></WTextSuggestCore>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlay } from '@mdi/js'\r\nimport split from 'lodash-es/split.js'\r\nimport get from 'lodash-es/get.js'\r\nimport map from 'lodash-es/map.js'\r\nimport range from 'lodash-es/range.js'\r\nimport flattenDeep from 'lodash-es/flattenDeep.js'\r\nimport filter from 'lodash-es/filter.js'\r\nimport strleft from 'wsemi/src/strleft.mjs'\r\nimport strright from 'wsemi/src/strright.mjs'\r\nimport isp0int from 'wsemi/src/isp0int.mjs'\r\nimport isarr from 'wsemi/src/isarr.mjs'\r\nimport istime from 'wsemi/src/istime.mjs'\r\nimport ispint from 'wsemi/src/ispint.mjs'\r\nimport isday from 'wsemi/src/isday.mjs'\r\nimport WTimedayCore from './WTimedayCore.vue'\r\nimport WTextSuggestCore from './WTextSuggestCore.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [value=''] 輸入日期字串，預設''\r\n * @vue-prop {Number} [hourMin=8] 輸入可選最小小時，單位為小時，預設8\r\n * @vue-prop {Number} [hourMax=8] 輸入可選最大小時，單位為小時，預設8\r\n * @vue-prop {Number} [minuteInter=15] 輸入每小時的切分區間，單位為分鐘，預設15\r\n * @vue-prop {Array} [minutesCustom=null] 輸入自訂可選的時分點字串陣列，單位為時分(00:00)，若給予，則上述hourMin,hourMax,minuteInter自動失效，預設null\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'\r\n * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)\r\n * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18\r\n * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'\r\n * @vue-prop {Number} [placementDistX=0] 輸入日期彈窗之水平向右平移數字，單位為px，預設0\r\n * @vue-prop {Number} [placementDistY=7] 輸入日期彈窗之垂直向下平移數字，單位為px，預設7\r\n * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    components: {\r\n        WTimedayCore,\r\n        WTextSuggestCore\r\n    },\r\n    props: {\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        hourMin: {\r\n            type: Number,\r\n            default: 8,\r\n        },\r\n        hourMax: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        minuteInter: {\r\n            type: Number,\r\n            default: 15,\r\n        },\r\n        minutesCustom: {\r\n            type: Array,\r\n            default: null,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        pickColor: {\r\n            type: String,\r\n            default: 'deep-orange darken-1',\r\n        },\r\n        expansionIcon: {\r\n            type: String,\r\n            default: mdiPlay,\r\n        },\r\n        expansionIconSize: {\r\n            type: Number,\r\n            default: 18,\r\n        },\r\n        expansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        placementDistX: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        placementDistY: {\r\n            type: Number,\r\n            default: 7,\r\n        },\r\n        textEmpty: {\r\n            type: String,\r\n            default: 'Select a date',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            valueDay: '',\r\n            valueTime: '',\r\n            focusedDay: false,\r\n            focusedTime: false,\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //value for trigger\r\n            let value = vo.value\r\n\r\n            //s\r\n            let s = split(value, 'T')\r\n\r\n            //day\r\n            let valueDay = get(s, 0, '')\r\n            if (!isday(valueDay)) {\r\n                valueDay = '' //預設空字串, 顯示textEmpty\r\n            }\r\n\r\n            //time, 外部傳入2019-01-01T10:00:00時, 只取10:00共5字元長度來處理, 代表不處理秒, 預設為00秒\r\n            let valueTime = strleft(get(s, 1), 5)\r\n            let bt1 = strleft(valueTime, 2)\r\n            bt1 = isp0int(bt1)\r\n            let bt2 = strright(valueTime, 2)\r\n            bt2 = isp0int(bt2)\r\n            let bt3 = strright(strleft(valueTime, 3), 1)\r\n            bt3 = bt3 === ':'\r\n            if (!(bt1 && bt2 && bt3)) {\r\n                valueTime = '00:00' //預設0時0分\r\n            }\r\n\r\n            //save\r\n            vo.valueDay = valueDay\r\n            vo.valueTime = valueTime\r\n\r\n            return ''\r\n        },\r\n\r\n        getUseMinutes: function () {\r\n            //console.log('computed getUseMinutes')\r\n\r\n            let vo = this\r\n\r\n            if (isarr(vo.minutesCustom)) {\r\n                return vo.minutesCustom\r\n            }\r\n\r\n            let b1 = ispint(vo.hourMin) && ispint(vo.hourMax) && vo.hourMin <= vo.hourMax\r\n            let b2 = ispint(vo.minuteInter)\r\n            if (!b1 || !b2) {\r\n                return\r\n            }\r\n\r\n            //rs, 各時分\r\n            let rs = map(range(vo.hourMin, vo.hourMax + 1), function(hour) {\r\n\r\n                //產生時\r\n                let h = String(hour)\r\n                if (hour < 10) {\r\n                    h = '0' + h\r\n                }\r\n\r\n                //產生分\r\n                return map(range(0, 60, vo.minuteInter), function(min) {\r\n                    let m = String(min)\r\n                    if (min < 10) {\r\n                        m = '0' + m\r\n                    }\r\n                    return h + ':' + m\r\n                })\r\n            })\r\n            rs = flattenDeep(rs)\r\n\r\n            //hMax\r\n            let hMax = String(vo.hourMax)\r\n            if (vo.hourMax < 10) {\r\n                hMax = '0' + hMax\r\n            }\r\n            hMax = hMax + ':00'\r\n            rs = filter(rs, function(r) {\r\n                return r <= hMax\r\n            })\r\n\r\n            return rs\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        modifyDay: function(v) {\r\n            //console.log('methods modifyDay',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueDay = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        modifyTime: function(v) {\r\n            //console.log('methods modifyTime',v)\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.valueTime = v\r\n\r\n            //changeContent\r\n            vo.changeContent()\r\n\r\n        },\r\n\r\n        changeContent: function () {\r\n            //console.log('methods changeContent')\r\n\r\n            let vo = this\r\n\r\n            //value\r\n            let value = vo.valueDay + 'T' + vo.valueTime + ':00'\r\n\r\n            //check\r\n            if (!istime(value)) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        changeFocused: function() {\r\n            //console.log('methods changeFocused')\r\n\r\n            let vo = this\r\n\r\n            //focused\r\n            let focused = vo.focusedDay || vo.focusedTime\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:focused', focused)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n::v-deep div.v-input__icon {\r\n    transform: translateX(-5px);\r\n}\r\n</style>\r\n"]},media:void 0})}),GC,"data-v-8e01cecc",false,undefined,!1,o,void 0,void 0);const YC={components:{WShellEllipse:cp,WTimeminuteCore:KC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},value:{type:String,default:""},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var _C=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimeminuteCore",{attrs:{hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.value},on:{"update:focused":n.changeFocused,input:function(e){n.$emit("input",e)}}})],1)],1)};_C._withStripped=!0;const $C=t({render:_C,staticRenderFns:[]},(function(n){n&&n("data-v-3bf13984_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminute.vue"},media:void 0})}),YC,"data-v-3bf13984",false,undefined,!1,o,void 0,void 0);const EC={components:{WTimeminuteCore:KC},props:{minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0}},data:function(){return{focused_start:!1,focused_end:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ye(n,";",""),`font-size:${n};`},useTextColor:function(){return ui(this.textColor)}},methods:{changeFocused:function(){let n=this,e=n.focused_start||n.focused_end;n.$nextTick((()=>{n.$emit("update:focused",e)}))}}};var MC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuFrom",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteStart},on:{"update:focused":function(e){n.focused_start=e,n.changeFocused()},input:function(e){n.$emit("update:minuteStart",e)}}}),n._v(" "),t("div",{style:"padding-left:9px; padding-right:11px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.between)+"\n        ")]),n._v(" "),t("WTimeminuteCore",{attrs:{TimeminuteRangeCore:"dayminuTo",hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable,value:n.minuteEnd},on:{"update:focused":function(e){n.focused_end=e,n.changeFocused()},input:function(e){n.$emit("update:minuteEnd",e)}}})],1)])};MC._withStripped=!0;const OC=t({render:MC,staticRenderFns:[]},(function(n){n&&n("data-v-78d376f6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRangeCore.vue"},media:void 0})}),EC,"data-v-78d376f6",false,undefined,!1,o,void 0,void 0);const JC={components:{WShellEllipse:cp,WTimeminuteRangeCore:OC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},minuteStart:{type:String,default:""},minuteEnd:{type:String,default:""},between:{type:String,default:"to"},hourMin:{type:Number,default:8},hourMax:{type:Number,default:18},minuteInter:{type:Number,default:15},minutesCustom:{type:Array,default:null},icon:{type:String,default:Aa},iconSize:{type:Number,default:24},iconColor:{type:String,default:"deep-orange lighten-2"},iconColorHover:{type:String,default:"deep-orange lighten-1"},iconColorFocus:{type:String,default:"deep-orange lighten-1"},iconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},pickColor:{type:String,default:"deep-orange darken-1"},expansionIcon:{type:String,default:za},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},placementDistX:{type:Number,default:0},placementDistY:{type:Number,default:7},textEmpty:{type:String,default:"Select a date"},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{mdiClockOutline:Aa,focusedTrans:!1}},mounted:function(){},computed:{changeParam:function(){return this.focusedTrans=this.focused,""}},methods:{changeFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))}}};var QC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block",cursor:"pointer"},attrs:{changeParam:n.changeParam}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.icon,leftIconSize:n.iconSize,leftIconColor:n.iconColor,leftIconColorHover:n.iconColorHover,leftIconColorFocus:n.iconColorFocus,leftIconTooltip:n.iconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")}}},[t("WTimeminuteRangeCore",{attrs:{textFontSize:n.textFontSize,textColor:n.textColor,pickColor:n.pickColor,expansionIcon:n.expansionIcon,expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,hourMin:n.hourMin,hourMax:n.hourMax,minuteInter:n.minuteInter,minutesCustom:n.minutesCustom,between:n.between,minuteEnd:n.minuteEnd,minuteStart:n.minuteStart,placementDistX:n.placementDistX,placementDistY:n.placementDistY,textEmpty:n.textEmpty,editable:n.editable},on:{"update:focused":n.changeFocused,"update:minuteEnd":function(e){n.$emit("update:minuteEnd",e)},"update:minuteStart":function(e){n.$emit("update:minuteStart",e)}}})],1)],1)};QC._withStripped=!0;const UC=t({render:QC,staticRenderFns:[]},(function(n){n&&n("data-v-33739cfa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTimeminuteRange.vue"},media:void 0})}),JC,"data-v-33739cfa",false,undefined,!1,o,void 0,void 0);const qC={components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/tinymce@5.10.7/tinymce.min.js","base:w-tinymce-vue"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;eo(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-tinymce-vue"];n.default&&(n=n.default),ro().component("w-tinymce-vue",n)}n.cmpName="w-tinymce-vue"}))},computed:{},methods:{}};var nx=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};nx._withStripped=!0;const ex=t({render:nx,staticRenderFns:[]},(function(n){n&&n("data-v-9e191b74_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTinymceVueDyn.vue"},media:void 0})}),qC,"data-v-9e191b74",false,undefined,!1,o,void 0,void 0);let tx={tooltip:[],popup:[]};function rx(n,e){tx[n].push(e)}function ox(n,e){return as(tx[n])===e}function ix(n,e){cs(tx[n],e)}let lx={mode:"wysiwyg",theme:"classic",lang:"zh_TW",counter:{enable:!1,type:"markdown"},tab:"\t",typewriterMode:!0,toolbarConfig:{pin:!0},cache:{enable:!1},toolbar:["headings","bold","italic","strike","link","|","list","ordered-list","outdent","indent","|","quote","line","insert-before","insert-after","|","table","|","undo","redo","|","edit-mode","export"],hint:{parse:!0,delay:0,extend:[]},preview:{maxWidth:1e10,delay:0,actions:[],hljs:{style:"monokai",lineNumber:!0}}};var ax={directives:{domresize:ma()},components:{WIconLoading:fi},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css","https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js"]},value:{type:String,default:""},height:{type:Number,default:250},settings:{type:Object,default:()=>{}},keyHint:{type:[String,Array],default:""},hintBorderRadius:{type:Number,default:4},hintBackgroundColor:{type:String,default:"#fff"},hintShadow:{type:Boolean,default:!0},hintShadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},cmpZIndex:{type:Number,default:3e3},editable:{type:Boolean,default:!0}},data:function(){return{loading:!0,mmkey:Ni(),bp:null,mode:"popup",kind:"click",isolated:!0,transitionTime:200,triggerWidth:null,contentStyle:"",contentEditor:null,showPopper:!1,placement:"bottom-start",placementDistX:0,placementDistY:-15,valueTrans:"",useHint:""}},mounted:function(){let n=this;(async function(){await $r((()=>void 0!==n.$el)),await eo(n.pathItems);let e=window.Vditor;await $r((()=>Oi(Tn(n,"$refs.divVditor"))));let t=n.$refs.divVditor;n.contentEditor=new e(t,n.useSettings),await $r((()=>Di(Tn(n,"contentEditor.vditor")))),n.loading=!1,n.valueTrans=n.value,n.contentEditor.setValue(n.value)})().catch((n=>{console.log(n)}));let e="change-show-popper";n.bp=new Lu(n,n.funGetDivTrigger,n.funGetDivContent,"showPopper",e,{addTriggerMode:rx,checkTriggerEffMode:ox,removeTriggerMode:ix}),n.bp.on(e,(e=>{e||(n.useHint="")})),n.bp.mounted()},beforeDestroy:function(){let n=this;n.contentEditor&&(n.contentEditor.destroy(),n.contentEditor=null),n.bp&&n.bp.destroy()},computed:{keyHints:function(){let n=this,e=n.keyHint;return An(n.keyHint)&&(e=[n.keyHint]),e},useSettings:function(){let n=this,e={...lx,...n.settings};e.height=n.height;let t=[];return De(n.keyHints,(n=>{if(!An(n))return!0;let e={key:n,hint:async e=>[{html:`<div name="tar" tpht="${n}" style="display:none;"></div>`,value:""}]};t.push(e)})),e.hint.extend=t,e.input=e=>{n.valueTrans=e,n.detectAndShowHint(e),n.$emit("input",e)},e},changeValue:function(){let n=this.value;return this.relaValue(n),""},changeEditable:function(){let n=this.editable;return this.relaEditable(n),""},changeShowPopper:function(){let n=this,e=n.showPopper;return n.isolated||n.updateValue(e,"changeShowPopper"),""},useHintBorderRadius:function(){let n=this;return yi(n.hintBorderRadius)?`border-radius:${n.hintBorderRadius}px;`:""},useHintBackgroundColor:function(){return ui(this.hintBackgroundColor)},useHintShadow:function(){if(!this.hintShadow)return"";let n=Ye(this.hintShadowStyle,";","");return""!==n?`box-shadow:${n};`:""}},methods:{relaValue:function(){let n=this;n.loading||n.value!==n.valueTrans&&(n.valueTrans=n.value,n.contentEditor.setValue(n.value))},relaEditable:function(){let n=this;(async function(){await $r((()=>!n.loading)),n.editable?n.contentEditor.enable():n.contentEditor.disabled()})().catch((n=>{console.log(n)}))},funGetDivTrigger:function(){let n=this,e=null;try{e=n.$el.querySelector('[class="vditor-hint"]')}catch(n){}return e},funGetDivContent:function(){return Tn(this,"$refs.divContent",null)},findAnchor:function(){let n=this,e=Xn(),t=0,r=setInterval((()=>{t++;let o=n.funGetDivTrigger();Oi(o)&&(clearInterval(r),e.resolve(o)),t>100&&(clearInterval(r),e.reject("can not find the ele"))}),50);return e},getUseHint:function(n){let e="";try{e=n.querySelector('div[name="tar"]').getAttribute("tpht")}catch(n){}return e},detectAndShowHint:function(n){let e=this;rs(e.keyHints)&&e.findAnchor().then((n=>{"none"!==n.style.display&&(e.useHint=e.getUseHint(n),e.evShow("click","call"),e.contentEditor.blur())})).catch((n=>{console.log(n)}))},evShow:function(n,e){let t=this;je(Tn(t,"bp.evShow"))&&t.bp.evShow(n,e)},evHide:function(n,e){let t=this;je(Tn(t,"bp.evHide"))&&t.bp.evHide(n,e)},updatePopper:function(n,e){let t=this;je(Tn(t,"bp.updatePopper"))&&t.bp.updatePopper(n,e)},updateValue:function(n,e){let t=this;je(Tn(t,"bp.updateValue"))&&t.bp.updateValue(n,e)},insertValue:function(n,e){let t=this;if(je(Tn(t,"contentEditor.insertValue"))){t.contentEditor.insertValue(n);let e=t.contentEditor.getValue();De(t.keyHints,(n=>{e=e.replaceAll(`/ ${n}`,"")})),t.valueTrans=t.value,t.contentEditor.setValue(e),t.$emit("input",e)}}}};const dx=ax;var sx=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue,changeEditable:n.changeEditable,changeShowPopper:n.changeShowPopper}},[n.loading?t("WIconLoading"):n._e(),n._v(" "),t("div",{staticClass:"WVditorFix",style:n.loading?"heigh:0px; max-height:0px; overflow-y:hidden;":""},[t("div",{ref:"divVditor"}),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showPopper,expression:"showPopper"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopperFix",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.showPopper?t("div",{style:n.contentStyle+" background:"+n.useHintBackgroundColor+"; "+n.useHintBorderRadius+" "+n.useHintShadow},[n._t("content",null,{hint:n.useHint,funInsert:function(e){n.insertValue(e,"slot")},funHide:function(){n.updateValue(!1,"slot")}})],2):n._e()])])],1)};sx._withStripped=!0;const ux=t({render:sx,staticRenderFns:[]},(function(n){n&&n("data-v-5eb96e42_0",{source:'\n.WPopperFix[data-popper-reference-hidden][data-v-5eb96e42] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\n.WVditorFix[data-v-5eb96e42] .vditor-reset {\r\n    font-size: inherit;\n}\n.WVditorFix[data-v-5eb96e42] div.vditor-hint:has(div[name="tar"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\n}\r\n',map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-103-4-w-component-vue\\w-component-vue\\src\\components\\WVditorDyn.vue"],names:[],mappings:";AAmxBA;IACA,kBAAA;IACA,oBAAA;AACA;AACA;IACA,kBAAA;AACA;AACA,oEAAA,6BAAA;IACA,kBAAA;IACA,oBAAA;IACA,aAAA;AACA",file:"WVditorDyn.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeEditable=\"changeEditable\"\r\n        :changeShowPopper=\"changeShowPopper\"\r\n    >\r\n\r\n        <WIconLoading v-if=\"loading\"></WIconLoading>\r\n\r\n        <div\r\n            class=\"WVditorFix\"\r\n            :style=\"`${loading?'heigh:0px; max-height:0px; overflow-y:hidden;':''}`\"\r\n        >\r\n\r\n            <div ref=\"divVditor\"></div>\r\n\r\n            <div\r\n                ref=\"divContent\"\r\n                class=\"WPopperFix\"\r\n                :style=\"`z-index:${cmpZIndex};`\"\r\n                v-show=\"showPopper\"\r\n                v-domresize\r\n                @domresize=\"updatePopper\"\r\n            >\r\n                <div\r\n                    :style=\"`${contentStyle} background:${useHintBackgroundColor}; ${useHintBorderRadius} ${useHintShadow}`\"\r\n                    v-if=\"showPopper\"\r\n                >\r\n                    <slot\r\n                        name=\"content\"\r\n                        :hint=\"useHint\"\r\n                        :funInsert=\"(v)=>{insertValue(v,'slot')}\"\r\n                        :funHide=\"()=>{updateValue(false,'slot')}\"\r\n                    ></slot>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash-es/get.js'\r\nimport each from 'lodash-es/each.js'\r\nimport last from 'lodash-es/last.js'\r\nimport pull from 'lodash-es/pull.js'\r\nimport isNumber from 'lodash-es/isNumber.js'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport isestr from 'wsemi/src/isestr.mjs'\r\nimport iseobj from 'wsemi/src/iseobj.mjs'\r\nimport isearr from 'wsemi/src/isearr.mjs'\r\nimport isEle from 'wsemi/src/isEle.mjs'\r\nimport importResExt from '../js/importResExt.mjs'\r\nimport convertColor from '../js/convertColor.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport BuildPopper from '../js/buildPopper.mjs'\r\nimport WIconLoading from './WIconLoading.vue'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\nlet def_settings = {\r\n    mode: 'wysiwyg', //sv: 雙欄位, ir:即時渲染, wysiwyg:所見即所得\r\n    // debugger: true,\r\n    // height: 500,\r\n    // placeholder: '請輸入Markdown格式文字',\r\n    theme: 'classic',\r\n    lang: 'zh_TW',\r\n    counter: {\r\n        enable: false,\r\n        type: 'markdown',\r\n    },\r\n    tab: '\\t',\r\n    typewriterMode: true,\r\n    toolbarConfig: {\r\n        pin: true\r\n    },\r\n    cache: {\r\n        enable: false\r\n    },\r\n    toolbar: [\r\n        // 'emoji',\r\n        'headings',\r\n        'bold',\r\n        'italic',\r\n        'strike',\r\n        'link',\r\n        '|',\r\n        'list',\r\n        'ordered-list',\r\n        // 'check',\r\n        'outdent',\r\n        'indent',\r\n        '|',\r\n        'quote',\r\n        'line',\r\n        // 'code',\r\n        // 'inline-code',\r\n        'insert-before',\r\n        'insert-after',\r\n        '|',\r\n        // 'record',\r\n        'table',\r\n        '|',\r\n        'undo',\r\n        'redo',\r\n        '|',\r\n        'edit-mode',\r\n        // 'content-theme',\r\n        // 'code-theme',\r\n        'export',\r\n        // {\r\n        //     name: 'more',\r\n        //     toolbar: [\r\n        //         'fullscreen',\r\n        //         'both',\r\n        //         // 'preview',\r\n        //         // 'info',\r\n        //         // 'help',\r\n        //     ],\r\n        // },\r\n        // {\r\n        //     hotkey: '⇧⌘S',\r\n        //     name: 'sponsor',\r\n        //     tipPosition: 's',\r\n        //     tip: 'toolbar icon tip',\r\n        //     className: 'right',\r\n        //     icon: '<svg></svg>',\r\n        //     click: () => {\r\n        //         console.log('toolbar click')\r\n        //     },\r\n        // },\r\n    ],\r\n    hint: {\r\n        parse: true,\r\n        delay: 0,\r\n        extend: [\r\n            // {\r\n            //     key: 'md',\r\n            //     hint: async (value) => {\r\n            //         console.log('hint.extend hint', value)\r\n            //         let ts = [\r\n            //             {\r\n            //                 html: '<h6>md1</h6>',\r\n            //                 value: '[google](https://www.google.com/)',\r\n            //             },\r\n            //             {\r\n            //                 html: `<div>md2 <span style=\"color:#f26;\">test2</span></div>`,\r\n            //                 value: 'vvv2',\r\n            //             },\r\n            //         ]\r\n            //         return ts\r\n            //     },\r\n            // },\r\n        ],\r\n    },\r\n    // input: (msg) => {\r\n    //     console.log('input', msg)\r\n    // },\r\n    preview: {\r\n        maxWidth: 1e10,\r\n        delay: 0,\r\n        actions: [], //['desktop', 'tablet', 'mobile', 'mp-wechat', 'zhihu'] //移除分享按鈕\r\n        hljs: {\r\n            style: 'monokai',\r\n            lineNumber: true\r\n        },\r\n        // parse: (ele) => { //預覽回調\r\n        //     console.log('preview.parse', ele) //僅分割預覽之預覽區有效\r\n        //     return ele\r\n        // },\r\n        // transform: (h) => { //渲染之前回調\r\n        //     console.log('preview.transform', h) //僅分割預覽之預覽區有效\r\n        //     return h\r\n        // },\r\n    },\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入vditor套件的css與js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default\r\n * @vue-prop {String} [value=''] 輸入富文本字串，預設為''\r\n * @vue-prop {Number} [height=250] 輸入高度數字，單位為px，預設為250\r\n * @vue-prop {Object} [settings={}] 輸入vditor設定物件，預設值為{}，內部預設值詳見vditor原始碼\r\n * @vue-prop {String|Array} [keyHint=''] 輸入打字時調用提示區字串或陣列，例如若給予'ht'，則輸入「/ ht」或「@ ht」則可顯示提示區，或給予['ht','kw']陣列，預設為''\r\n * @vue-prop {Number} [hintBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [hintBackgroundColor='rgba(60,60,60,0.75)'] 輸入提示窗背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Boolean} [hintShadow=true] 輸入提示窗是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [hintShadowStyle=''] 輸入提示窗陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    components: {\r\n        WIconLoading,\r\n    },\r\n    props: {\r\n        pathItems: {\r\n            type: Array,\r\n            default: () => [\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.css',\r\n                'https://cdn.jsdelivr.net/npm/vditor@3.10.5/dist/index.min.js',\r\n            ],\r\n        },\r\n        value: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        height: {\r\n            type: Number,\r\n            default: 250,\r\n        },\r\n        settings: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n        keyHint: {\r\n            type: [String, Array],\r\n            default: '',\r\n        },\r\n        hintBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        hintBackgroundColor: {\r\n            type: String,\r\n            default: '#fff',\r\n        },\r\n        hintShadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hintShadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            loading: true,\r\n\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            bp: null,\r\n\r\n            mode: 'popup', //tooltip, popup\r\n            kind: 'click', //hover, click\r\n            isolated: true, //因完全使用事件觸發, 故isolated=true\r\n            transitionTime: 200,\r\n            triggerWidth: null,\r\n            contentStyle: '',\r\n\r\n            contentEditor: null,\r\n\r\n            showPopper: false,\r\n            placement: 'bottom-start', //定位左下\r\n            placementDistX: 0,\r\n            placementDistY: -15,\r\n\r\n            valueTrans: '',\r\n\r\n            useHint: '',\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        async function core() {\r\n\r\n            //wait $el\r\n            await waitFun(() => {\r\n                return vo.$el !== undefined\r\n            })\r\n\r\n            //importResExt\r\n            await importResExt(vo.pathItems)\r\n            // console.log('res', res)\r\n\r\n            //Vditor\r\n            let Vditor = window['Vditor']\r\n            // console.log('Vditor', Vditor)\r\n\r\n            //wait divVditor, 因loading=false之後才能開始顯示divVditor, 故須等待divVditor是否出現\r\n            await waitFun(() => {\r\n                let ele = get(vo, '$refs.divVditor')\r\n                return isEle(ele)\r\n            })\r\n\r\n            //divVditor\r\n            let divVditor = vo.$refs.divVditor\r\n            // console.log('divVditor', divVditor)\r\n\r\n            //contentEditor\r\n            vo.contentEditor = new Vditor(divVditor, vo.useSettings)\r\n            // console.log('contentEditor', vo.contentEditor)\r\n\r\n            //wait contentEditor, 因new Vditor後會需一小段時間初始化, 故須等待vditor來判斷vditor是否初始化完成\r\n            await waitFun(() => {\r\n                // let getCurrentMode = get(vo, 'contentEditor.getCurrentMode') //因contentEditor.getCurrentMode是原型已為function, 故無法用此做判斷\r\n                // return isfun(getCurrentMode)\r\n                let v = get(vo, 'contentEditor.vditor')\r\n                return iseobj(v)\r\n            })\r\n            // console.log(`vo.contentEditor.getCurrentMode()`, vo.contentEditor.getCurrentMode())\r\n\r\n            //loading, 組件不依照loading顯隱, loading為依賴、組件完成載入、組件初始化後才改為false\r\n            vo.loading = false\r\n\r\n            //update valueTrans, 於mounted進行第1次賦值觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue, 於mounted進行第1次賦值, 之後給computed偵測修改\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 於組件內初始化第一次觸發故不須emit\r\n            // vo.$emit('input', value)\r\n\r\n        }\r\n\r\n        //core\r\n        core()\r\n            .catch((err) => {\r\n                console.log(err)\r\n            })\r\n\r\n        //BuildPopper\r\n        let keyShow = 'showPopper'\r\n        let evNameValue = 'change-show-popper'\r\n        vo.bp = new BuildPopper(vo,\r\n            vo.funGetDivTrigger,\r\n            vo.funGetDivContent,\r\n            keyShow,\r\n            evNameValue,\r\n            {\r\n                addTriggerMode,\r\n                checkTriggerEffMode,\r\n                removeTriggerMode,\r\n            })\r\n\r\n        //監聽evNameValue\r\n        vo.bp.on(evNameValue, (showPopper) => {\r\n            // console.log(vo.mmkey, 'bp.on', evNameValue, showPopper)\r\n            if (!showPopper) { //僅處理隱藏事件\r\n                vo.useHint = '' //隱藏時清空useHint\r\n            }\r\n        })\r\n\r\n        //mounted\r\n        vo.bp.mounted()\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //destroy\r\n        if (vo.contentEditor) {\r\n            vo.contentEditor.destroy()\r\n            vo.contentEditor = null\r\n        }\r\n\r\n        //destroy\r\n        if (vo.bp) {\r\n            vo.bp.destroy()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        keyHints: function() {\r\n            let vo = this\r\n\r\n            //hts\r\n            let hts = vo.keyHint\r\n            if (isestr(vo.keyHint)) {\r\n                hts = [vo.keyHint]\r\n            }\r\n            // console.log('hts', hts)\r\n\r\n            return hts\r\n        },\r\n\r\n        useSettings: function() {\r\n            //console.log('computed useSettings')\r\n\r\n            let vo = this\r\n\r\n            let st = {\r\n                ...def_settings,\r\n                ...vo.settings,\r\n            }\r\n            // console.log('st', st)\r\n\r\n            //add height\r\n            st.height = vo.height\r\n\r\n            //extend\r\n            let extend = []\r\n            each(vo.keyHints, (v) => {\r\n                if (!isestr(v)) {\r\n                    return true //跳出換下一個\r\n                }\r\n                let ht = {\r\n                    key: v,\r\n                    hint: async (value) => {\r\n                        // console.log('hint.extend hint', value)\r\n                        let ts = [\r\n                            {\r\n                                html: `<div name=\"tar\" tpht=\"${v}\" style=\"display:none;\"></div>`,\r\n                                value: '',\r\n                            },\r\n                        ]\r\n                        return ts\r\n                    },\r\n                }\r\n                extend.push(ht)\r\n            })\r\n            st.hint.extend = extend\r\n            // console.log('st.hint.extend', st.hint.extend)\r\n\r\n            //add input\r\n            st.input = (value) => {\r\n                // console.log(vo.mmkey, 'input', value)\r\n\r\n                //update valueTrans, 由組件內input觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = value\r\n\r\n                //detectAndShowHint\r\n                vo.detectAndShowHint(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n            // console.log('st', st)\r\n            return st\r\n        },\r\n\r\n        changeValue: function() {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n\r\n            //relaValue\r\n            vo.relaValue(value)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeEditable: function() {\r\n            //console.log('computed changeEditable')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let editable = vo.editable\r\n\r\n            //relaEditable\r\n            vo.relaEditable(editable)\r\n\r\n            return ''\r\n        },\r\n\r\n        changeShowPopper: function () {\r\n            //console.log('computed changeShowPopper')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let showPopper = vo.showPopper\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(showPopper, 'changeShowPopper')\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useHintBorderRadius: function() {\r\n            //console.log('computed useHintBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.hintBorderRadius)) {\r\n                return `border-radius:${vo.hintBorderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useHintBackgroundColor: function() {\r\n            //console.log('computed useHintBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return convertColor(vo.hintBackgroundColor)\r\n        },\r\n\r\n        useHintShadow: function() {\r\n            //console.log('computed useHintShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.hintShadow) {\r\n                return ''\r\n            }\r\n\r\n            //hintShadowStyle\r\n            let s = replace(vo.hintShadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        relaValue: function() {\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            //避免使用waitFun, 因多組件value非同步更新, 會導致打字時或hint時連動觸發更新value問題\r\n            //第1次調用value為空字串, 第2次loading可能為true, 此處統一處理loading=false情形\r\n            if (vo.loading) {\r\n                return\r\n            }\r\n\r\n            //check, 避免多組件時使用hint會反覆觸發\r\n            if (vo.value === vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //update valueTrans, 由組件外變更value觸發, 故須再另外儲存至valueTrans\r\n            vo.valueTrans = vo.value\r\n\r\n            //setValue\r\n            vo.contentEditor.setValue(vo.value)\r\n\r\n            // //emit, 由外部變更value觸發故不須emit\r\n            // vo.$emit('input', value)\r\n\r\n        },\r\n\r\n        relaEditable: function() {\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait\r\n                await waitFun(() => {\r\n                    return !vo.loading\r\n                })\r\n\r\n                //editable\r\n                if (vo.editable) {\r\n                    vo.contentEditor.enable()\r\n                }\r\n                else {\r\n                    vo.contentEditor.disabled()\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        funGetDivTrigger: function() {\r\n            let vo = this\r\n            let divTrigger = null\r\n            try {\r\n                // let eles = vo.$el.querySelectorAll('[class=\"vditor-hint\"]')\r\n                // divTrigger = eles[0]\r\n                divTrigger = vo.$el.querySelector('[class=\"vditor-hint\"]')\r\n            }\r\n            catch (err) {}\r\n            return divTrigger\r\n        },\r\n\r\n        funGetDivContent: function() {\r\n            let vo = this\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n            return divContent\r\n        },\r\n\r\n        findAnchor: function() {\r\n            let vo = this\r\n\r\n            let pm = genPm()\r\n\r\n            let n = 0\r\n            let t = setInterval(() => {\r\n                n++\r\n\r\n                //funGetDivTrigger\r\n                let ele = vo.funGetDivTrigger()\r\n\r\n                //check\r\n                if (isEle(ele)) {\r\n                    clearInterval(t)\r\n                    pm.resolve(ele)\r\n                }\r\n\r\n                //check\r\n                if (n > 100) {\r\n                    clearInterval(t)\r\n                    pm.reject('can not find the ele')\r\n                }\r\n\r\n            }, 50)\r\n\r\n            return pm\r\n        },\r\n\r\n        getUseHint: function(divTrigger) {\r\n            // let vo = this\r\n\r\n            //tpht\r\n            let tpht = ''\r\n            try {\r\n                tpht = divTrigger.querySelector('div[name=\"tar\"]').getAttribute('tpht')\r\n            }\r\n            catch (err) {}\r\n\r\n            return tpht\r\n        },\r\n\r\n        detectAndShowHint: function(v) {\r\n            let vo = this\r\n\r\n            //check\r\n            if (!isearr(vo.keyHints)) {\r\n                return\r\n            }\r\n\r\n            //findAnchor\r\n            vo.findAnchor()\r\n                .then((divTrigger) => {\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //check\r\n                    if (divTrigger.style.display === 'none') {\r\n                        return\r\n                    }\r\n                    // console.log('divTrigger', divTrigger)\r\n\r\n                    //完全透明\r\n                    // divTrigger.style.opacity = 0 //因顯示之後再偵測隱藏會有顯隱問題, 使用者體驗不佳, 改為使用css強制隱藏\r\n\r\n                    //顯示時取得與儲存useHint\r\n                    vo.useHint = vo.getUseHint(divTrigger)\r\n                    // console.log('divTrigger', divTrigger, 'useHint', vo.useHint)\r\n\r\n                    //evShow\r\n                    vo.evShow('click', 'call')\r\n\r\n                    //blur, 編輯器移除焦點, 避免使用者此時通過鍵盤刪除或再變更\r\n                    vo.contentEditor.blur()\r\n\r\n                })\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evShow')\r\n            if (isfun(f)) {\r\n                vo.bp.evShow(kind, from)\r\n            }\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.evHide')\r\n            if (isfun(f)) {\r\n                vo.bp.evHide(kind, from)\r\n            }\r\n        },\r\n\r\n        updatePopper: function(msg, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updatePopper')\r\n            if (isfun(f)) {\r\n                vo.bp.updatePopper(msg, from)\r\n            }\r\n        },\r\n\r\n        updateValue: function(value, from) {\r\n            let vo = this\r\n            let f = get(vo, 'bp.updateValue')\r\n            if (isfun(f)) {\r\n                vo.bp.updateValue(value, from)\r\n            }\r\n        },\r\n\r\n        insertValue: function(v, from) {\r\n            let vo = this\r\n            let f = get(vo, 'contentEditor.insertValue')\r\n            if (isfun(f)) {\r\n\r\n                //insertValue\r\n                vo.contentEditor.insertValue(v)\r\n\r\n                //取得當前value\r\n                let value = vo.contentEditor.getValue()\r\n\r\n                //取代hint符號\r\n                // console.log('value(ori)', value)\r\n                each(vo.keyHints, (keyHint) => {\r\n                    value = value.replaceAll(`/ ${keyHint}`, '')\r\n                })\r\n                // console.log('value(replace)', value)\r\n\r\n                //update valueTrans, 由組件內insertValue觸發, 故直接更新valueTrans, 避免emit出去再進來更新\r\n                vo.valueTrans = vo.value\r\n\r\n                //setValue\r\n                vo.contentEditor.setValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopperFix[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n.WVditorFix >>> .vditor-reset {\r\n    font-size: inherit;\r\n}\r\n.WVditorFix >>> div.vditor-hint:has(div[name=\"tar\"]) { /* 使觸發區divTrigger(原本彈窗)完全透明 */\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    outline: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),dx,"data-v-5eb96e42",false,undefined,!1,o,void 0,void 0);let cx={install:function(n){n.component("teleport",s),n.component("w-aggrid-vue-dyn",mi),n.prototype.$alert=ol,n.component("w-badge",Ca),n.component("w-button-chip",Eu),n.component("w-button-circle",Qu),n.component("w-checkbox",ec),n.component("w-ckeditor-vue-dyn",oc),n.component("w-color-pick-alpha",dc),n.component("w-color-pick-hexagon",vc),n.component("w-color-pick-hexagon-gray",kc),n.component("w-color-pick-hsv",Ac),n.component("w-color-pick-hue",Xc),n.component("w-color-pick-stripe",xc),n.component("w-color-select",Sh),n.component("w-color-select-input",yh),n.component("w-color-select-panel",Oc),n.component("w-color-select-panel-block",Gc),n.component("w-color-select-panel-hsva",_c),n.component("w-confirm",Xh),n.component("w-dialog",Ah),n.component("w-drawer",Vh),n.component("w-dropfiles",_h),n.component("w-dynamic-list",cg),n.component("w-echarts-vue-dyn",hg),n.component("w-explorer",$m),n.component("w-group-baggage",Um),n.component("w-group-baggage-item",Om),n.component("w-group-chip-check",tp),n.component("w-group-chip-radio",ip),n.component("w-group-dragdrop",ev),n.component("w-group-icon-check",iv),n.component("w-group-icon-radio",dv),n.component("w-group-tags",yv),n.component("w-highcharts-bitmap-dyn",Sv),n.component("w-highcharts-vue-dyn",kv),n.component("w-highstock-vue-dyn",Hv),n.component("w-icon",ls),n.component("w-icon-loading",fi),n.component("w-image-cascading-dyn",Mv),n.component("w-image-lazy",Uv),n.component("w-image-viewer-dyn",ty),n.component("w-input-checkbox",ly),n.component("w-input-radio",sy),n.component("w-json-view",Fy),n.component("w-leaflet-vue-dyn",Py),n.component("w-level-grade",Vy),n.component("w-list-check",jy),n.component("w-list-expand",Jy),n.component("w-list-expand-item",$y),n.component("w-list-horizontal",nb),n.component("w-list-item",Tm),n.component("w-list-radio",rb),n.component("w-list-vertical",Wm),n.component("w-panel-avatar",ab),n.component("w-panel-bulge",ub),n.component("w-panel-divide-horizontal",fb),n.component("w-panel-divide-vertical",vb),n.component("w-panel-label-item",dp),n.component("w-panel-scale",Cb),n.component("w-panel-scrolly",Im),n.component("w-panel-scrolly-core",lg),n.component("w-panel-stripe",Ib),n.component("w-popup",zc),n.component("w-popup-edit-text",Tb),n.component("w-progress-bar",Wb),n.component("w-progress-circle",Xb),n.component("w-quill-vue-dyn",Lb),n.component("w-segments-vertical",Db),n.component("w-shell-bottom-line",hp),n.component("w-shell-ellipse",cp),n.component("w-slider",hh),n.component("w-switch",Yb),n.component("w-table-dyn",Jb),n.component("w-text",Ip),n.component("w-textarea",rC),n.component("w-textarea-core",nC),n.component("w-text-core",Cp),n.component("w-text-int",sC),n.component("w-text-int-core",lC),n.component("w-text-select",pC),n.component("w-text-suggest",hv),n.component("w-text-suggest-core",cv),n.component("w-threejs-vue-dyn",gC),n.component("w-timeday",kC),n.component("w-timeday-core",SC),n.component("w-timeday-core-re",XC),n.component("w-timeday-range",NC),n.component("w-timeday-range-core",LC),n.component("w-timeminute",$C),n.component("w-timeminute-core",KC),n.component("w-timeminute-range",UC),n.component("w-timeminute-range-core",OC),n.component("w-tinymce-vue-dyn",ex),n.component("w-tooltip",Ku),n.component("w-tree",jm),n.component("w-tree-icon-checkbox",zm),n.component("w-tree-icon-toggle",Pm),n.component("w-vditor-dyn",ux)}};return t({},undefined,cx,undefined,undefined,undefined,!1,void 0,void 0,void 0)}));
 //# sourceMappingURL=w-component-vue.umd.js.map