/*  DokuWiki MoaiEditor Icons.js file
    Version : 0.5 (May 5, 2026)
    Author  : MoaiTools <info@moaitools.org>
    License : GPL 3 (http://www.gnu.org/licenses/gpl.html) */

/*  Various SVG icons used mainly by the buttons.
*/
MoaiEditor.Icons = class {

    constructor() {
    
        this.preview = '<img src="lib/plugins/moaieditor/icons/loading.png">';
    
        this.ico_settings = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24" 
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                <path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"/>
                <circle cx="12" cy="12" r="3"/>
            </svg>`;
            
            
        this.ico_layout_row = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="22" 
                 style="fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:butt;">
                <path d=" M 2 5 v 13 a 2 2 0 0 0 2 2 h 16 a 2 2 0 0 0 2 -2 v -13"/>
                <path fill="currentColor" d=" M 2 5 v -0.5  a 2 2 0 0 1 2 -2 h 16 a 2 2 0 0 1 2 2 v 0.5"/>
                <path stroke-width="1" d=" M 12 5 v 15"/>
            </svg>`;
            
        this.ico_layout_col = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="22" 
                 style="fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:butt;">
                <path d="M 2 5 v 13 a 2 2 0 0 0 2 2 h 16 a 2 2 0 0 0 2 -2 v -13"/>
                <path fill="currentColor" d="M 2 5 v -0.5 a 2 2 0 0 1 2 -2 h 16 a 2 2 0 0 1 2 2 v 0.5"/>
                <path stroke-width="1" d="M 2 12 h 20"/>
            </svg>`;
            
        this.ico_layout_single = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="22" 
                 style="fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:butt;">
                <path d="M 2 5 v 13 a 2 2 0 0 0 2 2 h 16 a 2 2 0 0 0 2 -2 v -13"/>
                <path fill="currentColor" d="M 2 5 v -0.5 a 2 2 0 0 1 2 -2 h 16 a 2 2 0 0 1 2 2 v 0.5"/>
            </svg>`;
            
        this.ico_divider_left = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="24" 
                 style="fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:butt;">
                <rect width="4" height="17" x="3" y="3" fill="currentColor" opacity="0.2"/>
                <rect width="20" height="17" x="2" y="3" rx="1" ry="1"/>
                <path stroke-width="1" d=" M 8 3 v 17"/>
                <path stroke-width="1.2" d=" M 16 7.5 l -4 4 l 4 4 "/>
            </svg>`;  
            
        this.ico_divider_right = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="22" 
                 style="fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:butt;">
                <rect width="4" height="17" x="17" y="3" fill="currentColor" opacity="0.2"/>
                <rect width="20" height="17" x="2" y="3" rx="1" ry="1"/>
                <path stroke-width="1" d=" M 16 3 v 17"/>
                <path stroke-width="1.2" d=" M 8 7.5 l 4 4 l -4 4 "/>
            </svg>`;  
            
        this.ico_divider_up = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="24" 
                 style="fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:butt;">
                <rect width="20" height="3" x="2" y="5" fill="currentColor" opacity="0.2"/>
                <rect width="20" height="17" x="2" y="3" rx="1" ry="1"/>
                <path stroke-width="1" d=" M 2 9 h 20"/>
                <path stroke-width="1.2" d=" M 8 16 l 4 -4 l 4 4 "/>
            </svg>`;  
            
        this.ico_divider_down = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 viewBox="0 0 24 22" width="24" height="22" 
                 style="fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:butt;">
                <rect width="20" height="3" x="2" y="16" fill="currentColor" opacity="0.2"/>
                <rect width="20" height="17" x="2" y="3" rx="1" ry="1"/>
                <path stroke-width="1" d=" M 2 15 h 20"/>
                <path stroke-width="1.2" d=" M 8 8 l 4 4 l 4 -4 "/>
            </svg>`;  
            
        this.ico_livepreview = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                viewBox="0 0 24 22" width="24" height="24" 
                style="fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:butt;">
               <rect width="20" height="17" x="2" y="3" rx="1" ry="1"/>
               <path stroke-width="1" fill="currentColor" stroke-linecap="round" d="M 10 8 l 5 4 l -5 4 l 0 -8"/>
            </svg>`;   
            
        this.ico_autoscroll1 = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                width="24" height="24" viewBox="0 0 24 24" 
                style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
               <path d="M 12 4 v 5"/>
               <path d="M 12 20 v -5"/>
               <path d="m 8 17 4 4 4-4"/>
               <path d="m 8 7 4-4 4 4"/>
            </svg>`; 
            
        this.ico_autoscroll2 = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                width="24" height="24" viewBox="0 0 24 24" 
                style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
               <path d="M 12 4 v16"/>
               <path d="m 8 17 4 4 4-4"/>
               <path d="m 8 7 4-4 4 4"/>
            </svg>`;  
            
        this.ico_rabbit = `
            <svg xmlns="http://www.w3.org/2000/svg"
                width="240" height="210" viewBox="38 40 85 115"
                style="fill:currentColor; stroke:currentColor; stroke-width:1;">
                <path d="m 57.140122,127.24069 10.162908,9.07477 -0.143637,0.4329 -7.31447,4.82911 -2.842225,1.86484 -2.104096,0.38482 -2.21478,-0.21909 -1.831276,-0.57522 -1.418675,-0.9888 -1.080323,-1.49104 -0.607801,-1.66668 -0.05931,-1.71778 0.281215,-1.9527 0.817719,-1.7608 1.616773,-1.57368 z"/>
                <path d="m 41.623077,80.252013 1.73037,-2.377241 2.266953,-2.215663 3.437395,-2.346971 3.465676,-1.212919 4.244592,-0.850659 5.602229,0.252119 5.927291,1.039143 6.308857,2.051087 8.625258,4.774054 6.805575,3.837488 6.999573,4.062235 3.745994,2.177132 0.45871,-2.492857 1.09648,-2.31889 -3.748357,-2.026261 -4.172747,-3.195315 -3.131872,-3.363674 -2.752569,-3.806296 -1.625635,-3.140839 -1.166397,-2.511899 -0.485224,-1.700456 0.0934,-2.142831 0.481534,-1.025033 1.150606,-1.516004 1.432634,-0.882153 1.607119,-0.335425 2.324293,0.448765 3.936569,1.344583 4.170476,2.094463 3.69424,2.553869 2.39541,2.118363 2.3308,2.502119 1.20764,1.625704 1.61914,2.370084 2.00755,3.836226 2.88957,0.06026 2.9394,0.432914 -1.48877,-3.407307 -1.75294,-3.367725 -1.59618,-2.558899 -1.78514,-2.281934 -2.27032,-2.516894 -2.29565,-2.166196 0.15238,-3.054226 0.62922,-3.353684 0.69735,-2.211781 0.51762,-0.90664 1.04123,-0.74164 1.49543,-0.354103 1.48507,0.101992 1.6102,0.895847 1.67518,1.799204 2.11623,2.579965 1.96657,3.228017 1.65468,3.478411 1.21723,3.327699 0.90362,4.046464 0.39063,3.570065 -0.11576,3.531364 -0.32777,2.927305 2.15981,1.285246 1.19651,1.189349 3.44763,2.669471 2.14532,1.768669 2.58794,2.307553 1.80774,2.608945 1.20222,3.486819 0.0932,3.666815 -1.077,3.877494 -1.33244,2.21928 -2.06514,2.1237 -2.87672,1.85252 -4.00258,0.87081 -22.2177,0.003 -5.21191,3.09369 -4.671711,2.8269 -2.715794,1.53744 -0.0136,-4.54394 -0.403598,-3.99931 -1.137269,-3.98703 -1.778384,-3.77331 -1.88728,-2.83473 -2.168782,-2.630916 -2.22626,-1.911278 -2.707547,-1.956679 -3.089045,-1.78399 -4.609793,-1.681763 -5.230709,-1.374606 -1.576359,-0.137591 -1.081584,0.21908 -1.023189,0.713013 -0.458039,0.690795 -0.344135,1.222372 -0.0011,1.171538 0.368993,1.140786 1.129388,1.005371 2.650765,0.936713 4.294814,1.177017 2.289043,0.765379 2.776797,1.447302 2.009023,1.474254 2.069169,1.852993 1.759532,2.31577 1.353095,2.22297 0.795467,1.76188 1.029102,2.89824 0.401585,2.81106 0.107952,10.59095 20.996833,0.0507 0.99538,0.12898 1.39873,0.71169 1.16887,0.97658 1.1324,1.72019 0.55437,1.63956 0.10178,1.70354 -0.21447,1.51231 -0.61696,1.50906 -1.31759,1.52183 -1.77219,0.96814 -2.33054,0.69198 -24.524026,-0.0194 -2.467758,-0.30287 -2.580957,-0.93223 -1.923167,-1.18112 -4.173836,-3.50334 -27.672374,-25.34671 -1.610878,-1.84469 -1.35105,-2.09163 -1.1909,-2.309741 -0.716756,-2.317221 -1.483241,0.895517 -2.301579,0.717047 -2.380012,0.238112 -2.123728,-0.208119 -2.042099,-0.466677 -2.323589,-1.097449 -1.663041,-1.337736 -1.330364,-1.428139 -1.238789,-2.036564 -0.639887,-1.808284 -0.334817,-2.167832 0.005,-2.512004 0.522823,-2.26 0.599083,-1.541013 1.031128,-1.578766 1.175013,-1.250664 1.410668,-1.259797 1.66764,-0.977877 2.310836,-0.806553 2.22703,-0.352761 2.342925,0.06112 1.334905,0.25976 1.554012,0.579546 1.335576,0.787006 1.462289,0.974272 z"/>
            </svg>`;  
            
        this.ico_linewrap = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                width="24" height="24" viewBox="0 0 24 24"
                style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
               <path d="m16 16-3 3 3 3"/>
               <path d="M3 12h14.5a1 1 0 0 1 0 7H13"/>
               <path d="M3 19h6"/><path d="M3 5h18"/>
            </svg>`.trim(); 
            
        this.ico_fullscreen = `
            <svg xmlns="http://www.w3.org/2000/svg" 
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                <path d="M15 3h6v6"/><path d="m21 3-7 7"/><path d="m3 21 7-7"/><path d="M9 21H3v-6"/></svg>
            </svg>`.trim();
            
        this.ico_scrolltop = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:currentColor; stroke-linejoin=round">
                 <path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"></path>
            </svg>`.trim();
            
        this.ico_scrollbottom = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M12 5v14"/><path d="m19 12-7 7-7-7"/>
            </svg>`.trim();
                        
        this.ico_arrowleft = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>
            </svg>`.trim(); 
            
        this.ico_arrowright = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>
            </svg>`.trim(); 
            
        this.ico_arrowhrz = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                <path d="m18 8 4 4-4 4"/>
                <path d="M2 12h20"/>
                <path d="m6 8-4 4 4 4"/>
            </svg>`.trim(); 
            
        this.ico_arrow_corner_leftdown = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                <path d="m14 15-5 5-5-5"/>
                <path d="M20 4h-7a4 4 0 0 0-4 4v12"/>
            </svg>`.trim(); 
                        
        this.ico_summary = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M11.5 15H7a4 4 0 0 0-4 4v2"/>
                 <path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/>
                 <circle cx="10" cy="7" r="4"/>
            </svg>`.trim(); 
            
        this.ico_rsppanel = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M12 12h.01"/><path d="M16 12h.01"/><path d="m17 7 5 5-5 5"/><path d="m7 7-5 5 5 5"/><path d="M8 12h.01"/>
            </svg>`.trim(); 
                    
        this.ico_power = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24"
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M12 2v10"/>
                 <path d="M18.4 6.6a9 9 0 1 1-12.77.04"/>
            </svg>`.trim(); 
    
        this.ico_options = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24" 
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M14 17H5"/>
                 <path d="M19 7h-9"/>
                 <circle cx="17" cy="17" r="3"/>
                 <circle cx="7" cy="7" r="3"/>
            </svg>`;
    
        this.ico_editor = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24" 
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="m10 9-3 3 3 3"/>
                 <path d="m14 15 3-3-3-3"/>
                 <rect x="2" y="3" width="20" height="18" rx="2"/>
            </svg>`;
    
        this.ico_bot = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24" 
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="M12 8V4H8"/>
                 <rect width="16" height="12" x="4" y="8" rx="2"/>
                 <path d="M2 14h2"/>
                 <path d="M20 14h2"/>
                 <path d="M15 13v2"/>
                 <path d="M9 13v2"/>
            </svg>`;
            
        this.ico_fullwidth = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="24" height="24" viewBox="0 0 24 24" 
                 style="fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin=round">
                 <path d="m8 17-5-5 5-5"/>
                 <path d="m16 17 5-5-5-5"/></svg>
            </svg>`;
                        
        this.logo_moai = `
            <svg xmlns="http://www.w3.org/2000/svg"
                 width="50" height="100" viewBox="25 20 45 100"
                 style="fill:currentColor; stroke:currentColor; stroke-width:1;">
                <path d="m 51.034103,18.492826 2.339374,0.1258 2.101302,0.322352 2.13486,0.555576 1.92301,0.782838 1.728867,0.928057 1.643525,1.31883 1.386052,1.66591 1.173205,1.967822 0.828487,1.938593 0.515247,2.082041 -1.481984,12.170587 -1.844551,15.692691 -1.042726,10.415037 -0.453263,7.748871 -0.20701,7.044237 0.310288,4.747284 0.370713,3.781081 0.280082,1.731285 1.37591,1.171615 1.265693,1.593654 0.991224,1.687153 0.662567,1.676656 0.866934,2.930864 0.447776,2.85943 0.227753,3.70824 -0.0928,3.5711 -0.240255,2.82761 -0.580088,3.44691 h -31.34138 l -0.112236,-4.4428 -0.378171,-3.15961 -0.808594,-3.18928 -0.876093,-2.29798 -0.891866,-1.49972 -0.896924,-0.96922 -0.885002,-0.68326 -0.958411,-0.56208 -0.980704,-0.3756 -0.923362,-0.14283 -0.545436,-0.0223 0.741723,-4.262888 0.837879,-5.294921 0.397764,-3.917873 0.111641,-4.157237 -0.01021,-1.416833 -1.115303,-1.174644 -0.89309,-1.262338 -0.509786,-1.322493 -0.167132,-1.07337 0.05466,-1.026826 0.53004,-1.022266 0.824635,-0.822835 1.129641,-0.622552 1.835314,-0.711665 0.507675,-2.474728 0.06796,-0.582083 -1.075547,-0.112659 -1.128673,-0.416642 -0.886108,-0.518973 -0.879483,-0.835927 -0.875297,-0.968687 -0.729454,-1.131181 -0.671788,-1.382025 -0.518512,-1.270717 12.848863,-11.348026 0.810035,-2.159805 1.036825,-2.129644 1.135571,-1.789166 1.205666,-1.75824 1.305142,-1.63144 1.123456,-1.248987 1.217226,-1.258101 -0.03228,-1.52295 -0.247446,-1.236985 -0.386911,-0.878769 -0.434449,-0.846862 -0.627022,-1.031211 -1.064948,-1.541608 -1.217406,-1.492422 1.214027,-1.203545 1.247674,-1.702688 1.451372,-2.068227 1.591289,-2.557004 1.44181,-2.561912 0.946586,-1.642348 0.460005,-0.974505 z"/>
            </svg>`;
    
    }
}; // End Class