<?xml version="1.0" encoding="UTF-8"?>
<form>
    
    <field name="help" type="help" url="documentation/image" />

    <field name="url_prefix" type="text" label="Url Prefix" />
    
    <field name="image_class" type="text" label="Image Class" hint="img-fluid" />

    <field name="border_radius" type="list" label="Border Radius">
        <option value="">JNONE</option>
        <option value="rounded">Rounded</option>
        <option value="rounded-5">Rounded Large</option>
        <option value="rounded-pill">Pill</option>
        <option value="rounded-circle">Circle</option>
        <option value="rounded-top">Rounded Top</option>
        <option value="rounded-end">Rounded End</option>
        <option value="rounded-bottom">Rounded Bottom</option>
        <option value="rounded-start">Rounded Start</option>
    </field>

    <field name="shadow" type="list" label="Shadow">
        <option value="">JDEFAULT</option>
        <option value="shadow-sm">Small</option>
        <option value="shadow">Medium</option>
        <option value="shadow-lg">Large</option>
    </field>

    <field name="image_hover" type="list" label="Image Hover" default="">
        <option value="">JNONE</option>
        <option value="hover-grayscale">Grayscale</option>
        <option value="hover-grayscale-invert">Grayscale Invert</option>
        <option value="hover-brightness">Brightness</option>
        <option value="hover-brightness-invert">Brightness Invert</option>
        <option value="hover-dull">Dull</option>
        <option value="hover-sepia">Sepia</option>
        <option value="hover-sepia-invert">Sepia Invert</option>
        <option value="scale">Scale</option>
    </field>
    
    <field name="transition" type="list" label="Hover Duration">
        <option value="">JNONE</option>
        <option value="transition-1">150 ms</option>
        <option value="transition-2">300 ms</option>
        <option value="transition-3">500 ms</option>
        <option value="transition-4">750 ms</option>
        <option value="transition-5">1000 ms</option>
    </field>

    <field name="lazy_loading" type="radio" label="Lazy Loading" layout="joomla.form.field.radio.switcher" default="0">
		<option value="0">JNO</option>
		<option value="1">JYES</option>
	</field>

</form>