<?php
defined('ABSPATH') || exit;

class ALPHAGF_Styles extends GFAddOn {
    protected $_version = ALPHAGF_VERSION;
    protected $_min_gravityforms_version = '2.5';
    protected $_slug = 'alphagf-styles';
    protected $_path = 'alpha-addons-for-gravity-forms/addons/styles/styles.php';
    protected $_full_path = __FILE__;
    protected $_title = 'Gravity Forms Styles';
    protected $_short_title = 'Styles';
    private static $_instance = null;

    const QUERY_VAR     = 'alpha-styles-preview';
    const FRAME_VAR     = 'alpha-styles-frame';
    const META_KEY      = 'alphagf_styles';
    const THEMES_OPTION = 'alphagf_styles_themes';
    const NONCE_ACTION  = 'alphagf_styles';

    /**
     * True while the preview iframe is rendering, so saved styles don't fight the live ones.
     *
     * @var bool
     */
    private static $is_frame = false;

    /**
     * Form IDs whose styles were already printed on this request.
     *
     * @var array
     */
    private $printed = array();

    /**
     * Get an instance of this class.
     *
     * @return ALPHAGF_Styles
     */
    public static function get_instance() {
        if (self::$_instance == null) {
            self::$_instance = new ALPHAGF_Styles();
        }

        return self::$_instance;
    }

    public function get_menu_icon() {
        return 'gform-icon alphagf_icon icon-form-styles';
    }

    public function init_admin() {
        parent::init_admin();

        add_filter('gform_toolbar_menu', array($this, 'add_toolbar_menu'), 10, 2);
        add_filter('gform_form_actions', array($this, 'add_form_list_action'), 10, 2);
    }

    public function init() {
        parent::init();

        add_action('template_redirect', array($this, 'maybe_render_editor'), 0);
        add_filter('gform_get_form_filter', array($this, 'print_form_styles'), 10, 2);
        add_filter('gform_get_form_confirmation_filter', array($this, 'print_form_styles'), 10, 2);

        add_action('wp_ajax_alphagf_styles_save', array($this, 'ajax_save_styles'));
        add_action('wp_ajax_alphagf_styles_save_theme', array($this, 'ajax_save_theme'));
        add_action('wp_ajax_alphagf_styles_delete_theme', array($this, 'ajax_delete_theme'));
    }

    public function add_toolbar_menu($menu_items, $form_id) {
        $menu_items['alphagf_styles'] = array(
            'label'        => esc_html__('Alpha Styles', 'alpha-addons-for-gravity-forms'),
            'aria-label'   => esc_html__('Alpha Styles', 'alpha-addons-for-gravity-forms'),
            'url'          => self::get_editor_url($form_id),
            'target'       => '_blank',
            'menu_class'   => 'gf_form_toolbar_alphagf_styles',
            'capabilities' => array('gravityforms_edit_forms'),
            'priority'     => 700,
        );

        return $menu_items;
    }

    /**
     * Adds "Styles" to the form list row actions, between Duplicate and Trash.
     */
    public function add_form_list_action($form_actions, $form_id) {
        $form_actions['alphagf_styles'] = array(
            'label'        => esc_html__('Styles', 'alpha-addons-for-gravity-forms'),
            'aria-label'   => esc_html__('Style this form', 'alpha-addons-for-gravity-forms'),
            'url'          => self::get_editor_url($form_id),
            'target'       => '_blank',
            'menu_class'   => 'gf_form_toolbar_alphagf_styles',
            'capabilities' => array('gravityforms_edit_forms'),
            'priority'     => 550,
        );

        return $form_actions;
    }

    public static function get_editor_url($form_id) {
        return add_query_arg(self::QUERY_VAR, absint($form_id), home_url('/'));
    }

    /**
     * Render the full page styler (or its preview iframe) for ?alpha-styles-preview={form_id}.
     */
    public function maybe_render_editor() {
        // phpcs:disable WordPress.Security.NonceVerification.Recommended -- Read-only screens, guarded by capability checks.
        if (! isset($_GET[self::QUERY_VAR])) {
            return;
        }

        $form_id  = absint(wp_unslash($_GET[self::QUERY_VAR]));
        $is_frame = ! empty($_GET[self::FRAME_VAR]);
        // phpcs:enable WordPress.Security.NonceVerification.Recommended

        // auth_redirect() validates the admin-only auth cookie, which isn't sent to frontend URLs.
        if (! is_user_logged_in()) {
            wp_safe_redirect(wp_login_url(self::get_editor_url($form_id)));
            exit;
        }

        if (! GFCommon::current_user_can_any('gravityforms_edit_forms')) {
            wp_die(esc_html__('Sorry, you are not allowed to style this form.', 'alpha-addons-for-gravity-forms'), '', array('response' => 403));
        }

        $form = $form_id ? GFAPI::get_form($form_id) : false;

        if (! $form) {
            wp_die(esc_html__('The requested form could not be found.', 'alpha-addons-for-gravity-forms'), '', array('response' => 404));
        }

        if (! defined('DONOTCACHEPAGE')) {
            define('DONOTCACHEPAGE', true); // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedConstantFound -- Standard constant read by caching plugins.
        }

        nocache_headers();
        add_filter('show_admin_bar', '__return_false');

        if ($is_frame) {
            $this->render_frame($form);
        } else {
            $this->render_editor($form);
        }

        exit;
    }

