<?xml version="1.0" encoding="UTF-8"?>
<form>
    
    <field name="help" type="help" url="documentation/image-gallery" />
    
    <field name="note1" type="note" label="Layout Settings" />

    <field name="columns" type="number" label="Columns" min="1" max="12" default="3" />

    <field name="gap" type="list" label="Column and Row Gap">
        <option value="">JNONE</option>
        <option value="g-0">Zero</option>
        <option value="g-1">Extra Small</option>
        <option value="g-2">Small</option>
        <option value="g-3">Medium</option>
        <option value="g-4">Large</option>
        <option value="g-5">Extra Large</option>
    </field>

    <field name="masonry" type="radio" label="Masonry Layout" layout="joomla.form.field.radio.switcher" default="0">
		<option value="0">JNO</option>
		<option value="1">JYES</option>
	</field>

    <field name="note2" type="note" label="Image Settings" />

    <field name="image_class" type="text" label="Image Class" />

    <field name="border_radius" type="list" label="Border Radius">
        <option value="">JNONE</option>
        <option value="rounded">Rounded</option>
        <option value="rounded-3">Rounded Small</option>
        <option value="rounded-4">Rounded Medium</option>
        <option value="rounded-5">Rounded Large</option>
        <option value="rounded-pill">Pill</option>
        <option value="rounded-circle">Circle</option>
    </field>

    <field name="shadow" type="list" label="Shadow">
        <option value="">JNONE</option>
        <option value="shadow-sm">Small</option>
        <option value="shadow">Medium</option>
        <option value="shadow-lg">Large</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>