    private function render_editor($form) {
        $form_id = absint($form['id']);
        $saved   = rgar($form, self::META_KEY);
        $forms   = array();

        foreach (GFFormsModel::get_forms(null, 'title') as $item) {
            $forms[] = array(
                'id'    => absint($item->id),
                'title' => $item->title,
            );
        }

        $data = array(
            'formId'    => $form_id,
            'formTitle' => $form['title'],
            'forms'     => $forms,
            'values'    => (object) self::strip_desktop_layouts(is_array($saved) && is_array(rgar($saved, 'values')) ? $saved['values'] : array()),
            'themes'    => $this->get_themes(),
            'presets'   => self::get_presets(),
            'schema'    => self::get_schema(),
            'fonts'     => self::get_fonts(),
            /**
             * Filter which form features the editor shows sections for (a section's 'requires' key).
             *
             * @param array $features
             * @param array $form
             */
            'features'  => apply_filters('alphagf_styles_features', array(
                'steps'       => self::form_has_steps($form),
                'progressbar' => self::form_has_steps($form, 'percentage'),
                'list'        => self::form_has_list($form),
                'repeater'    => self::form_has_repeater($form),
                'imagepicker' => self::form_has_image_picker($form),
                'qrcode'      => self::form_has_qrcode($form),
                'emailverify' => self::form_has_email_verification($form),
            ), $form),
            'choiceFields' => self::get_choice_fields($form),
            'imagePickerFields'  => self::get_image_picker_fields($form),
            'imagePickerOptions' => self::get_image_picker_options(),
            'frameUrl'  => add_query_arg(array(self::QUERY_VAR => $form_id, self::FRAME_VAR => 1), home_url('/')),
            'editorUrl' => self::get_editor_url(0),
            'backUrl'   => admin_url('admin.php?page=gf_edit_forms&id=' . $form_id),
            'ajaxUrl'   => admin_url('admin-ajax.php'),
            'nonce'     => wp_create_nonce(self::NONCE_ACTION),
            'i18n'      => self::get_i18n(),
        );

        /**
         * Filter the data passed to the editor script (window.AlphaStylesData).
         *
         * Extensions can add 'icons' (name => SVG paths) and 'partTargets' (preview part => control key).
         *
         * @param array $data
         * @param array $form
         */
        $data = apply_filters('alphagf_styles_editor_data', $data, $form);

        /**
         * Filter extra script URLs loaded in the editor before js/editor.js.
         *
         * @param string[] $scripts
         * @param array    $form
         */
        $extra_scripts = (array) apply_filters('alphagf_styles_editor_scripts', array(), $form);

        $assets_url = $this->get_base_url();

        wp_register_style('alphagf-styles-editor-font', 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap', array(), null); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion -- Google Fonts URL.
        wp_register_style('alphagf-styles-editor', $assets_url . '/css/editor.css', array('alphagf-styles-editor-font'), $this->_version);

        // Data handle with no source: prints window.AlphaStylesData ahead of the extra scripts and editor.js.
        wp_register_script('alphagf-styles-editor-data', false, array(), $this->_version, false);
        wp_add_inline_script('alphagf-styles-editor-data', 'window.AlphaStylesData = ' . wp_json_encode($data, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) . ';');

        $editor_deps = array('alphagf-styles-editor-data');

        foreach (array_values($extra_scripts) as $index => $script_url) {
            $handle = 'alphagf-styles-editor-extra-' . $index;
            wp_register_script($handle, $script_url, array('alphagf-styles-editor-data'), null, false); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion -- Third-party URLs carry their own version.
            $editor_deps[] = $handle;
        }

        wp_register_script('alphagf-styles-editor', $assets_url . '/js/editor.js', $editor_deps, $this->_version, false);

        include __DIR__ . '/views/editor.php';
    }

    /**
     * Whether the form is multi-page and shows the given progress indicator ("steps" or "percentage").
     */
    private static function form_has_steps($form, $indicator = 'steps') {
        if ($indicator !== rgars($form, 'pagination/type')) {
            return false;
        }

        foreach ((array) rgar($form, 'fields') as $field) {
            if ('page' === rgobj($field, 'type')) {
                return true;
            }
        }

        return false;
    }

    /**
     * Whether the form has a List field (List Field Pro styles it through the "List field" section).
     */
    private static function form_has_list($form) {
        foreach ((array) rgar($form, 'fields') as $field) {
            if (is_object($field) && 'list' === $field->get_input_type()) {
                return true;
            }
        }

        return false;
    }

    /**
     * Whether the form has a Repeater field.
     */
    private static function form_has_repeater($form) {
        foreach ((array) rgar($form, 'fields') as $field) {
            if (is_object($field) && 'repeater' === $field->type) {
                return true;
            }
        }

        return false;
    }

    /**
     * Whether Image Picker Pro is active and the form has a field with it enabled.
     */
    private static function form_has_image_picker($form) {
        if (! class_exists('ImagePickerAddon') || ! defined('IMAGE_PICKER_PRO_ADDON_VERSION')) {
            return false;
        }

        $addon = ImagePickerAddon::get_instance();

        return method_exists($addon, 'form_contains_image_picker_fields') && $addon->form_contains_image_picker_fields($form);
    }

    /**
     * Whether QR Code Pro is active and the form has a QR Code field or a field with the QR scanner on.
     */
    private static function form_has_qrcode($form) {
        if (! class_exists('ALPHAGF_QRCode')) {
            return false;
        }

        foreach ((array) rgar($form, 'fields') as $field) {
            if (is_object($field) && ('alphagf_qrcode' === $field->type || ! empty($field->alphagfQrScanner))) {
                return true;
            }
        }

        return false;
    }

    /**
     * Whether Email Verification Pro is active and the form has an Email Verification field.
     */
    private static function form_has_email_verification($form) {
        if (! class_exists('EVPGF_Addon')) {
            return false;
        }

        foreach ((array) rgar($form, 'fields') as $field) {
            if (is_object($field) && 'evpgf_verification' === $field->type) {
                return true;
            }
        }

        return false;
    }

    private function render_frame($form) {
        self::$is_frame = true;

        gravity_form_enqueue_scripts($form['id'], false);

        wp_enqueue_style('alphagf-styles-frame', $this->get_base_url() . '/css/frame.css', array(), $this->_version);
        wp_enqueue_script('alphagf-styles-frame', $this->get_base_url() . '/js/frame.js', array(), $this->_version, true);

        include __DIR__ . '/views/frame.php';
    }

    /**
     * Prepend the form's saved styles to its markup on the frontend.
     */
    public function print_form_styles($markup, $form) {
        if (self::$is_frame || ! is_array($form)) {
            return $markup;
        }

        $form_id = absint(rgar($form, 'id'));
        $styles  = rgar($form, self::META_KEY);

        if (! $form_id || ! is_array($styles) || isset($this->printed[$form_id])) {
            return $markup;
        }

        // Horizontal choice layouts come first so saved tablet/mobile overrides can replace them.
        $css = self::get_horizontal_choice_css($form) . str_replace(
            array('{{wrapper}}', '{{confirmation}}', '{{qrmodal}}'),
            array('#gform_wrapper_' . $form_id, '#gform_confirmation_wrapper_' . $form_id, '.alphagf-qr-modal[data-form="' . $form_id . '"]'),
            self::sanitize_css((string) rgar($styles, 'css'))
        );

        if ('' === $css) {
            return $markup;
        }

        $this->printed[$form_id] = true;

        $output   = '';
        $font_url = self::get_font_url(rgar($styles, 'font'));

        if ($font_url) {
            // Printed inline (not in the footer) so forms rendered over AJAX get their font too.
            $handle = 'alphagf-styles-font-' . $form_id;
            wp_register_style($handle, $font_url, array(), null); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion -- Google Fonts URL; a version arg would break the query.
            ob_start();
            wp_print_styles($handle);
            $output .= ob_get_clean();
        }

        $output .= '<style id="alphagf-styles-' . $form_id . '">' . $css . '</style>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Sanitized by sanitize_css().

        return $output . $markup;
    }

    public function ajax_save_styles() {
        $this->verify_ajax_request();

        $form = GFAPI::get_form(absint(rgpost('form_id')));

        if (! $form) {
            wp_send_json_error(array('message' => esc_html__('The form could not be found.', 'alpha-addons-for-gravity-forms')), 404);
        }

        $values = self::sanitize_values(json_decode((string) rgpost('values'), true));
        $font   = sanitize_key((string) rgpost('font'));
        $css    = self::sanitize_css((string) rgpost('css'));

        // Desktop choice layouts belong to the fields themselves (same settings as the form editor).
        $values = self::apply_choice_layouts($form, $values);
        $values = self::apply_image_picker_settings($form, $values);

        if (empty($values) && '' === $css && ! self::has_horizontal_choices($form)) {
            unset($form[self::META_KEY]);
        } else {
            $form[self::META_KEY] = array(
                'values'  => $values,
                'css'     => $css,
                'font'    => array_key_exists($font, self::get_fonts()) ? $font : '',
                'updated' => time(),
            );
        }

        $result = GFAPI::update_form($form);

        if (is_wp_error($result)) {
            wp_send_json_error(array('message' => $result->get_error_message()), 500);
        }

        wp_send_json_success(array(
            'message'      => esc_html__('Styles saved.', 'alpha-addons-for-gravity-forms'),
            'choiceFields' => self::get_choice_fields($form),
            'imagePickerFields' => self::get_image_picker_fields($form),
        ));
    }

    /**
     * Checkbox/radio fields that support Gravity Forms' "Choice Layout" setting.
     */
    private static function get_choice_fields($form) {
        $list = array();

        foreach ((array) rgar($form, 'fields') as $field) {
            if (! is_object($field) || ! in_array('display_choices_columns_setting', (array) $field->get_form_editor_field_settings(), true)) {
                continue;
            }

            $input_type = $field->get_input_type();

            if ('multi_choice' === $input_type || 'multi_choice' === $field->type) {
                $input_type = 'single' === rgobj($field, 'choiceLimit') ? 'radio' : 'checkbox';
            }

            if (! in_array($input_type, array('checkbox', 'radio'), true)) {
                continue;
            }

            if (method_exists($field, 'get_field_choice_alignment')) {
                $layout = $field->get_field_choice_alignment($field);
            } else {
                $layout = rgobj($field, 'choiceAlignment') ? $field->choiceAlignment : (rgobj($field, 'enableDisplayInColumns') ? 'columns' : 'vertical');
            }

            $columns = absint(rgobj($field, 'displayColumns'));
            $label   = wp_strip_all_tags(GFCommon::get_label($field));

            $list[] = array(
                'id'      => absint($field->id),
                'type'    => $input_type,
                /* translators: %d: field ID. */
                'label'   => '' !== trim($label) ? $label : sprintf(__('Field #%d', 'alpha-addons-for-gravity-forms'), $field->id),
                'layout'  => in_array($layout, array('vertical', 'horizontal', 'columns'), true) ? $layout : 'vertical',
                'columns' => (string) ($columns >= 2 && $columns <= 5 ? $columns : 2),
                'flow'    => 'vertical' === rgobj($field, 'displayAlignment') ? 'down' : 'across',
            );
        }

        return $list;
    }

    /**
     * Write "field.{id}.layout|columns|flow" values into the fields' Gravity Forms settings and
     * return the values without them. Tablet/mobile overrides ("…@tablet") stay as styles.
     */
    private static function apply_choice_layouts(&$form, $values) {
        $changes = array();

        foreach ($values as $key => $value) {
            if (preg_match('/^field\.(\d+)\.(layout|columns|flow)$/', $key, $match)) {
                $changes[absint($match[1])][$match[2]] = $value;
                unset($values[$key]);
            }
        }

        if (empty($changes)) {
            return $values;
        }

        foreach ((array) rgar($form, 'fields') as $field) {
            $id = absint($field->id);

            if (! isset($changes[$id])) {
                continue;
            }

            $change = $changes[$id];

            if (isset($change['layout']) && in_array($change['layout'], array('vertical', 'horizontal', 'columns'), true)) {
                $field->choiceAlignment = $change['layout'];
            }

            if (isset($change['columns'])) {
                $columns = absint($change['columns']);
                if ($columns >= 2 && $columns <= 5) {
                    $field->displayColumns = $columns;
                }
            }

            if (isset($change['flow'])) {
                $field->displayAlignment = 'down' === $change['flow'] ? 'vertical' : 'horizontal';
            }

            if ('columns' === rgobj($field, 'choiceAlignment') && absint(rgobj($field, 'displayColumns')) < 2) {
                $field->displayColumns = 2;
            }
        }

        return $values;
    }

    /**
     * Image Picker Pro field settings the editor can change, per kind of field:
     * "imgpf.{id}.{option}" => Gravity Forms field property.
     */
    private static function image_picker_props($kind) {
        $props = array(
            'choice'   => array(
                'theme'         => 'imagePicker_theme',
                'imageStyle'    => 'imagePicker_image_style',
                'alignment'     => 'imagePicker_alignment',
                'columns'       => 'imagePicker_column_large',
                'columnsTablet' => 'imagePicker_column_medium',
                'columnsMobile' => 'imagePicker_column_small',
                'width'         => 'imagePicker_column_large_fixed',
                'widthTablet'   => 'imagePicker_column_medium_fixed',
                'widthMobile'   => 'imagePicker_column_small_fixed',
                'height'        => 'imagePicker_height_large',
                'heightTablet'  => 'imagePicker_height_medium',
                'heightMobile'  => 'imagePicker_height_small',
            ),
            'product'  => array(
                'theme'         => 'imagePicker_product_theme',
                'imageStyle'    => 'imagePicker_product_image_style',
                'height'        => 'imagePicker_product_height',
                'heightTablet'  => 'imagePicker_product_height_medium',
                'heightMobile'  => 'imagePicker_product_height_small',
                'cardWidth'       => 'imagePicker_product_width',
                'cardWidthTablet' => 'imagePicker_product_width_medium',
                'cardWidthMobile' => 'imagePicker_product_width_small',
                'quantityBtn'   => 'imagePicker_product_quantity_btn',
            ),
            'dropdown' => array(
                'imageStyle'    => 'imagePicker_dropdown_image_style',
            ),
        );

        return isset($props[$kind]) ? $props[$kind] : array();
    }

    /**
     * Allowed values of the select-type options ("form_setting" falls back to the form/global setting).
     */
    private static function get_image_picker_options() {
        $columns = array();
        foreach (range(1, 12) as $count) {
            $columns[] = array('value' => (string) $count, 'label' => (string) $count);
        }
        $columns[] = array('value' => 'fixed', 'label' => __('Fixed width', 'alpha-addons-for-gravity-forms'));
        $columns[] = array('value' => 'auto', 'label' => __('Auto', 'alpha-addons-for-gravity-forms'));

        return array(
            'themes'        => array(
                array('value' => 'simple', 'label' => __('Simple', 'alpha-addons-for-gravity-forms')),
                array('value' => 'card', 'label' => __('Card', 'alpha-addons-for-gravity-forms')),
                array('value' => 'polar', 'label' => __('Polar', 'alpha-addons-for-gravity-forms')),
                array('value' => 'box', 'label' => __('Box', 'alpha-addons-for-gravity-forms')),
                array('value' => 'cover', 'label' => __('Cover', 'alpha-addons-for-gravity-forms')),
                array('value' => 'circle', 'label' => __('Circle', 'alpha-addons-for-gravity-forms')),
                array('value' => 'luma', 'label' => __('Luma', 'alpha-addons-for-gravity-forms')),
            ),
            'productThemes' => array(
                array('value' => 'simple', 'label' => __('Simple', 'alpha-addons-for-gravity-forms')),
                array('value' => 'card', 'label' => __('Card', 'alpha-addons-for-gravity-forms')),
                array('value' => 'cover', 'label' => __('Cover title', 'alpha-addons-for-gravity-forms')),
                array('value' => 'orbit', 'label' => __('Orbit', 'alpha-addons-for-gravity-forms')),
                array('value' => 'luma', 'label' => __('Luma', 'alpha-addons-for-gravity-forms')),
                array('value' => 'vivid', 'label' => __('Vivid', 'alpha-addons-for-gravity-forms')),
            ),
            'imageStyles'   => array(
                array('value' => 'cover', 'label' => __('Cover', 'alpha-addons-for-gravity-forms')),
                array('value' => 'contain', 'label' => __('Contained', 'alpha-addons-for-gravity-forms')),
            ),
            'alignments'    => array(
                array('value' => 'default', 'label' => __('Default', 'alpha-addons-for-gravity-forms')),
                array('value' => 'left', 'label' => __('Left', 'alpha-addons-for-gravity-forms')),
                array('value' => 'center', 'label' => __('Center', 'alpha-addons-for-gravity-forms')),
                array('value' => 'right', 'label' => __('Right', 'alpha-addons-for-gravity-forms')),
            ),
            'columns'       => $columns,
        );
    }

    /**
     * Fields with Image Picker enabled, with their current settings and what "Use form setting" resolves to.
     */
    private static function get_image_picker_fields($form) {
        $list = array();

        if (! self::form_has_image_picker($form)) {
            return $list;
        }

        $addon = ImagePickerAddon::get_instance();

        // An empty field makes Image Picker resolve the form setting, then the global one.
        $inherit = function ($setting, $field_key, $default) use ($addon, $form) {
            return (string) $addon->get_active_settings_value($form, array(), $setting, $field_key, $default);
        };

        $inherited = array(
            'choice'   => array(
                'theme'         => $inherit('image_picker_theme', 'imagePicker_theme', 'simple'),
                'imageStyle'    => $inherit('image_picker_image_style', 'imagePicker_image_style', 'cover'),
                'alignment'     => $inherit('image_picker_alignment', 'imagePicker_alignment', 'default'),
                'columns'       => $inherit('image_picker_column_large', 'imagePicker_column_large', '6'),
                'columnsTablet' => $inherit('image_picker_column_medium', 'imagePicker_column_medium', '4'),
                'columnsMobile' => $inherit('image_picker_column_small', 'imagePicker_column_small', '2'),
            ),
            'product'  => array(
                'theme'      => $inherit('image_picker_theme', 'imagePicker_product_theme', 'simple'),
                'imageStyle' => $inherit('image_picker_image_style', 'imagePicker_product_image_style', 'cover'),
            ),
            'dropdown' => array(
                'imageStyle' => $inherit('image_picker_image_style', 'imagePicker_dropdown_image_style', 'cover'),
            ),
        );

        foreach ((array) rgar($form, 'fields') as $field) {
            if (! is_object($field) || ! $addon->is_image_picker_enabled($field)) {
                continue;
            }

            $input_type = $addon->get_input_type($field);

            if ('singleproduct' === $input_type) {
                $kind = 'product';
            } elseif ($addon->is_dropdown_image_picker_enabled($field)) {
                $kind = 'dropdown';
            } else {
                $kind = 'choice';
            }

            $current = array();

            foreach (self::image_picker_props($kind) as $option => $prop) {
                $value = rgobj($field, $prop);

                if ('quantityBtn' === $option) {
                    $current[$option] = true === $value ? 'on' : 'off';
                } elseif (self::is_image_picker_size($option)) {
                    $number           = floatval(preg_replace('/[^0-9.]/', '', (string) $value));
                    $current[$option] = $number > 0 ? $number : '';
                } else {
                    $current[$option] = is_string($value) && '' !== $value ? $value : 'form_setting';
                }
            }

            $label = wp_strip_all_tags(GFCommon::get_label($field));

            $list[] = array(
                'id'      => absint($field->id),
                'kind'    => $kind,
                /* translators: %d: field ID. */
                'label'   => '' !== trim($label) ? $label : sprintf(__('Field #%d', 'alpha-addons-for-gravity-forms'), $field->id),
                'values'  => $current,
                'inherit' => $inherited[$kind],
            );
        }

        return $list;
    }

    private static function is_image_picker_size($option) {
        return (bool) preg_match('/^(width|height|cardWidth)/', $option);
    }

    /**
     * Write "imgpf.{id}.{option}" values into the Image Picker settings of the fields and
     * return the values without them.
     */
    private static function apply_image_picker_settings(&$form, $values) {
        $changes = array();

        foreach ($values as $key => $value) {
            if (preg_match('/^imgpf\.(\d+)\.([a-zA-Z]+)(@\w+)?$/', $key, $match)) {
                if (empty($match[3])) {
                    $changes[absint($match[1])][$match[2]] = $value;
                }
                unset($values[$key]);
            }
        }

        if (empty($changes)) {
            return $values;
        }

        $fields  = self::get_image_picker_fields($form);
        $options = self::get_image_picker_options();
        $allowed = array(
            'imageStyle' => wp_list_pluck($options['imageStyles'], 'value'),
            'alignment'  => wp_list_pluck($options['alignments'], 'value'),
            'columns'    => wp_list_pluck($options['columns'], 'value'),
        );
        $kinds = wp_list_pluck($fields, 'kind', 'id');

        foreach ((array) rgar($form, 'fields') as $field) {
            $id = absint($field->id);

            if (! isset($changes[$id], $kinds[$id])) {
                continue;
            }

            $kind  = $kinds[$id];
            $props = self::image_picker_props($kind);

            foreach ($changes[$id] as $option => $value) {
                if (! isset($props[$option])) {
                    continue;
                }

                $value = (string) $value;

                if ('quantityBtn' === $option) {
                    $field->{$props[$option]} = 'on' === $value;
                    continue;
                }

                if (self::is_image_picker_size($option)) {
                    $number                   = floatval($value);
                    $field->{$props[$option]} = $number > 0 ? (string) $number : '';
                    continue;
                }

                if ('theme' === $option) {
                    $valid = wp_list_pluck($options['product' === $kind ? 'productThemes' : 'themes'], 'value');
                } else {
                    $valid = $allowed[preg_replace('/(Tablet|Mobile)$/', '', $option)];
                }

                if ('form_setting' === $value || in_array($value, $valid, true)) {
                    $field->{$props[$option]} = $value;
                }
            }
        }

        return $values;
    }

    // Desktop layouts always come from the fields' current settings, never from stored styles.
    private static function strip_desktop_layouts($values) {
        foreach (array_keys($values) as $key) {
            if (preg_match('/^field\.\d+\.(layout|columns|flow)$/', $key) || 0 === strpos($key, 'imgpf.')) {
                unset($values[$key]);
            }
        }

        return $values;
    }

    private static function has_horizontal_choices($form) {
        foreach (self::get_choice_fields($form) as $field) {
            if ('horizontal' === $field['layout']) {
                return true;
            }
        }

        return false;
    }

    /**
     * Orbital only styles "Horizontal" for the newer Choice field, so lay out horizontal
     * checkbox/radio fields here, based on each field's current Gravity Forms setting.
     */
    private static function get_horizontal_choice_css($form) {
        $css = '';

        foreach (self::get_choice_fields($form) as $field) {
            if ('horizontal' !== $field['layout']) {
                continue;
            }

            $selector = '#gform_wrapper_' . absint($form['id']) . ' .gfield[id$="_' . $field['id'] . '"]';
            $css     .= $selector . ' .gfield_checkbox,' . $selector . ' .gfield_radio{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gf-field-choice-align-x-gap-y, 8px) var(--gf-field-choice-align-x-gap-x, 24px);grid-template-columns:none;columns:auto}';
        }

        return $css;
    }

    public function ajax_save_theme() {
        $this->verify_ajax_request();

        $themes = get_option(self::THEMES_OPTION, array());
        $themes = is_array($themes) ? $themes : array();
        $id     = sanitize_key((string) rgpost('id'));
        $name   = mb_substr(sanitize_text_field((string) rgpost('name')), 0, 60);
        $raw    = rgpost('values');
        $values = null === $raw ? null : self::sanitize_values(json_decode((string) $raw, true));

        if ($id && isset($themes[$id])) {
            if ('' !== $name) {
                $themes[$id]['name'] = $name;
            }

            if (null !== $values) {
                $themes[$id]['values'] = $values;
            }

            $themes[$id]['updated'] = time();
        } else {
            if ('' === $name) {
                wp_send_json_error(array('message' => esc_html__('Please give your theme a name.', 'alpha-addons-for-gravity-forms')), 400);
            }

            $id          = 'theme_' . str_replace('-', '', wp_generate_uuid4());
            $themes[$id] = array(
                'id'      => $id,
                'name'    => $name,
                'values'  => $values ? $values : array(),
                'created' => time(),
                'updated' => time(),
            );
        }

        update_option(self::THEMES_OPTION, $themes, false);

        wp_send_json_success(array(
            'id'     => $id,
            'themes' => $this->get_themes(),
        ));
    }

    public function ajax_delete_theme() {
        $this->verify_ajax_request();

        $themes = get_option(self::THEMES_OPTION, array());
        $themes = is_array($themes) ? $themes : array();
        $id     = sanitize_key((string) rgpost('id'));

        unset($themes[$id]);
        update_option(self::THEMES_OPTION, $themes, false);

        wp_send_json_success(array('themes' => $this->get_themes()));
    }

    private function verify_ajax_request() {
        if (! check_ajax_referer(self::NONCE_ACTION, 'nonce', false)) {
            wp_send_json_error(array('message' => esc_html__('Your session has expired. Please reload the page.', 'alpha-addons-for-gravity-forms')), 403);
        }

        if (! GFCommon::current_user_can_any('gravityforms_edit_forms')) {
            wp_send_json_error(array('message' => esc_html__('Sorry, you are not allowed to do that.', 'alpha-addons-for-gravity-forms')), 403);
        }
    }

    private function get_themes() {
        $themes = get_option(self::THEMES_OPTION, array());
        $list   = array();

        if (! is_array($themes)) {
            return $list;
        }

        foreach ($themes as $theme) {
            $list[] = array(
                'id'     => rgar($theme, 'id'),
                'name'   => rgar($theme, 'name'),
                'values' => (object) (is_array(rgar($theme, 'values')) ? $theme['values'] : array()),
            );
        }

        return $list;
    }

    /**
     * Keep only flat "section.property" => scalar pairs.
     */
    private static function sanitize_values($values) {
        $clean = array();

        if (! is_array($values)) {
            return $clean;
        }

        foreach (array_slice($values, 0, 300, true) as $key => $value) {
            // Responsive overrides use "section.property@tablet" / "@mobile".
            if (! is_string($key) || ! preg_match('/^[a-zA-Z0-9_.]{1,64}(@(tablet|mobile))?$/', $key) || ! is_scalar($value)) {
                continue;
            }

            if (is_bool($value)) {
                $clean[$key] = $value;
            } elseif (is_int($value) || is_float($value)) {
                $clean[$key] = $value + 0;
            } else {
                $value = mb_substr(sanitize_text_field($value), 0, 200);

                if ('' !== $value) {
                    $clean[$key] = $value;
                }
            }
        }

        return $clean;
    }

    /**
     * The CSS is generated by the editor; strip anything that could break out of the <style> tag or load remote resources.
     */
    private static function sanitize_css($css) {
        $css = wp_strip_all_tags((string) $css);
        $css = str_replace('<', '', $css);
        $css = preg_replace('/@import|expression\s*\(|javascript\s*:|behavior\s*:|url\s*\(/i', '', $css);

        return substr($css, 0, 100000);
    }

    public static function get_fonts() {
        return array(
            ''                  => array('label' => __('Theme default', 'alpha-addons-for-gravity-forms'), 'stack' => '', 'google' => ''),
            'system'            => array('label' => 'System UI', 'stack' => 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif', 'google' => ''),
            'inter'             => array('label' => 'Inter', 'stack' => '"Inter", sans-serif', 'google' => 'Inter:wght@300;400;500;600;700;800'),
            'poppins'           => array('label' => 'Poppins', 'stack' => '"Poppins", sans-serif', 'google' => 'Poppins:wght@300;400;500;600;700;800'),
            'dm-sans'           => array('label' => 'DM Sans', 'stack' => '"DM Sans", sans-serif', 'google' => 'DM+Sans:wght@300;400;500;600;700;800'),
            'plus-jakarta-sans' => array('label' => 'Plus Jakarta Sans', 'stack' => '"Plus Jakarta Sans", sans-serif', 'google' => 'Plus+Jakarta+Sans:wght@300;400;500;600;700;800'),
            'montserrat'        => array('label' => 'Montserrat', 'stack' => '"Montserrat", sans-serif', 'google' => 'Montserrat:wght@300;400;500;600;700;800'),
            'roboto'            => array('label' => 'Roboto', 'stack' => '"Roboto", sans-serif', 'google' => 'Roboto:wght@300;400;500;700;900'),
            'open-sans'         => array('label' => 'Open Sans', 'stack' => '"Open Sans", sans-serif', 'google' => 'Open+Sans:wght@300;400;500;600;700;800'),
            'lato'              => array('label' => 'Lato', 'stack' => '"Lato", sans-serif', 'google' => 'Lato:wght@300;400;700;900'),
            'nunito'            => array('label' => 'Nunito', 'stack' => '"Nunito", sans-serif', 'google' => 'Nunito:wght@300;400;500;600;700;800'),
            'lora'              => array('label' => 'Lora', 'stack' => '"Lora", serif', 'google' => 'Lora:wght@400;500;600;700'),
            'playfair-display'  => array('label' => 'Playfair Display', 'stack' => '"Playfair Display", serif', 'google' => 'Playfair+Display:wght@400;500;600;700;800'),
        );
    }

    public static function get_font_url($font) {
        $fonts = self::get_fonts();

        if (! is_string($font) || empty($fonts[$font]['google'])) {
            return '';
        }

        return 'https://fonts.googleapis.com/css2?family=' . $fonts[$font]['google'] . '&display=swap';
    }

    /**
     * Sidebar sections. Each control key maps to a CSS rule in js/editor.js.
     */
    public static function get_schema() {
        $align = array(
            array('value' => 'left', 'label' => __('Left', 'alpha-addons-for-gravity-forms'), 'icon' => 'alignLeft'),
            array('value' => 'center', 'label' => __('Center', 'alpha-addons-for-gravity-forms'), 'icon' => 'alignCenter'),
            array('value' => 'right', 'label' => __('Right', 'alpha-addons-for-gravity-forms'), 'icon' => 'alignRight'),
        );

        $weights = array(
            array('value' => '', 'label' => __('Default', 'alpha-addons-for-gravity-forms')),
            array('value' => '300', 'label' => __('Light', 'alpha-addons-for-gravity-forms')),
            array('value' => '400', 'label' => __('Regular', 'alpha-addons-for-gravity-forms')),
            array('value' => '500', 'label' => __('Medium', 'alpha-addons-for-gravity-forms')),
            array('value' => '600', 'label' => __('Semibold', 'alpha-addons-for-gravity-forms')),
            array('value' => '700', 'label' => __('Bold', 'alpha-addons-for-gravity-forms')),
            array('value' => '800', 'label' => __('Extra bold', 'alpha-addons-for-gravity-forms')),
        );

        $text_styles = array(
            array('value' => 'bold', 'label' => __('Bold', 'alpha-addons-for-gravity-forms'), 'icon' => 'bold'),
            array('value' => 'italic', 'label' => __('Italic', 'alpha-addons-for-gravity-forms'), 'icon' => 'italic'),
            array('value' => 'underline', 'label' => __('Underline', 'alpha-addons-for-gravity-forms'), 'icon' => 'underline'),
            array('value' => 'uppercase', 'label' => __('Uppercase', 'alpha-addons-for-gravity-forms'), 'icon' => 'caseUpper'),
        );

        // Next/previous buttons share one option set; unset options fall back to the submit button's.
        $page_button_controls = function ($prefix) use ($weights) {
            return array(
                array('key' => $prefix . '.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                array('key' => $prefix . '.color', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                array('key' => $prefix . '.hoverBg', 'type' => 'color', 'label' => __('Hover background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                array('key' => $prefix . '.hoverColor', 'type' => 'color', 'label' => __('Hover text', 'alpha-addons-for-gravity-forms')),
                array('key' => $prefix . '.fontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 11, 'max' => 24, 'unit' => 'px'),
                array('key' => $prefix . '.weight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                array('key' => $prefix . '.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 8, 'unit' => 'px'),
                array('key' => $prefix . '.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                array('key' => $prefix . '.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                array('key' => $prefix . '.paddingY', 'type' => 'range', 'label' => __('Vertical padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 28, 'unit' => 'px'),
                array('key' => $prefix . '.paddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 64, 'unit' => 'px'),
            );
        };

        // Checkboxes and radios share one option set under their own prefix.
        $choice_groups = function ($prefix) use ($text_styles) {
            return array(
                array(
                    'title'    => __('Control', 'alpha-addons-for-gravity-forms'),
                    'controls' => array(
                        array('key' => $prefix . '.accent', 'type' => 'color', 'label' => __('Accent color', 'alpha-addons-for-gravity-forms')),
                        array('key' => $prefix . '.boxSize', 'type' => 'range', 'label' => __('Size', 'alpha-addons-for-gravity-forms'), 'min' => 12, 'max' => 36, 'unit' => 'px'),
                    ),
                ),
                array(
                    'title'    => __('Label typography', 'alpha-addons-for-gravity-forms'),
                    'controls' => array(
                        array('key' => $prefix . '.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                        array('key' => $prefix . '.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                        array('key' => $prefix . '.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                        array('key' => $prefix . '.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                    ),
                ),
                array(
                    'title'    => __('Layout', 'alpha-addons-for-gravity-forms'),
                    'controls' => array(
                        array('key' => $prefix . '.maxWidth', 'type' => 'range', 'label' => __('Max width', 'alpha-addons-for-gravity-forms'), 'min' => 80, 'max' => 1000, 'step' => 5, 'unit' => 'px'),
                        array('key' => $prefix . '.padding', 'type' => 'spacing', 'label' => __('Label padding', 'alpha-addons-for-gravity-forms'), 'max' => 40),
                    ),
                ),
            );
        };

        $border_styles = array(
            array('value' => '', 'label' => __('Default', 'alpha-addons-for-gravity-forms')),
            array('value' => 'solid', 'label' => __('Solid', 'alpha-addons-for-gravity-forms')),
            array('value' => 'dashed', 'label' => __('Dashed', 'alpha-addons-for-gravity-forms')),
            array('value' => 'dotted', 'label' => __('Dotted', 'alpha-addons-for-gravity-forms')),
            array('value' => 'double', 'label' => __('Double', 'alpha-addons-for-gravity-forms')),
            array('value' => 'none', 'label' => __('None', 'alpha-addons-for-gravity-forms')),
        );

        $shadows = array(
            array('value' => '', 'label' => __('Default', 'alpha-addons-for-gravity-forms')),
            array('value' => 'none', 'label' => __('None', 'alpha-addons-for-gravity-forms')),
            array('value' => 'sm', 'label' => __('Subtle', 'alpha-addons-for-gravity-forms')),
            array('value' => 'md', 'label' => __('Soft', 'alpha-addons-for-gravity-forms')),
            array('value' => 'lg', 'label' => __('Elevated', 'alpha-addons-for-gravity-forms')),
            array('value' => 'xl', 'label' => __('Floating', 'alpha-addons-for-gravity-forms')),
        );

        $schema = array(
            array(
                'id'          => 'container',
                'title'       => __('Form container', 'alpha-addons-for-gravity-forms'),
                'description' => __('Background, spacing, border and font', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'layout',
                'groups'      => array(
                    array(
                        'title'    => __('Background', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'container.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                        ),
                    ),
                    array(
                        'title'    => __('Size & spacing', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'container.maxWidth', 'type' => 'range', 'label' => __('Max width', 'alpha-addons-for-gravity-forms'), 'min' => 280, 'max' => 1200, 'step' => 10, 'unit' => 'px'),
                            array('key' => 'container.padding', 'type' => 'range', 'label' => __('Inner padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 96, 'unit' => 'px'),
                            array('key' => 'container.fieldGap', 'type' => 'range', 'label' => __('Space between fields', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 64, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Border & shadow', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'container.borderWidth', 'type' => 'range', 'label' => __('Border width', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 12, 'unit' => 'px'),
                            array('key' => 'container.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'container.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 48, 'unit' => 'px'),
                            array('key' => 'container.shadow', 'type' => 'select', 'label' => __('Shadow', 'alpha-addons-for-gravity-forms'), 'options' => $shadows),
                        ),
                    ),
                    array(
                        'title'    => __('Typography', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'container.font', 'type' => 'font', 'label' => __('Font family', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'heading',
                'title'       => __('Title & description', 'alpha-addons-for-gravity-forms'),
                'description' => __('Form heading text above the fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'type',
                'groups'      => array(
                    array(
                        'title'    => __('Form title', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'title.color', 'type' => 'color', 'label' => __('Color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'title.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 14, 'max' => 56, 'unit' => 'px'),
                            array('key' => 'title.weight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'title.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                        ),
                    ),
                    array(
                        'title'    => __('Form description', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'desc.color', 'type' => 'color', 'label' => __('Color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'desc.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 11, 'max' => 28, 'unit' => 'px'),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'steps',
                'title'       => __('Progress steps', 'alpha-addons-for-gravity-forms'),
                'description' => __('Page step indicator for multi-page forms', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'listOrdered',
                'requires'    => 'steps',
                'groups'      => array(
                    array(
                        'title'    => __('Steps bar', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'steps.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                            array('key' => 'steps.gap', 'type' => 'range', 'label' => __('Space between steps', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 80, 'unit' => 'px'),
                            array('key' => 'steps.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'steps.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'steps.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                            array('key' => 'steps.marginBottom', 'type' => 'range', 'label' => __('Space below', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 80, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Step number', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'steps.numBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.numColor', 'type' => 'color', 'label' => __('Number color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.numBorder', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.numBorderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 6, 'unit' => 'px'),
                            array('key' => 'steps.numSize', 'type' => 'range', 'label' => __('Size', 'alpha-addons-for-gravity-forms'), 'min' => 16, 'max' => 64, 'unit' => 'px'),
                            array('key' => 'steps.numFontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'steps.numRadius', 'type' => 'range', 'label' => __('Roundness', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 50, 'unit' => '%'),
                        ),
                    ),
                    array(
                        'title'    => __('Active step', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'steps.activeBg', 'type' => 'color', 'label' => __('Number background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'steps.activeColor', 'type' => 'color', 'label' => __('Number color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.activeBorder', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.activeLabel', 'type' => 'color', 'label' => __('Label color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Completed step', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Completed steps show from page 2 on. Use the page arrows above the preview.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'steps.doneBg', 'type' => 'color', 'label' => __('Number background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'steps.doneColor', 'type' => 'color', 'label' => __('Check color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.doneBorder', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steps.doneLabel', 'type' => 'color', 'label' => __('Label color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Step label', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'steplabel.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'steplabel.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'steplabel.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 24, 'unit' => 'px'),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'progressbar',
                'title'       => __('Progress bar', 'alpha-addons-for-gravity-forms'),
                'description' => __('Percentage progress bar for multi-page forms', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'progressBar',
                'requires'    => 'progressbar',
                'groups'      => array(
                    array(
                        'title'    => __('Title', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'progresstitle.hide', 'type' => 'toggle', 'label' => __('Hide title', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'progresstitle.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'progresstitle.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'progresstitle.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'progresstitle.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                            array('key' => 'progresstitle.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 40),
                        ),
                    ),
                    array(
                        'title'    => __('Track', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'progress.trackBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'progress.height', 'type' => 'range', 'label' => __('Height', 'alpha-addons-for-gravity-forms'), 'min' => 2, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'progress.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'progress.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 6, 'unit' => 'px'),
                            array('key' => 'progress.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Fill', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('The bar fills from page 2 on. Use the page arrows above the preview.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'progress.fillBg', 'type' => 'color', 'label' => __('Fill color', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array(
                                'key'     => 'progress.percent',
                                'type'    => 'segmented',
                                'label'   => __('Percentage text', 'alpha-addons-for-gravity-forms'),
                                'options' => array(
                                    array('value' => 'show', 'label' => __('Show', 'alpha-addons-for-gravity-forms')),
                                    array('value' => 'hide', 'label' => __('Hide', 'alpha-addons-for-gravity-forms')),
                                ),
                            ),
                            array('key' => 'progress.percentColor', 'type' => 'color', 'label' => __('Percentage color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'progress.percentSize', 'type' => 'range', 'label' => __('Percentage size', 'alpha-addons-for-gravity-forms'), 'min' => 9, 'max' => 20, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Spacing', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'progress.marginBottom', 'type' => 'range', 'label' => __('Space below', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 80, 'unit' => 'px'),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'labels',
                'title'       => __('Labels', 'alpha-addons-for-gravity-forms'),
                'description' => __('Field label text and required indicator', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'tag',
                'groups'      => array(
                    array(
                        'title'    => __('Visibility', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'label.hide', 'type' => 'toggle', 'label' => __('Hide field labels', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Typography', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'label.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'label.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'label.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 11, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'label.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                            array('key' => 'label.weight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'label.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                        ),
                    ),
                    array(
                        'title'    => __('Required indicator', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'required.color', 'type' => 'color', 'label' => __('Asterisk color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Spacing', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'label.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 40),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'sublabels',
                'title'       => __('Sub-labels', 'alpha-addons-for-gravity-forms'),
                'description' => __('Labels under name, address, date and other multi-input fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'captions',
                'groups'      => array(
                    array(
                        'title'    => __('Visibility', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'sublabel.hide', 'type' => 'toggle', 'label' => __('Hide sub-labels', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Typography', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'sublabel.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'sublabel.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'sublabel.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'sublabel.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                        ),
                    ),
                    array(
                        'title'    => __('Spacing', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'sublabel.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'descriptions',
                'title'       => __('Field description', 'alpha-addons-for-gravity-forms'),
                'description' => __('Help text shown with a field', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'fileText',
                'groups'      => array(
                    array(
                        'title'    => __('Visibility', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'fielddesc.hide', 'type' => 'toggle', 'label' => __('Hide field descriptions', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Typography', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'fielddesc.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'fielddesc.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'fielddesc.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'fielddesc.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                            array('key' => 'fielddesc.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                        ),
                    ),
                    array(
                        'title'    => __('Spacing', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'fielddesc.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'inputs',
                'title'       => __('Inputs', 'alpha-addons-for-gravity-forms'),
                'description' => __('Text fields, dropdowns and text areas', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'input',
                'groups'      => array(
                    array(
                        'title'    => __('Colors', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'input.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'input.color', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'input.placeholder', 'type' => 'color', 'label' => __('Placeholder', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Border', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'input.borderWidth', 'type' => 'range', 'label' => __('Border width', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 6, 'unit' => 'px'),
                            array('key' => 'input.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'input.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Size', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'input.fontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 11, 'max' => 24, 'unit' => 'px'),
                            array('key' => 'input.paddingY', 'type' => 'range', 'label' => __('Vertical padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 24, 'unit' => 'px'),
                            array('key' => 'input.paddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Focus state', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'input.focusColor', 'type' => 'color', 'label' => __('Focus color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'input.focusRing', 'type' => 'toggle', 'label' => __('Glow ring on focus', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'dropdowns',
                'title'       => __('Dropdowns', 'alpha-addons-for-gravity-forms'),
                'description' => __('Select fields. Unset options follow the Inputs section', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'chevronSquare',
                'groups'      => array(
                    array(
                        'title'    => __('Typography', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'select.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'select.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'select.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Box', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'select.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'select.maxWidth', 'type' => 'range', 'label' => __('Max width', 'alpha-addons-for-gravity-forms'), 'min' => 80, 'max' => 1000, 'step' => 5, 'unit' => 'px'),
                            array('key' => 'select.height', 'type' => 'range', 'label' => __('Height', 'alpha-addons-for-gravity-forms'), 'min' => 24, 'max' => 90, 'unit' => 'px'),
                            array('key' => 'select.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 8, 'unit' => 'px'),
                            array('key' => 'select.borderStyle', 'type' => 'select', 'label' => __('Border type', 'alpha-addons-for-gravity-forms'), 'options' => $border_styles),
                            array('key' => 'select.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'select.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Spacing', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'select.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                            array('key' => 'select.margin', 'type' => 'spacing', 'label' => __('Margin', 'alpha-addons-for-gravity-forms'), 'max' => 80),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'checkboxes',
                'title'       => __('Checkboxes', 'alpha-addons-for-gravity-forms'),
                'description' => __('Checkbox and consent fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'checkSquare',
                'groups'      => $choice_groups('checkbox'),
            ),
            array(
                'id'          => 'radios',
                'title'       => __('Radio buttons', 'alpha-addons-for-gravity-forms'),
                'description' => __('Radio button fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'circleDot',
                'groups'      => $choice_groups('radio'),
            ),
            array(
                'id'          => 'listfield',
                'title'       => __('List field', 'alpha-addons-for-gravity-forms'),
                'description' => __('Table, header, rows, buttons and totals of List fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'table',
                'requires'    => 'list',
                'groups'      => array(
                    array(
                        'title'    => __('Table', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Pick a design in the field’s “List Pro” settings; these options fine-tune it.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'list.accent', 'type' => 'color', 'label' => __('Accent color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'list.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 6, 'unit' => 'px'),
                            array('key' => 'list.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                            array('key' => 'list.shadow', 'type' => 'select', 'label' => __('Shadow', 'alpha-addons-for-gravity-forms'), 'options' => $shadows),
                        ),
                    ),
                    array(
                        'title'    => __('Column header', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'list.headStyle', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'list.headColor', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.headSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 24, 'unit' => 'px'),
                            array('key' => 'list.headWeight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'list.headBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                        ),
                    ),
                    array(
                        'title'    => __('Rows', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'list.rowBg', 'type' => 'color', 'label' => __('Row background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.rowAltBg', 'type' => 'color', 'label' => __('Alternate row background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.rowHoverBg', 'type' => 'color', 'label' => __('Hover background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.rowPadding', 'type' => 'spacing', 'label' => __('Row padding', 'alpha-addons-for-gravity-forms'), 'max' => 40),
                            array('key' => 'list.rowGap', 'type' => 'range', 'label' => __('Space between rows', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'list.cellGap', 'type' => 'range', 'label' => __('Space between columns', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 48, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Row numbers', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shown when “Show row numbers” is on in the field’s List Pro settings.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'list.numBg', 'type' => 'color', 'label' => __('Badge background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.numColor', 'type' => 'color', 'label' => __('Number color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Buttons', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'list.addBg', 'type' => 'color', 'label' => __('Add button background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'list.addColor', 'type' => 'color', 'label' => __('Add button color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.iconColor', 'type' => 'color', 'label' => __('Row icon color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.delColor', 'type' => 'color', 'label' => __('Remove hover color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.btnSize', 'type' => 'range', 'label' => __('Icon button size', 'alpha-addons-for-gravity-forms'), 'min' => 20, 'max' => 48, 'unit' => 'px'),
                            array('key' => 'list.btnRadius', 'type' => 'range', 'label' => __('Roundness', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 50, 'unit' => '%'),
                        ),
                    ),
                    array(
                        'title'    => __('Totals', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'list.totalBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'list.totalColor', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'list.totalSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 11, 'max' => 32, 'unit' => 'px'),
                            array('key' => 'list.totalWeight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'repeaterfield',
                'title'       => __('Repeater field', 'alpha-addons-for-gravity-forms'),
                'description' => __('Row card, row label and add/remove buttons of Repeater fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'layoutRows',
                'requires'    => 'repeater',
                'groups'      => array(
                    array(
                        'title'    => __('Row card', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'repeater.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'repeater.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 10, 'unit' => 'px'),
                            array('key' => 'repeater.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'repeater.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                            array('key' => 'repeater.shadow', 'type' => 'select', 'label' => __('Shadow', 'alpha-addons-for-gravity-forms'), 'options' => $shadows),
                            array('key' => 'repeater.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                            array('key' => 'repeater.rowGap', 'type' => 'range', 'label' => __('Space between rows', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 48, 'unit' => 'px'),
                            array('key' => 'repeater.fieldGap', 'type' => 'range', 'label' => __('Space between fields', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 64, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Row label', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('The "Row 1", "Row 2"… text set by the field’s Row Label option.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'repeaterlabel.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'repeaterlabel.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'repeaterlabel.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'repeaterlabel.weight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                        ),
                    ),
                    array(
                        'title'    => __('Add button', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'repeater.addBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'repeater.addColor', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'repeater.addHoverBg', 'type' => 'color', 'label' => __('Hover background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'repeater.addHoverColor', 'type' => 'color', 'label' => __('Hover text', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Remove button', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'repeater.removeBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'repeater.removeColor', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'repeater.removeHoverBg', 'type' => 'color', 'label' => __('Hover background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'repeater.removeHoverColor', 'type' => 'color', 'label' => __('Hover text', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Button style', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shared size and shape for both buttons.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'repeater.btnFontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 20, 'unit' => 'px'),
                            array('key' => 'repeater.btnWeight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'repeater.btnRadius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'repeater.btnPaddingY', 'type' => 'range', 'label' => __('Vertical padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 20, 'unit' => 'px'),
                            array('key' => 'repeater.btnPaddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Limit message', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shown when the field’s "Maximum Rows" option is set.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'repeater.maxMessageColor', 'type' => 'color', 'label' => __('Text color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'imagepicker',
                'title'       => __('Image picker', 'alpha-addons-for-gravity-forms'),
                'description' => __('Image choices, cards and choice text of Image Picker fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'image',
                'requires'    => 'imagepicker',
                'groups'      => array(
                    array(
                        'title'    => __('Colors', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Pick a design in the field’s Image Picker settings; these options fine-tune it.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'imgp.accent', 'type' => 'color', 'label' => __('Selected color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'imgp.imageBg', 'type' => 'color', 'label' => __('Image background', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Image', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'imgp.height', 'type' => 'range', 'label' => __('Image height', 'alpha-addons-for-gravity-forms'), 'min' => 40, 'max' => 500, 'step' => 5, 'unit' => 'px'),
                            array('key' => 'imgp.imageRadius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Choice card', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Applies to the Card, Polar, Box and Luma designs.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'imgp.cardBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'imgp.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 8, 'unit' => 'px'),
                            array('key' => 'imgp.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'imgp.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'imgp.shadow', 'type' => 'select', 'label' => __('Shadow', 'alpha-addons-for-gravity-forms'), 'options' => $shadows),
                            array('key' => 'imgp.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 40),
                        ),
                    ),
                    array(
                        'title'    => __('Choice text', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'imgp.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'imgp.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'imgp.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'imgp.weight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'imgp.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                        ),
                    ),
                    array(
                        'title'    => __('Layout', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'imgp.rowGap', 'type' => 'range', 'label' => __('Space between rows', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 80, 'unit' => 'px'),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'qrcode',
                'title'       => __('QR code', 'alpha-addons-for-gravity-forms'),
                'description' => __('QR Code field card, caption, download and scan buttons', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'qrCode',
                'requires'    => 'qrcode',
                'groups'      => array(
                    array(
                        'title'    => __('Colors', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Used by the download and scan buttons.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qr.accent', 'type' => 'color', 'label' => __('Button color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qr.accentText', 'type' => 'color', 'label' => __('Button text', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Code card', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qr.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                            array('key' => 'qr.cardBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'qr.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 8, 'unit' => 'px'),
                            array('key' => 'qr.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qr.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'qr.shadow', 'type' => 'select', 'label' => __('Shadow', 'alpha-addons-for-gravity-forms'), 'options' => $shadows),
                            array('key' => 'qr.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                            array('key' => 'qr.codeRadius', 'type' => 'range', 'label' => __('Code corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Caption', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qrcaption.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'qrcaption.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrcaption.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 24, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Download button', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qr.btnSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 20, 'unit' => 'px'),
                            array('key' => 'qr.btnRadius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'qr.btnPaddingY', 'type' => 'range', 'label' => __('Vertical padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 20, 'unit' => 'px'),
                            array('key' => 'qr.btnPaddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Scan button', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shown on fields with the QR & Barcode Scanner turned on.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qr.scanBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qr.scanColor', 'type' => 'color', 'label' => __('Icon & text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qr.scanRadius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Scanner close button', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('In the camera window that opens from the scan button.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qrclose.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrclose.color', 'type' => 'color', 'label' => __('Icon color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrclose.hoverBg', 'type' => 'color', 'label' => __('Hover background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrclose.hoverColor', 'type' => 'color', 'label' => __('Hover icon color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrclose.size', 'type' => 'range', 'label' => __('Size', 'alpha-addons-for-gravity-forms'), 'min' => 24, 'max' => 56, 'unit' => 'px'),
                            array('key' => 'qrclose.radius', 'type' => 'range', 'label' => __('Roundness', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 50, 'unit' => '%'),
                        ),
                    ),
                    array(
                        'title'    => __('Scanner "Try again" button', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shown when the camera can’t start.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'qrretry.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'qrretry.color', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrretry.hoverBg', 'type' => 'color', 'label' => __('Hover background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'qrretry.hoverColor', 'type' => 'color', 'label' => __('Hover text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'qrretry.fontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 20, 'unit' => 'px'),
                            array('key' => 'qrretry.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'qrretry.paddingY', 'type' => 'range', 'label' => __('Vertical padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 24, 'unit' => 'px'),
                            array('key' => 'qrretry.paddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'emailverify',
                'title'       => __('Email verification', 'alpha-addons-for-gravity-forms'),
                'description' => __('Send and verify buttons, code boxes and status of Email Verification fields', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'mailCheck',
                'requires'    => 'emailverify',
                'groups'      => array(
                    array(
                        'title'    => __('Colors', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'ev.accent', 'type' => 'color', 'label' => __('Accent color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'ev.success', 'type' => 'color', 'label' => __('Verified color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'ev.danger', 'type' => 'color', 'label' => __('Error color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Send button', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'ev.sendBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'ev.sendColor', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'ev.sendBorder', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Verify button', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shown after the code is sent.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'ev.verifyBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'ev.verifyColor', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Button style', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Shared size and shape for both buttons.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'ev.btnFontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 20, 'unit' => 'px'),
                            array('key' => 'ev.btnWeight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'ev.btnRadius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'ev.btnPaddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Code input', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'ev.boxBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'ev.boxColor', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'ev.boxBorder', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'ev.boxRadius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 32, 'unit' => 'px'),
                            array('key' => 'ev.boxSize', 'type' => 'range', 'label' => __('Box size', 'alpha-addons-for-gravity-forms'), 'min' => 28, 'max' => 72, 'unit' => 'px'),
                            array('key' => 'ev.boxGap', 'type' => 'range', 'label' => __('Space between boxes', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 24, 'unit' => 'px'),
                        ),
                    ),
                    array(
                        'title'    => __('Help text', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('The hint, "sent to" line and resend timer.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'evtext.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'evtext.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'evtext.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 22, 'unit' => 'px'),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'sectionbreak',
                'title'       => __('Section break', 'alpha-addons-for-gravity-forms'),
                'description' => __('Section title, description and divider', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'section',
                'groups'      => array(
                    array(
                        'title'    => __('Section title', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'sectiontitle.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'sectiontitle.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'sectiontitle.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 12, 'max' => 48, 'unit' => 'px'),
                            array('key' => 'sectiontitle.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                            array('key' => 'sectiontitle.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                            array('key' => 'sectiontitle.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'sectiontitle.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                        ),
                    ),
                    array(
                        'title'    => __('Section description', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'sectiondesc.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'sectiondesc.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'sectiondesc.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'sectiondesc.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                            array('key' => 'sectiondesc.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                            array('key' => 'sectiondesc.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'sectiondesc.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 60),
                        ),
                    ),
                    array(
                        'title'    => __('Section box', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'section.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 80),
                            array('key' => 'section.dividerWidth', 'type' => 'range', 'label' => __('Divider size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 8, 'unit' => 'px'),
                            array('key' => 'section.dividerColor', 'type' => 'color', 'label' => __('Divider color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'errors',
                'title'       => __('Error messages', 'alpha-addons-for-gravity-forms'),
                'description' => __('Validation summary and field errors', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'alert',
                'groups'      => array(
                    array(
                        'title'    => __('Summary typography', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('The preview switches to “Errors” while this section is open.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'error.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'error.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'error.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 32, 'unit' => 'px'),
                            array('key' => 'error.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                            array('key' => 'error.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                        ),
                    ),
                    array(
                        'title'    => __('Summary box', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'error.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'error.maxWidth', 'type' => 'range', 'label' => __('Max width', 'alpha-addons-for-gravity-forms'), 'min' => 200, 'max' => 1200, 'step' => 10, 'unit' => 'px'),
                            array('key' => 'error.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 10, 'unit' => 'px'),
                            array('key' => 'error.borderStyle', 'type' => 'select', 'label' => __('Border type', 'alpha-addons-for-gravity-forms'), 'options' => $border_styles),
                            array('key' => 'error.border', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'error.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'error.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 80),
                        ),
                    ),
                    array(
                        'title'    => __('Field errors', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'fielderror.color', 'type' => 'color', 'label' => __('Message color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'fielderror.size', 'type' => 'range', 'label' => __('Message font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 24, 'unit' => 'px'),
                            array('key' => 'fielderror.label', 'type' => 'color', 'label' => __('Label color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'fielderror.border', 'type' => 'color', 'label' => __('Input border color', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'buttons',
                'title'       => __('Buttons', 'alpha-addons-for-gravity-forms'),
                'description' => __('Submit, next and previous buttons', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'pointer',
                'groups'      => array(
                    array(
                        'title'    => __('Submit button', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'button.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'button.color', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'button.fontSize', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 11, 'max' => 24, 'unit' => 'px'),
                            array('key' => 'button.weight', 'type' => 'select', 'label' => __('Weight', 'alpha-addons-for-gravity-forms'), 'options' => $weights),
                            array('key' => 'button.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 8, 'unit' => 'px'),
                            array('key' => 'button.borderColor', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'button.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'button.paddingY', 'type' => 'range', 'label' => __('Vertical padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 28, 'unit' => 'px'),
                            array('key' => 'button.paddingX', 'type' => 'range', 'label' => __('Horizontal padding', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 64, 'unit' => 'px'),
                            array('key' => 'button.shadow', 'type' => 'select', 'label' => __('Shadow', 'alpha-addons-for-gravity-forms'), 'options' => $shadows),
                        ),
                    ),
                    array(
                        'title'    => __('Submit button hover', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'button.hoverBg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'button.hoverColor', 'type' => 'color', 'label' => __('Text', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                    array(
                        'title'    => __('Next button', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Multi-page forms only. Inherits the submit button style; change any option to override it.', 'alpha-addons-for-gravity-forms'),
                        'controls' => $page_button_controls('next'),
                    ),
                    array(
                        'title'    => __('Previous button', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('Multi-page forms only. Inherits the submit button style; change any option to override it.', 'alpha-addons-for-gravity-forms'),
                        'controls' => $page_button_controls('prev'),
                    ),
                    array(
                        'title'    => __('Layout', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array(
                                'key'     => 'button.width',
                                'type'    => 'segmented',
                                'label'   => __('Width', 'alpha-addons-for-gravity-forms'),
                                'options' => array(
                                    array('value' => 'auto', 'label' => __('Auto', 'alpha-addons-for-gravity-forms')),
                                    array('value' => 'full', 'label' => __('Full width', 'alpha-addons-for-gravity-forms')),
                                ),
                            ),
                            array(
                                'key'     => 'button.align',
                                'type'    => 'segmented',
                                'label'   => __('Alignment', 'alpha-addons-for-gravity-forms'),
                                'options' => array_merge($align, array(
                                    array('value' => 'between', 'label' => __('Space between', 'alpha-addons-for-gravity-forms'), 'icon' => 'spaceBetween'),
                                    array('value' => 'around', 'label' => __('Space around', 'alpha-addons-for-gravity-forms'), 'icon' => 'spaceAround'),
                                    array('value' => 'evenly', 'label' => __('Space evenly', 'alpha-addons-for-gravity-forms'), 'icon' => 'spaceEvenly'),
                                )),
                                'block'   => true,
                            ),
                            array('key' => 'button.reverse', 'type' => 'toggle', 'label' => __('Reverse button order', 'alpha-addons-for-gravity-forms')),
                        ),
                    ),
                ),
            ),
            array(
                'id'          => 'confirmation',
                'title'       => __('Confirmation', 'alpha-addons-for-gravity-forms'),
                'description' => __('Success message shown after submitting', 'alpha-addons-for-gravity-forms'),
                'icon'        => 'checkCircle',
                'groups'      => array(
                    array(
                        'title'    => __('Typography', 'alpha-addons-for-gravity-forms'),
                        'hint'     => __('The preview switches to “Success” while this section is open.', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'success.style', 'type' => 'textstyle', 'label' => __('Font style', 'alpha-addons-for-gravity-forms'), 'options' => $text_styles),
                            array('key' => 'success.color', 'type' => 'color', 'label' => __('Font color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'success.size', 'type' => 'range', 'label' => __('Font size', 'alpha-addons-for-gravity-forms'), 'min' => 10, 'max' => 36, 'unit' => 'px'),
                            array('key' => 'success.lineHeight', 'type' => 'range', 'label' => __('Line height', 'alpha-addons-for-gravity-forms'), 'min' => 0.8, 'max' => 3, 'step' => 0.05, 'unit' => ''),
                            array('key' => 'success.align', 'type' => 'segmented', 'label' => __('Alignment', 'alpha-addons-for-gravity-forms'), 'options' => $align),
                        ),
                    ),
                    array(
                        'title'    => __('Message box', 'alpha-addons-for-gravity-forms'),
                        'controls' => array(
                            array('key' => 'success.bg', 'type' => 'color', 'label' => __('Background', 'alpha-addons-for-gravity-forms'), 'gradient' => true),
                            array('key' => 'success.borderWidth', 'type' => 'range', 'label' => __('Border size', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 10, 'unit' => 'px'),
                            array('key' => 'success.borderStyle', 'type' => 'select', 'label' => __('Border type', 'alpha-addons-for-gravity-forms'), 'options' => $border_styles),
                            array('key' => 'success.border', 'type' => 'color', 'label' => __('Border color', 'alpha-addons-for-gravity-forms')),
                            array('key' => 'success.radius', 'type' => 'range', 'label' => __('Corner radius', 'alpha-addons-for-gravity-forms'), 'min' => 0, 'max' => 40, 'unit' => 'px'),
                            array('key' => 'success.padding', 'type' => 'spacing', 'label' => __('Padding', 'alpha-addons-for-gravity-forms'), 'max' => 80),
                        ),
                    ),
                ),
            ),
        );

        /**
         * Filter the sidebar sections. Each control key maps to a CSS rule; extensions add their rules through
         * window.AlphaStylesCSS (see js/editor.js). A control with 'responsive' => false keeps one value on all devices.
         *
         * @param array $schema
         */
        return apply_filters('alphagf_styles_schema', $schema);
    }

    public static function get_presets() {
        return array(
            array(
                'id'     => 'default',
                'name'   => __('Theme default', 'alpha-addons-for-gravity-forms'),
                'values' => (object) array(),
            ),
            array(
                'id'     => 'aurora',
                'name'   => __('Aurora', 'alpha-addons-for-gravity-forms'),
                'values' => array(
                    'container.bg' => '#ffffff', 'container.padding' => 40, 'container.radius' => 24, 'container.shadow' => 'lg', 'container.font' => 'plus-jakarta-sans', 'container.fieldGap' => 22,
                    'title.color' => '#1e1b4b', 'title.size' => 30, 'title.weight' => '800', 'desc.color' => '#6b7280',
                    'label.color' => '#312e81', 'label.weight' => '600', 'required.color' => '#7c3aed', 'sublabel.color' => '#6b7280', 'fielddesc.color' => '#6b7280',
                    'input.bg' => '#f5f3ff', 'input.borderWidth' => 1, 'input.borderColor' => '#e4defc', 'input.radius' => 14, 'input.paddingY' => 12, 'input.paddingX' => 16, 'input.color' => '#1e1b4b', 'input.placeholder' => '#a5a1c9', 'input.focusColor' => '#7c3aed', 'input.focusRing' => true,
                    'checkbox.accent' => '#7c3aed', 'radio.accent' => '#7c3aed', 'list.accent' => '#7c3aed',
                    'button.bg' => 'linear-gradient(135deg, #6d28d9 0%, #a855f7 100%)', 'button.hoverBg' => 'linear-gradient(135deg, #5b21b6 0%, #9333ea 100%)', 'button.color' => '#ffffff', 'button.radius' => 999, 'button.paddingY' => 14, 'button.paddingX' => 32, 'button.weight' => '700', 'button.shadow' => 'md',
                    'success.bg' => '#f5f3ff', 'success.color' => '#4c1d95', 'success.border' => '#ddd6fe',
                ),
            ),
            array(
                'id'     => 'minimal',
                'name'   => __('Minimal', 'alpha-addons-for-gravity-forms'),
                'values' => array(
                    'container.bg' => '#ffffff', 'container.padding' => 32, 'container.radius' => 8, 'container.borderWidth' => 1, 'container.borderColor' => '#e5e7eb', 'container.shadow' => 'none', 'container.font' => 'inter',
                    'title.color' => '#111827', 'title.size' => 24, 'title.weight' => '600', 'desc.color' => '#6b7280',
                    'label.color' => '#111827', 'label.weight' => '500', 'label.size' => 14,
                    'input.bg' => '#ffffff', 'input.borderWidth' => 1, 'input.borderColor' => '#d1d5db', 'input.radius' => 6, 'input.focusColor' => '#111827', 'input.focusRing' => false,
                    'checkbox.accent' => '#111827', 'radio.accent' => '#111827', 'list.accent' => '#111827',
                    'button.bg' => '#111827', 'button.hoverBg' => '#374151', 'button.color' => '#ffffff', 'button.radius' => 6, 'button.paddingY' => 12, 'button.paddingX' => 24, 'button.weight' => '500',
                ),
            ),
            array(
                'id'     => 'midnight',
                'name'   => __('Midnight', 'alpha-addons-for-gravity-forms'),
                'values' => array(
                    'container.bg' => '#0f172a', 'container.padding' => 40, 'container.radius' => 20, 'container.shadow' => 'xl', 'container.font' => 'dm-sans',
                    'title.color' => '#f8fafc', 'title.size' => 28, 'title.weight' => '700', 'desc.color' => '#94a3b8',
                    'label.color' => '#e2e8f0', 'label.weight' => '500', 'required.color' => '#38bdf8', 'sublabel.color' => '#94a3b8', 'fielddesc.color' => '#94a3b8',
                    'input.bg' => '#1e293b', 'input.color' => '#f1f5f9', 'input.placeholder' => '#64748b', 'input.borderWidth' => 1, 'input.borderColor' => '#334155', 'input.radius' => 12, 'input.paddingY' => 12, 'input.paddingX' => 14, 'input.focusColor' => '#38bdf8', 'input.focusRing' => true,
                    'checkbox.accent' => '#38bdf8', 'radio.accent' => '#38bdf8', 'list.accent' => '#38bdf8', 'list.borderColor' => '#334155', 'list.rowHoverBg' => 'rgba(56, 189, 248, 0.06)', 'checkbox.color' => '#e2e8f0', 'radio.color' => '#e2e8f0',
                    'button.bg' => '#38bdf8', 'button.hoverBg' => '#7dd3fc', 'button.color' => '#0f172a', 'button.radius' => 12, 'button.paddingY' => 14, 'button.paddingX' => 28, 'button.weight' => '700',
                    'error.color' => '#fca5a5', 'error.bg' => '#3f1d2b', 'error.border' => '#f87171', 'fielderror.color' => '#fca5a5', 'fielderror.border' => '#f87171',
                    'success.bg' => '#0c4a6e', 'success.color' => '#e0f2fe', 'success.border' => '#0369a1',
                ),
            ),
            array(
                'id'     => 'sunset',
                'name'   => __('Sunset', 'alpha-addons-for-gravity-forms'),
                'values' => array(
                    'container.bg' => '#fff7ed', 'container.padding' => 36, 'container.radius' => 18, 'container.borderWidth' => 1, 'container.borderColor' => '#fed7aa', 'container.shadow' => 'md', 'container.font' => 'poppins',
                    'title.color' => '#7c2d12', 'title.weight' => '700', 'desc.color' => '#9a3412',
                    'label.color' => '#7c2d12', 'label.weight' => '600', 'required.color' => '#ea580c',
                    'input.bg' => '#ffffff', 'input.borderWidth' => 2, 'input.borderColor' => '#fed7aa', 'input.radius' => 12, 'input.paddingY' => 11, 'input.paddingX' => 14, 'input.focusColor' => '#f97316', 'input.focusRing' => true,
                    'checkbox.accent' => '#f97316', 'radio.accent' => '#f97316', 'list.accent' => '#f97316',
                    'button.bg' => 'linear-gradient(135deg, #f97316 0%, #ef4444 100%)', 'button.hoverBg' => 'linear-gradient(135deg, #ea580c 0%, #dc2626 100%)', 'button.color' => '#ffffff', 'button.radius' => 12, 'button.paddingY' => 14, 'button.paddingX' => 30, 'button.weight' => '600', 'button.shadow' => 'md',
                ),
            ),
            array(
                'id'     => 'corporate',
                'name'   => __('Corporate', 'alpha-addons-for-gravity-forms'),
                'values' => array(
                    'container.bg' => '#ffffff', 'container.padding' => 32, 'container.radius' => 10, 'container.borderWidth' => 1, 'container.borderColor' => '#e2e8f0', 'container.shadow' => 'sm', 'container.font' => 'roboto',
                    'title.color' => '#0f172a', 'title.size' => 26, 'title.weight' => '700', 'desc.color' => '#475569',
                    'label.color' => '#334155', 'label.weight' => '600', 'label.size' => 14, 'required.color' => '#dc2626',
                    'input.bg' => '#f8fafc', 'input.borderWidth' => 1, 'input.borderColor' => '#cbd5e1', 'input.radius' => 4, 'input.focusColor' => '#2563eb', 'input.focusRing' => true,
                    'checkbox.accent' => '#2563eb', 'radio.accent' => '#2563eb', 'list.accent' => '#2563eb',
                    'button.bg' => '#2563eb', 'button.hoverBg' => '#1d4ed8', 'button.color' => '#ffffff', 'button.radius' => 4, 'button.paddingY' => 12, 'button.paddingX' => 28, 'button.weight' => '600',
                ),
            ),
            array(
                'id'     => 'mint',
                'name'   => __('Mint', 'alpha-addons-for-gravity-forms'),
                'values' => array(
                    'container.bg' => '#f0fdf4', 'container.padding' => 36, 'container.radius' => 16, 'container.shadow' => 'none', 'container.borderWidth' => 1, 'container.borderColor' => '#bbf7d0', 'container.font' => 'nunito',
                    'title.color' => '#064e3b', 'title.weight' => '800', 'desc.color' => '#047857',
                    'label.color' => '#065f46', 'label.weight' => '700', 'required.color' => '#10b981',
                    'input.bg' => '#ffffff', 'input.borderWidth' => 1, 'input.borderColor' => '#a7f3d0', 'input.radius' => 10, 'input.paddingY' => 11, 'input.paddingX' => 14, 'input.focusColor' => '#10b981', 'input.focusRing' => true,
                    'checkbox.accent' => '#10b981', 'radio.accent' => '#10b981', 'list.accent' => '#10b981',
                    'button.bg' => '#10b981', 'button.hoverBg' => '#059669', 'button.color' => '#ffffff', 'button.radius' => 10, 'button.paddingY' => 13, 'button.paddingX' => 28, 'button.weight' => '700', 'button.width' => 'full',
                ),
            ),
        );
    }

    private static function get_i18n() {
        return array(
            'brand'            => __('Alpha Styles', 'alpha-addons-for-gravity-forms'),
            'back'             => __('Back to form', 'alpha-addons-for-gravity-forms'),
            'design'           => __('Design', 'alpha-addons-for-gravity-forms'),
            'themes'           => __('Themes', 'alpha-addons-for-gravity-forms'),
            'search'           => __('Search settings…', 'alpha-addons-for-gravity-forms'),
            'noResults'        => __('No settings match your search.', 'alpha-addons-for-gravity-forms'),
            'presets'          => __('Presets', 'alpha-addons-for-gravity-forms'),
            'myThemes'         => __('My themes', 'alpha-addons-for-gravity-forms'),
            'noThemes'         => __('Save your current design as a theme to reuse it on any form.', 'alpha-addons-for-gravity-forms'),
            'apply'            => __('Apply', 'alpha-addons-for-gravity-forms'),
            /* translators: %s: theme name. */
            'applied'          => __('Applied “%s”', 'alpha-addons-for-gravity-forms'),
            'undo'             => __('Undo', 'alpha-addons-for-gravity-forms'),
            'redo'             => __('Redo', 'alpha-addons-for-gravity-forms'),
            'reset'            => __('Reset all', 'alpha-addons-for-gravity-forms'),
            'resetSection'     => __('Reset section', 'alpha-addons-for-gravity-forms'),
            'resetConfirm'     => __('Reset every style back to the theme default?', 'alpha-addons-for-gravity-forms'),
            'resetDone'        => __('Styles reset', 'alpha-addons-for-gravity-forms'),
            'save'             => __('Save', 'alpha-addons-for-gravity-forms'),
            'saving'           => __('Saving…', 'alpha-addons-for-gravity-forms'),
            'saved'            => __('Saved', 'alpha-addons-for-gravity-forms'),
            'savedToast'       => __('Styles saved for this form', 'alpha-addons-for-gravity-forms'),
            'unsaved'          => __('Unsaved changes', 'alpha-addons-for-gravity-forms'),
            'upToDate'         => __('All changes saved', 'alpha-addons-for-gravity-forms'),
            'saveTheme'        => __('Save as theme', 'alpha-addons-for-gravity-forms'),
            'saveThemeTitle'   => __('Save as theme', 'alpha-addons-for-gravity-forms'),
            'saveThemeDesc'    => __('Saved themes appear in the Themes tab and can be applied to any form.', 'alpha-addons-for-gravity-forms'),
            'themeName'        => __('Theme name', 'alpha-addons-for-gravity-forms'),
            'themeNamePh'      => __('e.g. Brand Blue', 'alpha-addons-for-gravity-forms'),
            /* translators: %s: theme name. */
            'themeSaved'       => __('Theme “%s” saved', 'alpha-addons-for-gravity-forms'),
            /* translators: %s: theme name. */
            'themeUpdated'     => __('Theme “%s” updated', 'alpha-addons-for-gravity-forms'),
            'themeDeleted'     => __('Theme deleted', 'alpha-addons-for-gravity-forms'),
            'renameTheme'      => __('Rename theme', 'alpha-addons-for-gravity-forms'),
            'rename'           => __('Rename', 'alpha-addons-for-gravity-forms'),
            'updateTheme'      => __('Update with current design', 'alpha-addons-for-gravity-forms'),
            'deleteTheme'      => __('Delete theme', 'alpha-addons-for-gravity-forms'),
            /* translators: %s: theme name. */
            'deleteConfirm'    => __('Delete the theme “%s”? Forms already using its styles keep them.', 'alpha-addons-for-gravity-forms'),
            'delete'           => __('Delete', 'alpha-addons-for-gravity-forms'),
            'cancel'           => __('Cancel', 'alpha-addons-for-gravity-forms'),
            'confirm'          => __('Confirm', 'alpha-addons-for-gravity-forms'),
            'desktop'          => __('Desktop', 'alpha-addons-for-gravity-forms'),
            'tablet'           => __('Tablet', 'alpha-addons-for-gravity-forms'),
            'mobile'           => __('Mobile', 'alpha-addons-for-gravity-forms'),
            'stateForm'        => __('Form', 'alpha-addons-for-gravity-forms'),
            'stateErrors'      => __('Errors', 'alpha-addons-for-gravity-forms'),
            'stateSuccess'     => __('Success', 'alpha-addons-for-gravity-forms'),
            'previewState'     => __('Preview state', 'alpha-addons-for-gravity-forms'),
            'device'           => __('Device', 'alpha-addons-for-gravity-forms'),
            'switchForm'       => __('Switch form', 'alpha-addons-for-gravity-forms'),
            'searchForms'      => __('Search forms…', 'alpha-addons-for-gravity-forms'),
            /* translators: 1: current page number, 2: total pages. */
            'pageOf'           => __('Page %1$s of %2$s', 'alpha-addons-for-gravity-forms'),
            'prevPage'         => __('Previous page', 'alpha-addons-for-gravity-forms'),
            'nextPage'         => __('Next page', 'alpha-addons-for-gravity-forms'),
            'noForms'          => __('No forms match your search.', 'alpha-addons-for-gravity-forms'),
            'yourForms'        => __('Your forms', 'alpha-addons-for-gravity-forms'),
            'current'          => __('Current', 'alpha-addons-for-gravity-forms'),
            'default'          => __('Default', 'alpha-addons-for-gravity-forms'),
            'clear'            => __('Clear', 'alpha-addons-for-gravity-forms'),
            'on'               => __('On', 'alpha-addons-for-gravity-forms'),
            'off'              => __('Off', 'alpha-addons-for-gravity-forms'),
            'submitBlocked'    => __('Submissions are disabled in the style preview.', 'alpha-addons-for-gravity-forms'),
            'errorGeneric'     => __('Something went wrong. Please try again.', 'alpha-addons-for-gravity-forms'),
            'leaveWarning'     => __('You have unsaved changes.', 'alpha-addons-for-gravity-forms'),
            'errorSummary'     => __('There was a problem with your submission. Please review the fields below.', 'alpha-addons-for-gravity-forms'),
            'errorField'       => __('This field is required.', 'alpha-addons-for-gravity-forms'),
            'successMessage'   => __('Thanks for contacting us! We will get in touch with you shortly.', 'alpha-addons-for-gravity-forms'),
            'shortcuts'        => __('Ctrl/⌘ + S to save · Ctrl/⌘ + Z to undo', 'alpha-addons-for-gravity-forms'),
            /* translators: %s: device name, e.g. Tablet. */
            'editingDevice'    => __('Editing %s styles', 'alpha-addons-for-gravity-forms'),
            'tabletHint'       => __('Sizes, spacing and layout changes apply to screens 1024px and smaller. Colors and fonts are shared.', 'alpha-addons-for-gravity-forms'),
            'mobileHint'       => __('Sizes, spacing and layout changes apply to screens 767px and smaller. Colors and fonts are shared.', 'alpha-addons-for-gravity-forms'),
            'backToDesktop'    => __('Back to desktop', 'alpha-addons-for-gravity-forms'),
            'choiceLayout'     => __('Choice layout', 'alpha-addons-for-gravity-forms'),
            'layoutField'      => __('Field', 'alpha-addons-for-gravity-forms'),
            'layout'           => __('Layout', 'alpha-addons-for-gravity-forms'),
            'vertical'         => __('Vertical', 'alpha-addons-for-gravity-forms'),
            'horizontal'       => __('Horizontal', 'alpha-addons-for-gravity-forms'),
            'columns'          => __('Columns', 'alpha-addons-for-gravity-forms'),
            'columnCount'      => __('Number of columns', 'alpha-addons-for-gravity-forms'),
            'columnFlow'       => __('Column flow', 'alpha-addons-for-gravity-forms'),
            'across'           => __('Across', 'alpha-addons-for-gravity-forms'),
            'down'             => __('Down', 'alpha-addons-for-gravity-forms'),
            'layoutHint'       => __('Desktop layout is saved to this field’s “Choice Layout” setting in Gravity Forms. Tablet and mobile layouts are added on top.', 'alpha-addons-for-gravity-forms'),
            'imgpFields'       => __('Field settings', 'alpha-addons-for-gravity-forms'),
            'imgpHint'         => __('Saved to the field’s Image Picker settings in Gravity Forms. Sizes of 0 use the design default.', 'alpha-addons-for-gravity-forms'),
            /* translators: %s: current form-level setting value. */
            'imgpInherit'      => __('Use form setting (%s)', 'alpha-addons-for-gravity-forms'),
            'imgpTheme'        => __('Design', 'alpha-addons-for-gravity-forms'),
            'imgpImageStyle'   => __('Image style', 'alpha-addons-for-gravity-forms'),
            'imgpAlignment'    => __('Alignment', 'alpha-addons-for-gravity-forms'),
            'imgpColumns'      => __('Columns', 'alpha-addons-for-gravity-forms'),
            'imgpWidth'        => __('Choice width', 'alpha-addons-for-gravity-forms'),
            'imgpHeight'       => __('Image height', 'alpha-addons-for-gravity-forms'),
            'imgpCardWidth'    => __('Card width', 'alpha-addons-for-gravity-forms'),
            'imgpQuantity'     => __('Plus/minus buttons', 'alpha-addons-for-gravity-forms'),
            'imgpQuantityHint' => __('Plus/minus buttons show in the preview after saving.', 'alpha-addons-for-gravity-forms'),
            'responsiveTip'    => __('This option can be different per device', 'alpha-addons-for-gravity-forms'),
            'gradientHint'     => __('Gradients are supported, e.g. linear-gradient(135deg, #6d28d9, #a855f7)', 'alpha-addons-for-gravity-forms'),
            'menu'             => __('More actions', 'alpha-addons-for-gravity-forms'),
            'toggleSidebar'    => __('Toggle panel', 'alpha-addons-for-gravity-forms'),
            'loading'          => __('Loading preview…', 'alpha-addons-for-gravity-forms'),
            'top'              => __('Top', 'alpha-addons-for-gravity-forms'),
            'right'            => __('Right', 'alpha-addons-for-gravity-forms'),
            'bottom'           => __('Bottom', 'alpha-addons-for-gravity-forms'),
            'left'             => __('Left', 'alpha-addons-for-gravity-forms'),
            'linkSides'        => __('Use the same value for all sides', 'alpha-addons-for-gravity-forms'),
            'parts'            => array(
                'button'       => __('Submit button', 'alpha-addons-for-gravity-forms'),
                'error'        => __('Error summary', 'alpha-addons-for-gravity-forms'),
                'confirmation' => __('Confirmation', 'alpha-addons-for-gravity-forms'),
                'next'         => __('Next button', 'alpha-addons-for-gravity-forms'),
                'prev'         => __('Previous button', 'alpha-addons-for-gravity-forms'),
                'fielderror'   => __('Field error', 'alpha-addons-for-gravity-forms'),
                'title'        => __('Form title', 'alpha-addons-for-gravity-forms'),
                'description'  => __('Description', 'alpha-addons-for-gravity-forms'),
                'label'        => __('Label', 'alpha-addons-for-gravity-forms'),
                'sublabel'     => __('Sub-label', 'alpha-addons-for-gravity-forms'),
                'fielddesc'    => __('Field description', 'alpha-addons-for-gravity-forms'),
                'steps'        => __('Progress steps', 'alpha-addons-for-gravity-forms'),
                'progressTitle' => __('Progress title', 'alpha-addons-for-gravity-forms'),
                'progressBar'  => __('Progress bar', 'alpha-addons-for-gravity-forms'),
                'stepNumber'   => __('Step number', 'alpha-addons-for-gravity-forms'),
                'stepLabel'    => __('Step label', 'alpha-addons-for-gravity-forms'),
                'stepActive'   => __('Active step', 'alpha-addons-for-gravity-forms'),
                'stepDone'     => __('Completed step', 'alpha-addons-for-gravity-forms'),
                'sectiontitle' => __('Section title', 'alpha-addons-for-gravity-forms'),
                'sectiondesc'  => __('Section description', 'alpha-addons-for-gravity-forms'),
                'section'      => __('Section break', 'alpha-addons-for-gravity-forms'),
                'checkbox'     => __('Checkbox', 'alpha-addons-for-gravity-forms'),
                'radio'        => __('Radio button', 'alpha-addons-for-gravity-forms'),
                'select'       => __('Dropdown', 'alpha-addons-for-gravity-forms'),
                'list'         => __('List field', 'alpha-addons-for-gravity-forms'),
                'listHeader'   => __('List header', 'alpha-addons-for-gravity-forms'),
                'listButtons'  => __('List buttons', 'alpha-addons-for-gravity-forms'),
                'listTotals'   => __('List totals', 'alpha-addons-for-gravity-forms'),
                'repeater'       => __('Repeater row', 'alpha-addons-for-gravity-forms'),
                'repeaterLabel'  => __('Row label', 'alpha-addons-for-gravity-forms'),
                'repeaterButtons' => __('Repeater buttons', 'alpha-addons-for-gravity-forms'),
                'imagePicker'  => __('Image choice', 'alpha-addons-for-gravity-forms'),
                'qrcode'       => __('QR code', 'alpha-addons-for-gravity-forms'),
                'qrScan'       => __('Scan button', 'alpha-addons-for-gravity-forms'),
                'qrClose'      => __('Scanner close button', 'alpha-addons-for-gravity-forms'),
                'qrRetry'      => __('Try again button', 'alpha-addons-for-gravity-forms'),
                'emailVerify'  => __('Email verification', 'alpha-addons-for-gravity-forms'),
                'input'       => __('Input', 'alpha-addons-for-gravity-forms'),
                'container'    => __('Form container', 'alpha-addons-for-gravity-forms'),
            ),
        );
    }
}