<?php // $file = /home/bluedoor/www/dev/wp-content/plugins/fs-teaser/includes/element/fs_teaser/element.json

return [
  '@import' => $filter->apply('path', './element.php', $file), 
  'name' => 'teaser', 
  'title' => 'Teaser', 
  'group' => 'Flart Studio', 
  'icon' => $filter->apply('url', 'images/icon.svg', $file), 
  'iconSmall' => $filter->apply('url', 'images/iconSmall.svg', $file), 
  'element' => true, 
  'container' => true, 
  'width' => 500, 
  'defaults' => [
    'show_hover_image' => false, 
    'show_image' => true, 
    'show_title' => true, 
    'show_meta' => true, 
    'show_link' => true, 
    'show_attrs_image' => true, 
    'show_attrs_title' => true, 
    'show_attrs_value' => true, 
    'show_attrs_link' => true, 
    'show_content' => true, 
    'show_attrs' => false, 
    'show_price' => true, 
    'show_old_price' => true, 
    'show_currency' => true, 
    'show_label' => true, 
    'show_slider' => false, 
    'show_filter' => false, 
    'show_lightbox' => false, 
    'show_rating' => false, 
    'grid_default' => '1', 
    'grid_column_align' => false, 
    'grid_row_align' => false, 
    'grid_row_gap' => 'small', 
    'leader_fill' => true, 
    'leader_character' => '.', 
    'leader_size' => 'large', 
    'title_style' => 'text-lead', 
    'title_color' => '', 
    'title_margin' => 'remove', 
    'title_hover_style' => 'reset', 
    'title_element' => 'div', 
    'meta_style' => 'meta', 
    'meta_position' => 'below-title', 
    'meta_margin' => 'remove', 
    'meta_element' => 'div', 
    'content_margin' => 'remove', 
    'content_color' => '', 
    'content_limit' => false, 
    'content_show_modal' => false, 
    'content_remove_html' => false, 
    'content_column_breakpoint' => 'm', 
    'price_style' => 'text-lead', 
    'price_color' => '', 
    'price_margin' => 'remove', 
    'price_position' => 'default', 
    'price_old_color' => 'muted', 
    'price_old_decoration' => true, 
    'price_old_align' => 'before', 
    'price_old_position' => '', 
    'price_old_style' => '', 
    'price_old_show_currency' => true, 
    'icon_width' => 30, 
    'image_align' => 'left', 
    'image_grid_width' => '1-4', 
    'image_grid_breakpoint' => '', 
    'image_svg_color' => 'emphasis', 
    'image_vertical_align' => true, 
    'image_horizontal_align' => false, 
    'image_grid_column_gap' => 'small', 
    'image_grid_column_row' => 'small', 
    'image_transition' => '', 
    'attrs_grid_margin' => '', 
    'attrs_dividers' => false, 
    'attrs_image_width' => 80, 
    'attrs_icon_width' => 22, 
    'attrs_image_align' => 'left', 
    'attrs_image_grid_width' => 'auto', 
    'attrs_image_grid_breakpoint' => '', 
    'attrs_image_svg_color' => 'emphasis', 
    'attrs_image_vertical_align' => true, 
    'attrs_image_grid_column_gap' => 'small', 
    'attrs_image_grid_column_row' => 'small', 
    'attrs_image_margin' => '', 
    'attrs_grid_default' => '1', 
    'attrs_grid_column_align' => false, 
    'attrs_grid_row_align' => true, 
    'attrs_grid_row_gap' => 'small', 
    'label_position_left' => '0', 
    'label_position_right' => '', 
    'label_position_bottom' => '', 
    'label_position_top' => '20', 
    'label_position' => 'after-title', 
    'label_size' => 'small', 
    'label_origin' => 'left', 
    'label_radius' => '', 
    'link_button' => true, 
    'link_text' => 'Read more', 
    'link_style' => 'default', 
    'link_icon_color' => 'primary', 
    'slider_gap' => 'default', 
    'slider_autoplay_pause' => true, 
    'nav' => 'dotnav', 
    'nav_align' => 'center', 
    'nav_breakpoint' => 's', 
    'slidenav' => 'default', 
    'slidenav_hover' => true, 
    'slidenav_margin' => 'medium', 
    'slidenav_breakpoint' => 's', 
    'slidenav_outside_breakpoint' => 'xl', 
    'lightbox_show_caption' => true, 
    'lightbox_show_caption_title' => true, 
    'lightbox_show_caption_title_style' => 'h4', 
    'lightbox_show_caption_content' => true, 
    'lightbox_show_caption_content_style' => '', 
    'lightbox_show_caption_content_limit' => false, 
    'lightbox_show_caption_content_remove_html' => false, 
    'filter_style' => 'tab', 
    'filter_all' => true, 
    'filter_position' => 'top', 
    'filter_align' => 'left', 
    'filter_grid_width' => 'auto', 
    'filter_grid_breakpoint' => 'm', 
    'margin' => 'default', 
    'item_animation' => true
  ], 
  'placeholder' => [
    'children' => [[
        'type' => 'teaser_item', 
        'props' => []
      ], [
        'type' => 'teaser_item', 
        'props' => []
      ], [
        'type' => 'teaser_item', 
        'props' => []
      ]]
  ], 
  'templates' => [
    'render' => $filter->apply('path', './templates/template.php', $file), 
    'content' => $filter->apply('path', './templates/content.php', $file)
  ], 
  'fields' => [
    'content' => [
      'label' => 'Items', 
      'type' => 'content-items', 
      'title' => 'title', 
      'item' => 'teaser_item', 
      'media' => [
        'type' => 'image', 
        'item' => [
          'image' => 'src'
        ]
      ]
    ], 
    'show_title' => [
      'label' => 'Content', 
      'type' => 'checkbox', 
      'text' => 'Show the title'
    ], 
    'show_meta' => [
      'type' => 'checkbox', 
      'text' => 'Show the meta'
    ], 
    'show_content' => [
      'type' => 'checkbox', 
      'text' => 'Show the content'
    ], 
    'show_attrs' => [
      'label' => 'Attributes', 
      'type' => 'checkbox', 
      'text' => 'Show the attributes'
    ], 
    'show_attrs_image' => [
      'type' => 'checkbox', 
      'text' => 'Show the attributes image', 
      'enable' => 'show_attrs'
    ], 
    'show_attrs_title' => [
      'type' => 'checkbox', 
      'text' => 'Show the attributes title', 
      'enable' => 'show_attrs'
    ], 
    'show_attrs_value' => [
      'type' => 'checkbox', 
      'text' => 'Show the attributes value', 
      'enable' => 'show_attrs'
    ], 
    'show_attrs_link' => [
      'description' => 'Show or hide content fields without the need to delete the content itself.', 
      'type' => 'checkbox', 
      'text' => 'Show the attributes link', 
      'enable' => 'show_attrs && (show_attrs_title || show_attrs_value || show_attrs_image)'
    ], 
    'show_price' => [
      'type' => 'checkbox', 
      'text' => 'Show the price'
    ], 
    'show_old_price' => [
      'type' => 'checkbox', 
      'text' => 'Show the old price', 
      'enable' => 'show_price'
    ], 
    'show_currency' => [
      'type' => 'checkbox', 
      'text' => 'Show the currency symbol', 
      'enable' => 'show_price'
    ], 
    'show_label' => [
      'type' => 'checkbox', 
      'text' => 'Show the label'
    ], 
    'show_image' => [
      'type' => 'checkbox', 
      'text' => 'Show the image'
    ], 
    'show_hover_image' => [
      'type' => 'checkbox', 
      'text' => 'Show the overlay image', 
      'enable' => 'show_image'
    ], 
    'show_link' => [
      'description' => 'Show or hide content fields without the need to delete the content itself.', 
      'type' => 'checkbox', 
      'text' => 'Show the link'
    ], 
    'show_slider' => [
      'label' => 'Modules', 
      'type' => 'checkbox', 
      'text' => 'Enable the slider', 
      'enable' => '!attrs_grid_slider'
    ], 
    'show_filter' => [
      'type' => 'checkbox', 
      'text' => 'Enable filter navigation'
    ], 
    'show_lightbox' => [
      'type' => 'checkbox', 
      'text' => 'Enable lightbox gallery', 
      'enable' => 'show_image'
    ], 
    'show_rating' => [
      'description' => 'Enable or disable additional modules.', 
      'type' => 'checkbox', 
      'text' => 'Enable star rating'
    ], 
    'leader_align' => [
      'label' => 'Vertical Align', 
      'description' => 'Adjust vertical align of leader and price.', 
      'default' => 'middle', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Bottom' => 'bottom', 
        'Middle' => 'middle'
      ], 
      'enable' => 'leader_fill && price_position == \'default\''
    ], 
    'leader_character' => [
      'label' => 'Fill character', 
      'description' => 'Select the fill character for leader.', 
      'type' => 'select', 
      'options' => [
        'Dots' => '.', 
        'Dashes' => '-', 
        'Underscore' => '_'
      ], 
      'enable' => 'leader_fill && price_position == \'default\''
    ], 
    'leader_fill' => [
      'type' => 'checkbox', 
      'text' => 'Fill leader with a characters', 
      'enable' => 'price_position == \'default\''
    ], 
    'title_limit' => [
      'label' => 'Limit Title', 
      'description' => 'Limit title output', 
      'type' => 'checkbox', 
      'text' => 'Yes'
    ], 
    'title_limit_length' => [
      'label' => 'Characters', 
      'description' => 'Set the characters limit for title. Note: all HTML code will be removed.', 
      'default' => '80', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 500, 
        'step' => 1, 
        'placeholder' => '80'
      ], 
      'enable' => 'title_limit'
    ], 
    'title_style' => [
      'label' => 'Style', 
      'description' => 'Title styles differ in font-size but may also come with a predefined color, size and font.', 
      'default' => 'text-lead', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        '2Xlarge' => 'heading-2xlarge', 
        'XLarge' => 'heading-xlarge', 
        'Large' => 'heading-large', 
        'Medium' => 'heading-medium', 
        'Small' => 'heading-small', 
        'Lead' => 'text-lead', 
        'H1' => 'h1', 
        'H2' => 'h2', 
        'H3' => 'h3', 
        'H4' => 'h4', 
        'H5' => 'h5', 
        'H6' => 'h6'
      ]
    ], 
    'title_link' => [
      'label' => 'Link', 
      'description' => 'Link the title if a link exists.', 
      'type' => 'checkbox', 
      'text' => 'Link title', 
      'enable' => 'show_link'
    ], 
    'title_hover_style' => [
      'label' => 'Hover Style', 
      'description' => 'Set the hover style for a linked title.', 
      'type' => 'select', 
      'options' => [
        'None' => 'reset', 
        'Heading Link' => 'heading', 
        'Default Link' => ''
      ], 
      'enable' => 'show_link && (title_link || panel_link)'
    ], 
    'title_decoration' => [
      'label' => 'Decoration', 
      'description' => 'Decorate the title with a bullet that is vertically centered to the heading.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Bullet' => 'bullet', 
        'Divider' => 'divider'
      ]
    ], 
    'title_font_family' => [
      'label' => 'Font Family', 
      'description' => 'Select an alternative font family.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Default' => 'default', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Tertiary' => 'tertiary'
      ]
    ], 
    'title_color' => [
      'label' => 'Color', 
      'description' => 'Select the text color. If the Background option is selected, styles that don\'t apply a background image use the primary color instead.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger', 
        'Background' => 'background'
      ]
    ], 
    'title_remove_html' => [
      'label' => 'HTML Markup', 
      'description' => 'Removes Content HTML markup', 
      'type' => 'checkbox', 
      'text' => 'Remove', 
      'enable' => '!title_limit'
    ], 
    'title_element' => [
      'label' => 'HTML Element', 
      'description' => 'Choose one of the six heading elements to fit your semantic structure.', 
      'type' => 'select', 
      'options' => [
        'H1' => 'h1', 
        'H2' => 'h2', 
        'H3' => 'h3', 
        'H4' => 'h4', 
        'H5' => 'h5', 
        'H6' => 'h6', 
        'div' => 'div'
      ]
    ], 
    'title_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ]
    ], 
    'meta_limit' => [
      'label' => 'Limit Meta', 
      'description' => 'Limit meta output', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_meta'
    ], 
    'meta_limit_length' => [
      'label' => 'Characters', 
      'description' => 'Set the characters limit for meta text. Note: all HTML code will be removed.', 
      'default' => '80', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 500, 
        'step' => 1, 
        'placeholder' => '80'
      ], 
      'enable' => 'show_meta && meta_limit'
    ], 
    'meta_style' => [
      'label' => 'Style', 
      'description' => 'Select a predefined meta text style, including color, size and font-family.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Meta' => 'meta', 
        'Small' => 'text-small', 
        'Lead' => 'text-lead', 
        'H3' => 'h3', 
        'H4' => 'h4', 
        'H5' => 'h5', 
        'H6' => 'h6'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_color' => [
      'label' => 'Color', 
      'description' => 'Select the text color.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_decoration' => [
      'label' => 'Decoration', 
      'description' => 'Decorate the meta with a divider, bullet that is vertically centered to the heading.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Bullet' => 'bullet', 
        'Divider' => 'divider'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_position' => [
      'label' => 'Alignment', 
      'description' => 'Align the meta text.', 
      'type' => 'select', 
      'options' => [
        'Above Title' => 'above-title', 
        'Below Title' => 'below-title', 
        'Below Content' => 'below-content'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_remove_html' => [
      'label' => 'HTML Markup', 
      'description' => 'Removes Content HTML markup', 
      'type' => 'checkbox', 
      'text' => 'Remove', 
      'enable' => 'show_meta && !meta_limit'
    ], 
    'meta_element' => [
      'label' => 'HTML Element', 
      'description' => 'Choose one of the six heading elements to fit your semantic structure.', 
      'type' => 'select', 
      'options' => [
        'H1' => 'h1', 
        'H2' => 'h2', 
        'H3' => 'h3', 
        'H4' => 'h4', 
        'H5' => 'h5', 
        'H6' => 'h6', 
        'div' => 'div'
      ]
    ], 
    'meta_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'default' => 'remove', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_meta'
    ], 
    'label_size' => [
      'label' => 'Size', 
      'description' => 'Please select label size. Large size aviable only when label position is setted to absolute.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Large' => 'large'
      ], 
      'enable' => 'show_label'
    ], 
    'label_position' => [
      'label' => 'Position', 
      'description' => 'Please select label position.', 
      'type' => 'select', 
      'options' => [
        'Absolute' => 'absolute', 
        'Before Title' => 'before-title', 
        'After Title' => 'after-title', 
        'Above Title' => 'above-title', 
        'Below Title' => 'below-title', 
        'Below Content' => 'below-content'
      ], 
      'enable' => 'show_label'
    ], 
    'label_origin' => [
      'label' => 'Absolute Origin', 
      'description' => 'Please select label origin. Please select Label Position = Absolute, to activate this feature.', 
      'type' => 'select', 
      'default' => 'left', 
      'options' => [
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'show_label && label_position == \'absolute\' && !label_rotate', 
      'show' => 'show_label && label_position == \'absolute\''
    ], 
    'label_position_top' => [
      'label' => 'Top', 
      'description' => 'Label position Left. Please select Label Position = Absolute, and remove Bottom value to activate this feature.', 
      'type' => 'range', 
      'default' => '20', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_label && label_position == \'absolute\' && !label_position_bottom', 
      'show' => 'show_label && label_position == \'absolute\''
    ], 
    'label_position_left' => [
      'label' => 'Left', 
      'description' => 'Label position Left. Please select Label Position = Absolute, and remove Right value to activate this feature.', 
      'type' => 'range', 
      'default' => '0', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_label && label_position == \'absolute\' && !label_position_right', 
      'show' => 'show_label && label_position == \'absolute\''
    ], 
    'label_position_bottom' => [
      'label' => 'Bottom', 
      'description' => 'Label position Bottom. Please select Label Position = Absolute, and remove Top value to activate this feature.', 
      'type' => 'range', 
      'default' => '', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_label && label_position == \'absolute\' && !label_position_top', 
      'show' => 'show_label && label_position == \'absolute\''
    ], 
    'label_position_right' => [
      'label' => 'Right', 
      'description' => 'Label position right. Please select Label Position = Absolute, and remove Left value to activate this feature.', 
      'type' => 'range', 
      'default' => '', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_label && label_position == \'absolute\' && !label_position_left', 
      'show' => 'show_label && label_position == \'absolute\''
    ], 
    'label_radius' => [
      'label' => 'Border Radius', 
      'description' => 'Adjust Border Radius value.', 
      'type' => 'range', 
      'default' => '0', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 100, 
        'step' => 1
      ], 
      'enable' => 'show_label'
    ], 
    'label_rotate' => [
      'label' => 'Label Rotate', 
      'description' => 'Rotate option on absolute position.', 
      'default' => '', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        '90 Deg' => '90', 
        '-90 Deg' => '-90'
      ], 
      'enable' => 'show_label && label_position == \'absolute\'', 
      'show' => 'show_label && label_position == \'absolute\''
    ], 
    'label_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'default' => 'small', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_label && label_position != \'absolute\'  && label_position != \'before-title\' && label_position != \'after-title\''
    ], 
    'label_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_label'
    ], 
    'price_position' => [
      'label' => 'Position', 
      'description' => 'Select the price position.', 
      'type' => 'select', 
      'default' => 'default', 
      'options' => [
        'Leader' => 'default', 
        'Above Title' => 'above-title', 
        'Below Title' => 'below-title', 
        'Above Content' => 'above-content', 
        'Below Content' => 'below-content', 
        'Above Attributes' => 'above-attrs', 
        'Below Attributes' => 'below-attrs'
      ], 
      'enable' => 'show_price'
    ], 
    'price_position_breakpoint' => [
      'label' => 'Grid Breakpoint', 
      'description' => 'Set the breakpoint from which grid items will stack. To unlock please disable leader fill.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l'
      ], 
      'enable' => 'show_price && price_position == \'default\' && !leader_fill', 
      'show' => 'show_price && price_position == \'default\''
    ], 
    'price_style' => [
      'label' => 'Style', 
      'description' => 'Select a predefined price style.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Meta' => 'meta', 
        '2Xlarge' => 'heading-2xlarge', 
        'XLarge' => 'heading-xlarge', 
        'Large' => 'heading-large', 
        'Medium' => 'heading-medium', 
        'Small' => 'heading-small', 
        'Lead' => 'text-lead', 
        'H1' => 'h1', 
        'H2' => 'h2', 
        'H3' => 'h3', 
        'H4' => 'h4', 
        'H5' => 'h5', 
        'H6' => 'h6'
      ], 
      'enable' => 'show_price'
    ], 
    'price_font_weight' => [
      'label' => 'Font Weight', 
      'description' => 'Select a predefined font-weight for price.', 
      'default' => '400', 
      'type' => 'select', 
      'options' => [
        'Thin' => '100', 
        'Light' => '300', 
        'Default' => '400', 
        'Medium' => '500', 
        'Bold' => '700', 
        'Black' => '900'
      ], 
      'enable' => 'show_price'
    ], 
    'price_color' => [
      'label' => 'Color', 
      'description' => 'Select the price color.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_price'
    ], 
    'currency_font_size' => [
      'label' => 'Currency Size', 
      'description' => 'Adjust currency symbol font-size.', 
      'type' => 'range', 
      'default' => '12', 
      'attrs' => [
        'placeholder' => '16', 
        'min' => 10, 
        'max' => 40, 
        'step' => 1
      ], 
      'enable' => 'show_currency'
    ], 
    'currency_color' => [
      'label' => 'Currency Color', 
      'description' => 'Select the currency symbol color.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_currency'
    ], 
    'currency_position' => [
      'label' => 'Currency Position', 
      'description' => 'Select the currency symbol position.', 
      'type' => 'select', 
      'default' => 'left', 
      'options' => [
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'show_currency'
    ], 
    'price_currency_vertical_align' => [
      'label' => 'Currency Vertical Align', 
      'description' => 'Select the currency symbol vertical position.', 
      'default' => 'unset', 
      'type' => 'select', 
      'options' => [
        'Unset' => 'unset', 
        'Baseline' => 'baseline', 
        'Top' => 'top', 
        'Bottom' => 'bottom', 
        'Sub' => 'sub', 
        'Super' => 'super'
      ], 
      'enable' => 'show_currency && show_price'
    ], 
    'price_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'type' => 'select', 
      'default' => 'remove', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_price && price_position !=\'default\''
    ], 
    'price_old_padding' => [
      'label' => 'Padding', 
      'description' => 'Adjust old price gap.', 
      'type' => 'range', 
      'default' => '5', 
      'attrs' => [
        'placeholder' => '5', 
        'min' => 3, 
        'max' => 100, 
        'step' => 1
      ], 
      'enable' => 'show_old_price && !price_old_position'
    ], 
    'price_old_align' => [
      'label' => 'Align', 
      'description' => 'Select the old price position.', 
      'type' => 'select', 
      'default' => 'before', 
      'options' => [
        'Before Price' => 'before', 
        'After Price' => 'after'
      ], 
      'enable' => 'show_old_price && !price_old_position'
    ], 
    'price_old_position' => [
      'label' => 'Position', 
      'description' => 'Select the old price position.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'Default' => '', 
        'Above Price' => 'above', 
        'Below Price' => 'below'
      ], 
      'enable' => 'show_old_price && price_position != \'default\''
    ], 
    'price_old_style' => [
      'label' => 'Style', 
      'description' => 'Select a predefined old price style.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Lead' => 'text-lead', 
        'Meta' => 'meta', 
        'Small' => 'text-small'
      ], 
      'enable' => 'show_old_price'
    ], 
    'price_old_color' => [
      'label' => 'Color', 
      'description' => 'Select the old price color.', 
      'type' => 'select', 
      'default' => 'muted', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_old_price'
    ], 
    'price_old_decoration' => [
      'label' => 'Decoration', 
      'description' => 'Add line through decoration to old price', 
      'type' => 'checkbox', 
      'text' => 'Line Through', 
      'enable' => 'show_old_price'
    ], 
    'price_old_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'type' => 'select', 
      'default' => 'remove', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_old_price && price_position !=\'default\' && price_old_position == \'above\' || price_old_position == \'below\''
    ], 
    'price_old_show_currency' => [
      'label' => 'Currency Symbol', 
      'description' => 'Show or hide currency symbol for old price.', 
      'type' => 'checkbox', 
      'text' => 'Show', 
      'enable' => 'show_old_price && show_currency'
    ], 
    'price_old_currency_font_size' => [
      'label' => 'Currency Size', 
      'description' => 'Adjust currency symbol font-size.', 
      'type' => 'range', 
      'default' => '12', 
      'attrs' => [
        'placeholder' => '16', 
        'min' => 10, 
        'max' => 40, 
        'step' => 1
      ], 
      'enable' => 'show_currency && show_old_price && price_old_show_currency', 
      'show' => 'show_currency && show_old_price && price_old_show_currency'
    ], 
    'price_old_currency_color' => [
      'label' => 'Currency Color', 
      'description' => 'Select the currency symbol color.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_currency && show_old_price && price_old_show_currency', 
      'show' => 'show_currency && show_old_price && price_old_show_currency'
    ], 
    'price_old_currency_position' => [
      'label' => 'Currency Position', 
      'description' => 'Select the currency symbol position.', 
      'type' => 'select', 
      'default' => 'left', 
      'options' => [
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'show_currency && show_old_price && price_old_show_currency', 
      'show' => 'show_currency && show_old_price && price_old_show_currency'
    ], 
    'price_old_currency_vertical_align' => [
      'label' => 'Currency Vertical Align', 
      'description' => 'Select the currency symbol vertical position.', 
      'default' => 'unset', 
      'type' => 'select', 
      'options' => [
        'Unset' => 'unset', 
        'Baseline' => 'baseline', 
        'Top' => 'top', 
        'Bottom' => 'bottom', 
        'Sub' => 'sub', 
        'Super' => 'super'
      ], 
      'enable' => 'show_currency && show_old_price && price_old_show_currency', 
      'show' => 'show_currency && show_old_price && price_old_show_currency'
    ], 
    'content_position' => [
      'label' => 'Position', 
      'description' => 'Select the content position. Locked when attributes position is set to above title', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'Default' => '', 
        'Below Attributes' => 'below-attrs'
      ], 
      'enable' => 'show_content && !attrs_position'
    ], 
    'content_style' => [
      'label' => 'Style', 
      'description' => 'Select a predefined text style, including color, size and font-family.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Lead' => 'lead', 
        'Bold' => 'bold', 
        'Muted' => 'muted', 
        'Small' => 'small'
      ], 
      'enable' => 'show_content'
    ], 
    'content_color' => [
      'label' => 'Color', 
      'description' => 'Set the content color.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_content'
    ], 
    'content_limit' => [
      'label' => 'Limit Content', 
      'description' => 'Limit content output', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_content'
    ], 
    'content_limit_length' => [
      'label' => 'Characters', 
      'description' => 'Set the characters limit for content. Note: all HTML code will be removed from display but still be available in the modal.', 
      'default' => '80', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 500, 
        'step' => 1, 
        'placeholder' => '80'
      ], 
      'enable' => 'show_content && content_limit'
    ], 
    'content_align' => [
      'label' => 'Alignment', 
      'type' => 'checkbox', 
      'text' => 'Force left alignment', 
      'enable' => 'show_content'
    ], 
    'content_dropcap' => [
      'label' => 'Drop Cap', 
      'description' => 'Display the first letter of the paragraph as a large initial.', 
      'type' => 'checkbox', 
      'text' => 'Enable drop cap', 
      'enable' => 'show_content'
    ], 
    'content_remove_html' => [
      'label' => 'HTML Markup', 
      'description' => 'Removes Content HTML markup', 
      'type' => 'checkbox', 
      'text' => 'Remove', 
      'enable' => 'show_content && !content_limit'
    ], 
    'content_show_modal' => [
      'label' => 'Modal Content', 
      'description' => 'Show or hide content with modal link enabled', 
      'type' => 'checkbox', 
      'text' => 'Show', 
      'enable' => 'show_content'
    ], 
    'content_column' => [
      'label' => 'Columns', 
      'description' => 'Set the number of text columns.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Halves' => '1-2', 
        'Thirds' => '1-3', 
        'Quarters' => '1-4', 
        'Fifths' => '1-5', 
        'Sixths' => '1-6'
      ], 
      'enable' => 'show_content'
    ], 
    'content_column_divider' => [
      'description' => 'Show a divider between text columns.', 
      'type' => 'checkbox', 
      'text' => 'Show dividers', 
      'enable' => 'show_content && content_column'
    ], 
    'content_column_breakpoint' => [
      'label' => 'Columns Breakpoint', 
      'description' => 'Set the device width from which the text columns should apply.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'show_content && content_column'
    ], 
    'content_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'type' => 'select', 
      'default' => 'remove', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'None' => 'remove'
      ], 
      'enable' => 'show_content'
    ], 
    'content_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_content'
    ], 
    'attrs_grid_column_gap' => [
      'label' => 'Column Gap', 
      'description' => 'Set the size of the gap between the grid columns.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_grid_row_gap' => [
      'label' => 'Row Gap', 
      'description' => 'Set the size of the gap between the grid rows.', 
      'type' => 'select', 
      'default' => 'small', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_grid_divider' => [
      'label' => 'Divider', 
      'description' => 'Show a divider between grid columns.', 
      'type' => 'checkbox', 
      'text' => 'Show dividers', 
      'enable' => 'show_attrs && attrs_grid_column_gap != \'collapse\' && attrs_grid_row_gap != \'collapse\''
    ], 
    'attrs_grid_column_align' => [
      'label' => 'Alignment', 
      'description' => 'This option will be disabled when the slider is enabled.', 
      'type' => 'checkbox', 
      'text' => 'Center columns', 
      'enable' => 'show_attrs'
    ], 
    'attrs_grid_row_align' => [
      'description' => 'Center grid columns horizontally and rows vertically. This option will be disabled when the slider is enabled.', 
      'type' => 'checkbox', 
      'text' => 'Center rows', 
      'enable' => 'show_attrs'
    ], 
    'attrs_grid_slider' => [
      'label' => 'Slider', 
      'description' => 'This option will be disabled when yo are using slider layout in the element. Locked when enabled attributes block alignment.', 
      'type' => 'checkbox', 
      'text' => 'Enable', 
      'enable' => '!show_slider && !attrs_container_align'
    ], 
    'attrs_grid_default' => [
      'label' => 'Phone Portrait', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size. Locked when attributes block align is enabled.', 
      'type' => 'select', 
      'options' => [
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ], 
      'enable' => 'show_attrs && !attrs_container_align'
    ], 
    'attrs_grid_small' => [
      'label' => 'Phone Landscape', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size. Locked when attributes block align is enabled.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ], 
      'enable' => 'show_attrs && !attrs_container_align'
    ], 
    'attrs_grid_medium' => [
      'label' => 'Tablet Landscape', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size. Locked when attributes block align is enabled.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ], 
      'enable' => 'show_attrs && !attrs_container_align'
    ], 
    'attrs_grid_large' => [
      'label' => 'Desktop', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size. Locked when attributes block align is enabled.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ], 
      'enable' => 'show_attrs && !attrs_container_align'
    ], 
    'attrs_grid_xlarge' => [
      'label' => 'Large Screens', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size. Locked when attributes block align is enabled.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ], 
      'enable' => 'show_attrs && !attrs_container_align'
    ], 
    'attrs_position' => [
      'label' => 'Position', 
      'description' => 'Select the attributes position.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'Default' => '', 
        'Above Title' => 'above-title'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_style' => [
      'label' => 'Style', 
      'description' => 'Select a predefined text style, including color, size and font-family.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Lead' => 'lead', 
        'Bold' => 'bold', 
        'Muted' => 'muted', 
        'Small' => 'small'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_color' => [
      'label' => 'Color', 
      'description' => 'Set the text color.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_title_colon' => [
      'label' => 'Colon After Title', 
      'description' => 'Display colon symbol after title.', 
      'type' => 'checkbox', 
      'text' => 'Show', 
      'enable' => 'show_attrs && show_attrs_title && show_attrs_value'
    ], 
    'attrs_grid_margin' => [
      'label' => 'Block Margin Top', 
      'description' => 'Set the top margin for attributes block. Note that the margin will only apply if the content field immediately follows another content field.', 
      'default' => '', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_content_margin' => [
      'label' => 'Text Margin Top', 
      'description' => 'Set the top margin for attributes text when image align = Top.', 
      'type' => 'range', 
      'default' => '10', 
      'attrs' => [
        'placeholder' => '5', 
        'min' => 0, 
        'max' => 40, 
        'step' => 1
      ], 
      'enable' => 'show_attrs && attrs_image_align == \'top\''
    ], 
    'attrs_text_align' => [
      'label' => 'Text Alignment', 
      'description' => 'Center, left and right alignment may depend on a breakpoint and require a fallback.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Left' => 'left', 
        'Center' => 'center', 
        'Right' => 'right', 
        'Justify' => 'justify'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_text_align_breakpoint' => [
      'label' => 'Text Alignment Breakpoint', 
      'description' => 'Define the device width from which the alignment will apply.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'show_attrs && attrs_text_align && attrs_text_align != \'justify\''
    ], 
    'attrs_text_align_fallback' => [
      'label' => 'Text Alignment Fallback', 
      'description' => 'Define an alignment fallback for device widths below the breakpoint.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Left' => 'left', 
        'Center' => 'center', 
        'Right' => 'right', 
        'Justify' => 'justify'
      ], 
      'enable' => 'show_attrs && attrs_text_align && attrs_text_align != \'justify\' && attrs_text_align_breakpoint'
    ], 
    'attrs_container_align' => [
      'label' => 'Block Alignment', 
      'description' => 'Align the attributes block to the right and center. If this option is enabled then column width-1-1 will be applied to the attributes items. Locked when enabled attributes slider.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'None' => '', 
        'Right' => 'right', 
        'Center' => 'center'
      ], 
      'enable' => 'show_attrs && !attrs_grid_slider'
    ], 
    'attrs_container_align_breakpoint' => [
      'label' => 'Block Alignment Breakpoint', 
      'description' => 'Define the device width from which the alignment will apply. Locked when enabled attributes slider.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'show_attrs && attrs_container_align && !attrs_grid_slider'
    ], 
    'attrs_container_align_fallback' => [
      'label' => 'Block Alignment Fallback', 
      'description' => 'Define an alignment fallback for device widths below the breakpoint. Locked when enabled attributes slider.', 
      'type' => 'select', 
      'options' => [
        'Left' => 'left', 
        'Center' => 'center', 
        'Right' => 'right', 
        'Reset' => 'reset'
      ], 
      'enable' => 'show_attrs && attrs_container_align && attrs_container_align_breakpoint && !attrs_grid_slider'
    ], 
    'attrs_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_attrs'
    ], 
    'attrs_image_width' => [
      'attrs' => [
        'placeholder' => 'auto'
      ], 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_image_height' => [
      'attrs' => [
        'placeholder' => 'auto'
      ], 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_image_border' => [
      'label' => 'Border', 
      'description' => 'Select the image\'s border style.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Rounded' => 'rounded', 
        'Circle' => 'circle', 
        'Pill' => 'pill'
      ], 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_icon_width' => [
      'label' => 'Icon Width', 
      'description' => 'Set the icon width.', 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_icon_color' => [
      'label' => 'Icon Color', 
      'description' => 'Set the icon color.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_image_align' => [
      'label' => 'Alignment', 
      'description' => 'Align the image to the top, left, right or place it between the title and the content.', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_image_grid_width' => [
      'label' => 'Grid Width', 
      'description' => 'Define the width of the image within the grid. Choose between percent and fixed widths or expand columns to the width of their content.', 
      'type' => 'select', 
      'options' => [
        'Auto' => 'auto', 
        '80%' => '4-5', 
        '75%' => '3-4', 
        '66%' => '2-3', 
        '60%' => '3-5', 
        '50%' => '1-2', 
        '40%' => '2-5', 
        '33%' => '1-3', 
        '25%' => '1-4', 
        '20%' => '1-5', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        '2X-Large' => '2xlarge'
      ], 
      'enable' => 'show_attrs && show_attrs_image && (attrs_image_align == \'left\' || attrs_image_align == \'right\')'
    ], 
    'attrs_image_grid_column_gap' => [
      'label' => 'Grid Column Gap', 
      'description' => 'Set the size of the gap between the image and the content.', 
      'type' => 'select', 
      'default' => 'small', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_attrs && show_attrs_image && (attrs_image_align == \'left\' || attrs_image_align == \'right\')'
    ], 
    'attrs_image_grid_row_gap' => [
      'label' => 'Grid Row Gap', 
      'description' => 'Set the size of the gap if the grid items stack.', 
      'type' => 'select', 
      'default' => 'small', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_attrs && show_attrs_image && (attrs_image_align == \'left\' || attrs_image_align == \'right\')'
    ], 
    'attrs_image_grid_breakpoint' => [
      'label' => 'Grid Breakpoint', 
      'description' => 'Set the breakpoint from which grid items will stack.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l'
      ], 
      'enable' => 'show_attrs && show_attrs_image && (attrs_image_align == \'left\' || attrs_image_align == \'right\')'
    ], 
    'attrs_image_vertical_align' => [
      'label' => 'Vertical Alignment', 
      'description' => 'Vertically center grid items. ', 
      'type' => 'checkbox', 
      'text' => 'Center', 
      'enable' => 'show_attrs && show_attrs_image && (attrs_image_align == \'left\' || attrs_image_align == \'right\')'
    ], 
    'attrs_image_svg_inline' => [
      'label' => 'Inline SVG', 
      'description' => 'Inject SVG images into the page markup, so that they can easily be styled with CSS.', 
      'type' => 'checkbox', 
      'text' => 'Make SVG stylable with CSS', 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_image_svg_animate' => [
      'type' => 'checkbox', 
      'text' => 'Animate strokes', 
      'enable' => 'show_attrs && show_attrs_image && attrs_image_svg_inline'
    ], 
    'attrs_image_svg_color' => [
      'label' => 'SVG Color', 
      'description' => 'Select the SVG color. It will only apply to supported elements defined in the SVG.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_attrs && show_attrs_image && attrs_image_svg_inline'
    ], 
    'attrs_image_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_attrs && show_attrs_image && attrs_image_align == \'top\''
    ], 
    'attrs_image_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_attrs && show_attrs_image'
    ], 
    'attrs_link_style' => [
      'label' => 'Style', 
      'description' => 'This option doesn\'t apply unless a URL has been added to the item.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Text' => 'text', 
        'Heading' => 'heading', 
        'Reset' => 'reset'
      ], 
      'enable' => 'show_attrs && show_attrs_link'
    ], 
    'image_width' => [
      'attrs' => [
        'placeholder' => 'auto'
      ], 
      'enable' => 'show_image'
    ], 
    'image_height' => [
      'attrs' => [
        'placeholder' => 'auto'
      ], 
      'enable' => 'show_image'
    ], 
    'image_loading' => [
      'label' => 'Loading', 
      'description' => 'By default, images are loaded lazy. Enable eager loading for images in the initial viewport.', 
      'type' => 'checkbox', 
      'text' => 'Load image eagerly', 
      'enable' => 'show_image'
    ], 
    'image_border' => [
      'label' => 'Border', 
      'description' => 'Select the image\'s border style.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Rounded' => 'rounded', 
        'Circle' => 'circle', 
        'Pill' => 'pill'
      ], 
      'enable' => 'show_image && (!panel_style || (panel_style && (!panel_card_image || image_align == \'between\')))'
    ], 
    'image_box_shadow' => [
      'label' => 'Box Shadow', 
      'description' => 'Select the image\'s box shadow size.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge'
      ], 
      'enable' => 'show_image && !panel_style'
    ], 
    'image_box_decoration' => [
      'label' => 'Box Decoration', 
      'description' => 'Select the image\'s box decoration style. Note: The Mask option is not supported by all styles and may have no visible effect.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Default' => 'default', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Floating Shadow' => 'shadow', 
        'Mask' => 'mask'
      ], 
      'enable' => 'show_image && !panel_style'
    ], 
    'image_box_decoration_inverse' => [
      'type' => 'checkbox', 
      'text' => 'Inverse style', 
      'enable' => 'show_image && !panel_style && $match(image_box_decoration, \'^(default|primary|secondary)$\')'
    ], 
    'image_link' => [
      'label' => 'Link', 
      'description' => 'Link the image if a link exists.', 
      'type' => 'checkbox', 
      'text' => 'Link image', 
      'enable' => 'show_image && show_link'
    ], 
    'image_transition' => [
      'label' => 'Hover Transition', 
      'default' => '', 
      'description' => 'Set the hover transition for a linked image.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Scale Up' => 'scale-up', 
        'Scale Down' => 'scale-down'
      ], 
      'enable' => 'show_image && (show_link && (image_link || panel_link) || show_hover_image)'
    ], 
    'image_hover_box_shadow' => [
      'label' => 'Hover Box Shadow', 
      'description' => 'Select the image\'s box shadow size on hover.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge'
      ], 
      'enable' => 'show_link && show_image && !panel_style && (image_link || panel_link)'
    ], 
    'icon_width' => [
      'label' => 'Icon Width', 
      'description' => 'Set the icon width.', 
      'enable' => 'show_image'
    ], 
    'icon_color' => [
      'label' => 'Icon Color', 
      'description' => 'Set the icon color.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_image'
    ], 
    'image_align' => [
      'label' => 'Alignment', 
      'description' => 'Align the image to the top, left, right or place it between the title and the content.', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Bottom' => 'bottom', 
        'Left' => 'left', 
        'Right' => 'right', 
        'Between' => 'between'
      ], 
      'enable' => 'show_image'
    ], 
    'image_grid_stack' => [
      'label' => 'Grid Stack', 
      'description' => 'Sets alternate image alignment.', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_image && (image_align == \'left\' || image_align == \'right\')'
    ], 
    'image_grid_width' => [
      'label' => 'Grid Width', 
      'default' => '1-4', 
      'description' => 'Define the width of the image within the grid. Choose between percent and fixed widths or expand columns to the width of their content.', 
      'type' => 'select', 
      'options' => [
        'Auto' => 'auto', 
        '80%' => '4-5', 
        '75%' => '3-4', 
        '66%' => '2-3', 
        '60%' => '3-5', 
        '50%' => '1-2', 
        '40%' => '2-5', 
        '33%' => '1-3', 
        '25%' => '1-4', 
        '20%' => '1-5', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        '2X-Large' => '2xlarge'
      ], 
      'enable' => 'show_image && (image_align == \'left\' || image_align == \'right\')'
    ], 
    'image_grid_column_gap' => [
      'label' => 'Grid Column Gap', 
      'description' => 'Set the size of the gap between the image and the content.', 
      'type' => 'select', 
      'default' => 'small', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_image && (image_align == \'left\' || image_align == \'right\') && !(panel_card_image && panel_style)'
    ], 
    'image_grid_row_gap' => [
      'label' => 'Grid Row Gap', 
      'description' => 'Set the size of the gap if the grid items stack.', 
      'type' => 'select', 
      'default' => 'small', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_image && (image_align == \'left\' || image_align == \'right\') && !(panel_card_image && panel_style)'
    ], 
    'image_grid_breakpoint' => [
      'label' => 'Grid Breakpoint', 
      'description' => 'Set the breakpoint from which grid items will stack.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l'
      ], 
      'enable' => 'show_image && (image_align == \'left\' || image_align == \'right\')'
    ], 
    'image_vertical_align' => [
      'label' => 'Vertical Alignment', 
      'description' => 'Vertically center grid items.', 
      'type' => 'checkbox', 
      'text' => 'Center', 
      'enable' => 'show_image && (image_align == \'left\' || image_align == \'right\')'
    ], 
    'image_horizontal_align' => [
      'label' => 'Center Image', 
      'description' => 'Align image to the center.', 
      'type' => 'checkbox', 
      'text' => 'Center', 
      'enable' => 'show_image'
    ], 
    'image_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field. Disabled when using hover image.', 
      'default' => '', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_image && !show_hover_image && (image_align == \'between\' || (image_align == \'bottom\' && !(panel_style && panel_card_image)))'
    ], 
    'image_svg_inline' => [
      'label' => 'Inline SVG', 
      'description' => 'Inject SVG images into the page markup, so that they can easily be styled with CSS.', 
      'type' => 'checkbox', 
      'text' => 'Make SVG stylable with CSS', 
      'enable' => 'show_image'
    ], 
    'image_svg_animate' => [
      'type' => 'checkbox', 
      'text' => 'Animate strokes', 
      'enable' => 'show_image && image_svg_inline'
    ], 
    'image_svg_color' => [
      'label' => 'SVG Color', 
      'description' => 'Select the SVG color. It will only apply to supported elements defined in the SVG.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger'
      ], 
      'enable' => 'show_image && image_svg_inline'
    ], 
    'image_attr_decoding' => [
      'label' => 'Set Attribute', 
      'type' => 'checkbox', 
      'text' => 'decoding=async', 
      'enable' => 'show_image'
    ], 
    'image_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_image'
    ], 
    'panel_style' => [
      'label' => 'Style', 
      'description' => 'Select one of the boxed card styles or a blank panel.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Card Default' => 'card-default', 
        'Card Primary' => 'card-primary', 
        'Card Secondary' => 'card-secondary', 
        'Card Hover' => 'card-hover'
      ]
    ], 
    'panel_card_offset' => [
      'type' => 'checkbox', 
      'text' => 'Add clipping offset', 
      'enable' => 'panel_style', 
      'show' => 'show_slider'
    ], 
    'panel_link' => [
      'label' => 'Link', 
      'description' => 'Link the whole panel if a link exists. Please enable show link option to unlock.', 
      'type' => 'checkbox', 
      'text' => 'Link panel', 
      'enable' => 'show_link'
    ], 
    'panel_content_padding' => [
      'label' => 'Padding', 
      'description' => 'Add padding to the content if the image is top, left or right aligned.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Default' => 'default', 
        'Large' => 'large'
      ], 
      'show' => '!panel_style', 
      'enable' => 'show_image && image_align != \'between\''
    ], 
    'panel_size' => [
      'label' => 'Padding', 
      'description' => 'Define the card\'s size by selecting the padding between the card and its content.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Large' => 'large'
      ], 
      'show' => 'panel_style'
    ], 
    'panel_card_image' => [
      'description' => 'Top, left or right aligned images can be attached to the card\'s edge. If the image is aligned to the left or right, it will also extend to cover the whole space.', 
      'type' => 'checkbox', 
      'text' => 'Align image without padding', 
      'show' => 'panel_style', 
      'enable' => 'show_image && image_align != \'between\''
    ], 
    'item_maxwidth' => [
      'type' => 'select', 
      'label' => 'Max Width', 
      'description' => 'Set the maximum width.', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        '2X-Large' => '2xlarge'
      ]
    ], 
    'grid_masonry' => [
      'label' => 'Masonry', 
      'description' => 'The masonry effect creates a layout free of gaps even if grid items have different heights. Disabled with slider', 
      'type' => 'checkbox', 
      'text' => 'Enable masonry effect', 
      'enable' => '!show_slider'
    ], 
    'grid_parallax' => [
      'label' => 'Parallax', 
      'description' => 'The parallax effect moves single grid columns at different speeds while scrolling. Define the vertical parallax offset in pixels. Disabled with slider', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 600, 
        'step' => 10
      ], 
      'enable' => '!show_slider'
    ], 
    'grid_column_gap' => [
      'label' => 'Column Gap', 
      'description' => 'Set the size of the gap between the grid columns.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ]
    ], 
    'grid_row_gap' => [
      'label' => 'Row Gap', 
      'description' => 'Set the size of the gap between the grid rows.', 
      'type' => 'select', 
      'default' => 'small', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ]
    ], 
    'grid_divider' => [
      'label' => 'Divider', 
      'description' => 'Show a divider between grid columns.', 
      'type' => 'checkbox', 
      'text' => 'Show dividers', 
      'enable' => 'grid_column_gap != \'collapse\' && grid_row_gap != \'collapse\''
    ], 
    'grid_column_align' => [
      'label' => 'Alignment', 
      'description' => 'This option will be disabled when the slider is enabled.', 
      'type' => 'checkbox', 
      'text' => 'Center columns', 
      'enable' => '!show_slider && !grid_masonry'
    ], 
    'grid_row_align' => [
      'description' => 'Center grid columns horizontally and rows vertically. This option will be disabled when the slider is enabled.', 
      'type' => 'checkbox', 
      'text' => 'Center rows', 
      'enable' => '!show_slider && !grid_masonry'
    ], 
    'slider_width_default' => [
      'label' => 'Phone Portrait Slider', 
      'description' => 'Set the slider item width for Phone Portrait breakpoint.', 
      'type' => 'select', 
      'default' => '1-1', 
      'options' => [
        '100%' => '1-1', 
        '83%' => '5-6', 
        '80%' => '4-5', 
        '75%' => '3-4', 
        '66%' => '2-3', 
        '60%' => '3-5', 
        '50%' => '1-2', 
        '40%' => '2-5', 
        '33%' => '1-3', 
        'Auto' => 'auto'
      ], 
      'enable' => 'show_slider', 
      'show' => 'show_slider'
    ], 
    'grid_default' => [
      'label' => 'Phone Portrait', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size.', 
      'type' => 'select', 
      'options' => [
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ], 
      'enable' => '!show_slider && slider_width_default'
    ], 
    'grid_small' => [
      'label' => 'Phone Landscape', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ]
    ], 
    'grid_medium' => [
      'label' => 'Tablet Landscape', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ]
    ], 
    'grid_large' => [
      'label' => 'Desktop', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ]
    ], 
    'grid_xlarge' => [
      'label' => 'Large Screens', 
      'description' => 'Set the number of grid columns for each breakpoint. <i>Inherit</i> refers to the number of columns on the next smaller screen size.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto', 
        'Expand' => 'expand'
      ]
    ], 
    'slider_width' => [
      'label' => 'Item Width Mode', 
      'description' => 'Define whether the width of the slider items is fixed or automatically expanded by its content widths.', 
      'type' => 'select', 
      'options' => [
        'Fixed' => 'fixed', 
        'Auto' => ''
      ], 
      'show' => 'show_slider || attrs_grid_slider'
    ], 
    'slider_sets' => [
      'label' => 'Sets', 
      'description' => 'Group items into sets. The number of items within a set depends on the defined item width, e.g. <i>33%</i> means that each set contains 3 items.', 
      'type' => 'checkbox', 
      'text' => 'Slide all visible items at once'
    ], 
    'slider_center' => [
      'label' => 'Center', 
      'type' => 'checkbox', 
      'text' => 'Center the active slide'
    ], 
    'slider_finite' => [
      'label' => 'Finite', 
      'type' => 'checkbox', 
      'text' => 'Disable infinite scrolling'
    ], 
    'slider_velocity' => [
      'label' => 'Velocity', 
      'description' => 'Set the velocity in pixels per millisecond.', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0.2, 
        'max' => 3, 
        'step' => 0.1, 
        'placeholder' => '1'
      ]
    ], 
    'slider_autoplay' => [
      'label' => 'Autoplay', 
      'type' => 'checkbox', 
      'text' => 'Enable autoplay'
    ], 
    'slider_autoplay_pause' => [
      'type' => 'checkbox', 
      'text' => 'Pause autoplay on hover', 
      'enable' => 'slider_autoplay'
    ], 
    'slider_autoplay_interval' => [
      'label' => 'Interval', 
      'description' => 'Set the autoplay interval in seconds.', 
      'type' => 'range', 
      'attrs' => [
        'min' => 5, 
        'max' => 15, 
        'step' => 1, 
        'placeholder' => '7'
      ], 
      'enable' => 'slider_autoplay'
    ], 
    'nav' => [
      'label' => 'Navigation', 
      'description' => 'Select the navigation type.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Dotnav' => 'dotnav'
      ]
    ], 
    'nav_align' => [
      'label' => 'Position', 
      'description' => 'Align the navigation\'s items.', 
      'type' => 'select', 
      'options' => [
        'Left' => 'left', 
        'Center' => 'center', 
        'Right' => 'right'
      ], 
      'enable' => 'nav'
    ], 
    'nav_margin' => [
      'label' => 'Margin', 
      'description' => 'Set the vertical margin.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium'
      ], 
      'enable' => 'nav'
    ], 
    'nav_breakpoint' => [
      'label' => 'Breakpoint', 
      'description' => 'Display the navigation only on this device width and larger.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'nav'
    ], 
    'nav_color' => [
      'label' => 'Color', 
      'description' => 'Set light or dark color mode.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Light' => 'light', 
        'Dark' => 'dark'
      ], 
      'enable' => 'nav'
    ], 
    'slidenav' => [
      'label' => 'Position', 
      'description' => 'Select the position of the slidenav.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Default' => 'default', 
        'Outside' => 'outside', 
        'Top Left' => 'top-left', 
        'Top Right' => 'top-right', 
        'Center Left' => 'center-left', 
        'Center Right' => 'center-right', 
        'Bottom Left' => 'bottom-left', 
        'Bottom Center' => 'bottom-center', 
        'Bottom Right' => 'bottom-right'
      ]
    ], 
    'slidenav_hover' => [
      'type' => 'checkbox', 
      'text' => 'Show on hover only', 
      'enable' => 'slidenav'
    ], 
    'slidenav_large' => [
      'type' => 'checkbox', 
      'text' => 'Larger style', 
      'enable' => 'slidenav'
    ], 
    'slidenav_margin' => [
      'label' => 'Margin', 
      'description' => 'Apply a margin between the slidenav and the slider container.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large'
      ], 
      'enable' => 'slidenav'
    ], 
    'slidenav_breakpoint' => [
      'label' => 'Breakpoint', 
      'description' => 'Display the slidenav only on this device width and larger.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'slidenav'
    ], 
    'slidenav_color' => [
      'label' => 'Color', 
      'description' => 'Set light or dark color mode.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Light' => 'light', 
        'Dark' => 'dark'
      ], 
      'enable' => 'slidenav'
    ], 
    'slidenav_outside_breakpoint' => [
      'label' => 'Outside Breakpoint', 
      'description' => 'Display the slidenav only outside on this device width and larger. Otherwise it will be displayed inside.', 
      'type' => 'select', 
      'options' => [
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'slidenav == \'outside\''
    ], 
    'slidenav_outside_color' => [
      'label' => 'Outside Color', 
      'description' => 'Set light or dark color if the slidenav is outside of the slideshow.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Light' => 'light', 
        'Dark' => 'dark'
      ], 
      'enable' => 'slidenav == \'outside\''
    ], 
    'filter_animation' => [
      'label' => 'Animation', 
      'description' => 'Select an animation that will be applied to the content items when filtering between them.', 
      'type' => 'select', 
      'options' => [
        'None' => 'false', 
        'Slide' => '', 
        'Fade' => 'fade', 
        'Delayed Fade' => 'delayed-fade'
      ], 
      'enable' => 'show_filter'
    ], 
    'filter_url_hash' => [
      'type' => 'checkbox', 
      'text' => 'Set active filter with URL hash', 
      'enable' => 'show_filter && filter_style != \'toggle\' && filter_style != \'dropdown\''
    ], 
    'filter_disable_sorting' => [
      'type' => 'checkbox', 
      'text' => 'Disable Nav Sorting', 
      'enable' => 'show_filter'
    ], 
    'filter_reverse' => [
      'type' => 'checkbox', 
      'text' => 'Reverse order', 
      'enable' => 'show_filter && !filter_disable_sorting'
    ], 
    'filter_style' => [
      'label' => 'Style', 
      'description' => 'Select the filter navigation style. The pill and divider styles are only available for horizontal Subnavs.', 
      'type' => 'select', 
      'options' => [
        'Tabs' => 'tab', 
        'Subnav (Nav)' => 'subnav', 
        'Subnav Divider (Nav)' => 'subnav-divider', 
        'Subnav Pill (Nav)' => 'subnav-pill', 
        'Toggle' => 'toggle', 
        'Dropdown' => 'dropdown'
      ], 
      'enable' => 'show_filter'
    ], 
    'filter_all' => [
      'label' => 'All Items', 
      'type' => 'checkbox', 
      'text' => 'Show filter control for all items', 
      'enable' => 'show_filter'
    ], 
    'filter_all_label' => [
      'attrs' => [
        'placeholder' => 'All'
      ], 
      'enable' => 'show_filter && filter_all'
    ], 
    'filter_position' => [
      'label' => 'Position', 
      'description' => 'Position the filter navigation at the top, left or right. A larger style can be applied to left and right navigations.', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'show_filter'
    ], 
    'filter_style_primary' => [
      'type' => 'checkbox', 
      'text' => 'Primary navigation', 
      'enable' => 'show_filter && (filter_position == \'left\' || filter_position == \'right\') && $match(filter_style, \'(^subnav)\')'
    ], 
    'filter_align' => [
      'label' => 'Alignment', 
      'description' => 'Align the filter controls.', 
      'type' => 'select', 
      'options' => [
        'Left' => 'left', 
        'Right' => 'right', 
        'Center' => 'center', 
        'Justify' => 'justify'
      ], 
      'enable' => 'show_filter && filter_position == \'top\''
    ], 
    'filter_margin' => [
      'label' => 'Margin', 
      'description' => 'Set the vertical margin.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge'
      ], 
      'enable' => 'show_filter && filter_position == \'top\''
    ], 
    'filter_grid_width' => [
      'label' => 'Grid Width', 
      'description' => 'Define the width of the filter navigation. Choose between percent and fixed widths or expand columns to the width of their content.', 
      'type' => 'select', 
      'options' => [
        'Auto' => 'auto', 
        '50%' => '1-2', 
        '33%' => '1-3', 
        '25%' => '1-4', 
        '20%' => '1-5', 
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Large' => 'large'
      ], 
      'enable' => 'show_filter && (filter_position == \'left\' || filter_position == \'right\')'
    ], 
    'filter_grid_column_gap' => [
      'label' => 'Grid Column Gap', 
      'description' => 'Set the size of the gap between between the filter navigation and the content.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_filter && (filter_position == \'left\' || filter_position == \'right\')'
    ], 
    'filter_grid_row_gap' => [
      'label' => 'Grid Row Gap', 
      'description' => 'Set the size of the gap if the grid items stack.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_filter && (filter_position == \'left\' || filter_position == \'right\')'
    ], 
    'filter_grid_breakpoint' => [
      'label' => 'Grid Breakpoint', 
      'description' => 'Set the breakpoint from which grid items will stack.', 
      'type' => 'select', 
      'options' => [
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'show_filter && (filter_position == \'left\' || filter_position == \'right\')'
    ], 
    'filter_mobile_nav_title' => [
      'label' => 'Toggle Text', 
      'description' => 'Set the dropdown menu toggle text.', 
      'default' => 'Filter Items', 
      'type' => 'text', 
      'enable' => 'show_filter && filter_style == \'toggle\' || \'dropdown\'', 
      'show' => 'show_filter && filter_style == \'toggle\' || \'dropdown\''
    ], 
    'filter_mobile_nav_toggle_hide' => [
      'label' => 'Dropdown Hide', 
      'type' => 'checkbox', 
      'description' => 'Hide toggle dropdown when nav link is clicked.', 
      'text' => 'Yes', 
      'enable' => 'show_filter && filter_style == \'toggle\'', 
      'show' => 'show_filter && filter_style == \'toggle\''
    ], 
    'filter_mobile_dropdown_dividers' => [
      'label' => 'Dividers', 
      'type' => 'checkbox', 
      'description' => 'Style dropdown items with dividers.', 
      'text' => 'Show', 
      'enable' => 'show_filter && filter_style == \'toggle\' || \'dropdown\'', 
      'show' => 'show_filter && filter_style == \'toggle\' || \'dropdown\''
    ], 
    'lightbox_image_width' => [
      'attrs' => [
        'placeholder' => 'auto'
      ], 
      'enable' => 'show_lightbox'
    ], 
    'lightbox_image_height' => [
      'attrs' => [
        'placeholder' => 'auto'
      ], 
      'enable' => 'show_lightbox'
    ], 
    'lightbox_image_orientation' => [
      'label' => 'Image Orientation', 
      'description' => 'Width and height will be flipped accordingly, if the image is in portrait or landscape format.', 
      'type' => 'checkbox', 
      'text' => 'Allow mixed image orientations', 
      'enable' => 'show_lightbox'
    ], 
    'lightbox_show_caption' => [
      'label' => 'Caption', 
      'description' => 'Show or hide a caption at the bottom of the lightbox.', 
      'type' => 'checkbox', 
      'text' => 'Show', 
      'enable' => 'show_lightbox'
    ], 
    'lightbox_show_caption_title' => [
      'label' => 'Display Title', 
      'description' => 'Display item title in the lightbox caption.', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_lightbox && lightbox_show_caption'
    ], 
    'lightbox_show_caption_title_style' => [
      'label' => 'Title Style', 
      'description' => 'Select a predefined text style.', 
      'defalt' => 'h4', 
      'type' => 'select', 
      'options' => [
        'H1' => 'h1', 
        'H2' => 'h2', 
        'H3' => 'h3', 
        'H4' => 'h4', 
        'H5' => 'h5', 
        'H6' => 'h6'
      ], 
      'enable' => 'show_lightbox && lightbox_show_caption'
    ], 
    'lightbox_show_caption_content' => [
      'label' => 'Display Content', 
      'description' => 'Display item content in the lightbox caption.', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_lightbox && lightbox_show_caption && show_content'
    ], 
    'lightbox_show_caption_content_style' => [
      'label' => 'Content Style', 
      'description' => 'Select a predefined text style.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Lead' => 'uk-text-lead', 
        'Bold' => 'uk-text-bold', 
        'Meta' => 'uk-text-meta', 
        'Small' => 'uk-text-small'
      ], 
      'enable' => 'show_lightbox && lightbox_show_caption && lightbox_show_caption_content && show_content'
    ], 
    'lightbox_show_caption_content_limit' => [
      'label' => 'Limit Caption Content', 
      'description' => 'Use content limit for output text.', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_lightbox && lightbox_show_caption && lightbox_show_caption_content && show_content && content_limit && content_limit_length && !lightbox_show_caption_content_remove_html'
    ], 
    'lightbox_show_caption_content_remove_html' => [
      'label' => 'Remove Caption Content HTML', 
      'description' => 'Remove content HTML markup in the lightbox caption.', 
      'type' => 'checkbox', 
      'text' => 'Yes', 
      'enable' => 'show_lightbox && lightbox_show_caption && lightbox_show_caption_content && show_content && content_limit && content_limit_length && !lightbox_show_caption_content_limit'
    ], 
    'link_image_lightbox' => [
      'label' => 'Lightbox Mode', 
      'description' => 'By default, if you are using lightbox and link URL is defined, then the URL content will be loaded into lightbox popup. But you can forcefully show an image in the lightbox popup even when the button and panel links are settled. In  case where you are using lightbox and custom panel link, and button link, the item will have three independent link.', 
      'type' => 'checkbox', 
      'text' => 'Image Instead URL'
    ], 
    'rating_star_size' => [
      'label' => 'Size', 
      'description' => 'Set star size.', 
      'default' => '25', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 100, 
        'step' => 1, 
        'placeholder' => '25'
      ], 
      'enable' => 'show_rating', 
      'show' => 'show_rating'
    ], 
    'rating_star_color' => [
      'label' => 'Color', 
      'description' => 'Set the stars color.', 
      'type' => 'color', 
      'default' => '#fc0', 
      'enable' => 'show_rating', 
      'show' => 'show_rating'
    ], 
    'rating_star_background_color' => [
      'label' => 'Background', 
      'description' => 'Set the stars backghround color.', 
      'type' => 'color', 
      'default' => '#e5e5e5', 
      'enable' => 'show_rating', 
      'show' => 'show_rating'
    ], 
    'rating_star_spacing' => [
      'label' => 'Spacing', 
      'description' => 'Set star spacing.', 
      'default' => '3', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 10, 
        'step' => 1, 
        'placeholder' => '3'
      ], 
      'enable' => 'show_rating', 
      'show' => 'show_rating'
    ], 
    'rating_aria_label' => [
      'label' => 'Label', 
      'description' => 'The aria-label attribute is used to define a string that labels the current element.', 
      'default' => 'Label for the product rating', 
      'type' => 'text', 
      'enable' => 'show_rating', 
      'show' => 'show_rating'
    ], 
    'rating_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'default' => 'remove', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_rating', 
      'show' => 'show_rating'
    ], 
    'link_button' => [
      'label' => 'Button', 
      'type' => 'checkbox', 
      'text' => 'Show', 
      'default' => true, 
      'enable' => 'show_link'
    ], 
    'link_align' => [
      'label' => 'Align', 
      'description' => 'Overrides alignment of the link or button. Disabled when the position absolute is selected for the button style circle.', 
      'default' => '', 
      'type' => 'select', 
      'options' => [
        'Default' => '', 
        'Left' => 'left', 
        'Center' => 'center', 
        'Right' => 'right'
      ], 
      'enable' => 'show_link && link_button && (link_style != \'circle\' || link_circle_position != \'absolute\')'
    ], 
    'link_full_width' => [
      'label' => 'Width', 
      'type' => 'checkbox', 
      'text' => 'Full width button', 
      'enable' => 'show_link && link_button && link_style != \'link\' && link_style != \'link-muted\' && link_style != \'link-text\'', 
      'show' => 'link_style != \'circle\''
    ], 
    'link_target' => [
      'label' => 'Target', 
      'type' => 'checkbox', 
      'text' => 'Open in a new window', 
      'enable' => 'show_link && link_button && !lightbox'
    ], 
    'link_text' => [
      'label' => 'Text', 
      'description' => 'Enter the text for the link.', 
      'enable' => 'show_link && link_button && link_style != \'circle\'', 
      'show' => 'link_style != \'circle\''
    ], 
    'link_icon' => [
      'label' => 'Icon', 
      'description' => 'Pick an icon for button from the icon library. Select button style = circle to activate.', 
      'default' => 'cart', 
      'type' => 'icon', 
      'source' => true, 
      'enable' => 'show_link && link_button && link_style == \'circle\'', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_icon_color' => [
      'label' => 'Icon Color', 
      'description' => 'Set the icon color. Select button style = circle to activate.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Muted' => 'muted', 
        'Emphasis' => 'emphasis', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Success' => 'success', 
        'Warning' => 'warning', 
        'Danger' => 'danger', 
        'Custom' => 'custom'
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\'', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_icon_custom_color' => [
      'label' => 'Custom Icon Color', 
      'description' => 'Set the border color of circle button.', 
      'type' => 'color', 
      'default' => '#ccc', 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\'', 
      'show' => 'link_style == \'circle\' && link_icon_color == \'custom\''
    ], 
    'link_style' => [
      'label' => 'Style', 
      'description' => 'Set the link style.', 
      'type' => 'select', 
      'options' => [
        'Button Default' => 'default', 
        'Button Primary' => 'primary', 
        'Button Secondary' => 'secondary', 
        'Button Danger' => 'danger', 
        'Button Text' => 'text', 
        'Button Circle' => 'circle', 
        'Link' => 'link', 
        'Link Muted' => 'link-muted', 
        'Link Text' => 'link-text'
      ], 
      'enable' => 'show_link && link_button && link_text'
    ], 
    'link_circle_border_radius' => [
      'label' => 'Border Radius', 
      'description' => 'Set the autoplay interval in seconds.', 
      'default' => '100', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 100, 
        'step' => 1, 
        'placeholder' => '100'
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\'', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_circle_background' => [
      'label' => 'Background', 
      'description' => 'Set the background color of circle button.', 
      'type' => 'color', 
      'default' => 'transparent', 
      'enable' => 'show_link && link_button && link_text', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_circle_border_color' => [
      'label' => 'Border Color', 
      'description' => 'Set the border color of circle button.', 
      'type' => 'color', 
      'default' => '#ccc', 
      'enable' => 'show_link && link_button && link_text', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_circle_border_size' => [
      'label' => 'Button Border Size', 
      'description' => 'Sets Button border size of circle button.', 
      'type' => 'range', 
      'default' => '1', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 1, 
        'max' => 50, 
        'step' => 1
      ], 
      'enable' => 'show_link && link_button && link_text', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_circle_border_type' => [
      'label' => 'Button Border Type', 
      'description' => 'Set a border type of circle button.', 
      'default' => 'solid', 
      'type' => 'select', 
      'options' => [
        'Solid' => 'solid', 
        'Dashed' => 'dashed', 
        'Dotted' => 'dotted'
      ], 
      'enable' => 'show_link && link_button && link_text', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_circle_position' => [
      'label' => 'Position', 
      'description' => 'Please select Circle button position.', 
      'type' => 'select', 
      'default' => '', 
      'options' => [
        'Default' => '', 
        'Absolute' => 'absolute'
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\'', 
      'show' => 'link_style == \'circle\''
    ], 
    'link_circle_position_top' => [
      'label' => 'Top', 
      'description' => 'Circle button position Left. Please select Circle Button Position = Absolute, and remove Bottom value to activate this feature.', 
      'type' => 'range', 
      'default' => '', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\' && link_circle_position == \'absolute\' && !link_circle_position_bottom', 
      'show' => 'link_style == \'circle\' && link_circle_position == \'absolute\''
    ], 
    'link_circle_position_left' => [
      'label' => 'Left', 
      'description' => 'Circle button position Left. Please select Circle Button Position = Absolute, and remove Right value to activate this feature.', 
      'type' => 'range', 
      'default' => '', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\' && link_circle_position == \'absolute\' && !link_circle_position_right', 
      'show' => 'link_style == \'circle\' && link_circle_position == \'absolute\''
    ], 
    'link_circle_position_bottom' => [
      'label' => 'Bottom', 
      'description' => 'Circle button position Bottom. Please select Circle Button Position = Absolute, and remove Top value to activate this feature.', 
      'type' => 'range', 
      'default' => '', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\' && link_circle_position == \'absolute\' && !link_circle_position_top', 
      'show' => 'link_style == \'circle\' && link_circle_position == \'absolute\''
    ], 
    'link_circle_position_right' => [
      'label' => 'Right', 
      'description' => 'Circle button position right. Please select Circle Button Position = Absolute, and remove Left value to activate this feature.', 
      'type' => 'range', 
      'default' => '', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 500, 
        'step' => 1
      ], 
      'enable' => 'show_link && link_button && link_style == \'circle\' && \'link_icon\' && link_circle_position == \'absolute\' && !link_circle_position_left', 
      'show' => 'link_style == \'circle\' && link_circle_position == \'absolute\''
    ], 
    'link_size' => [
      'label' => 'Button Size', 
      'description' => 'Set the button size.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Large' => 'large'
      ], 
      'enable' => 'show_link && link_button && link_text && link_style && link_style != \'link-muted\' && link_style != \'link-text\' && link_style != \'circle\'', 
      'show' => 'link_style != \'circle\''
    ], 
    'link_margin' => [
      'label' => 'Margin Top', 
      'description' => 'Set the top margin. Note that the margin will only apply if the content field immediately follows another content field.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'None' => 'remove'
      ], 
      'enable' => 'show_link && link_button && link_text'
    ], 
    'link_button_bottom' => [
      'label' => 'Button Align', 
      'type' => 'checkbox', 
      'text' => 'Bottom', 
      'enable' => 'show_link && link_button && (link_style != \'circle\' || link_circle_position != \'absolute\') && image_align != \'bottom\''
    ], 
    'link_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the content on this device width and larger. If all elements are hidden, columns, rows and sections will hide accordingly.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Visible Small (Phone Landscape)' => 'uk-visible@s', 
        'Visible Medium (Tablet Landscape)' => 'uk-visible@m', 
        'Visible Large (Desktop)' => 'uk-visible@l', 
        'Visible X-Large (Large Screens)' => 'uk-visible@xl', 
        'Hidden Small (Phone Landscape)' => 'uk-hidden@s', 
        'Hidden Medium (Tablet Landscape)' => 'uk-hidden@m', 
        'Hidden Large (Desktop)' => 'uk-hidden@l', 
        'Hidden X-Large (Large Screens)' => 'uk-hidden@xl'
      ], 
      'enable' => 'show_link && link_button'
    ], 
    'item_animation' => [
      'type' => 'checkbox', 
      'text' => 'Animate items'
    ], 
    'position' => $config->get('builder.position'), 
    'position_left' => $config->get('builder.position_left'), 
    'position_right' => $config->get('builder.position_right'), 
    'position_top' => $config->get('builder.position_top'), 
    'position_bottom' => $config->get('builder.position_bottom'), 
    'position_z_index' => $config->get('builder.position_z_index'), 
    'margin' => $config->get('builder.margin'), 
    'margin_remove_top' => $config->get('builder.margin_remove_top'), 
    'margin_remove_bottom' => $config->get('builder.margin_remove_bottom'), 
    'maxwidth' => $config->get('builder.maxwidth'), 
    'maxwidth_breakpoint' => $config->get('builder.maxwidth_breakpoint'), 
    'block_align' => $config->get('builder.block_align'), 
    'block_align_breakpoint' => $config->get('builder.block_align_breakpoint'), 
    'block_align_fallback' => $config->get('builder.block_align_fallback'), 
    'text_align' => $config->get('builder.text_align_justify'), 
    'text_align_breakpoint' => $config->get('builder.text_align_breakpoint'), 
    'text_align_fallback' => $config->get('builder.text_align_justify_fallback'), 
    'animation' => $config->get('builder.animation'), 
    '_parallax_button' => $config->get('builder._parallax_button'), 
    'visibility' => $config->get('builder.visibility'), 
    'limit_items' => [
      'label' => 'Limit Items', 
      'description' => 'Please enter amount of items you want to display. 0 - disable.', 
      'type' => 'number', 
      'attrs' => [
        'placeholder' => '0'
      ]
    ], 
    'name' => $config->get('builder.name'), 
    'status' => $config->get('builder.status'), 
    'id' => $config->get('builder.id'), 
    'class' => $config->get('builder.cls'), 
    'attributes' => $config->get('builder.attrs'), 
    'css' => [
      'label' => 'CSS', 
      'description' => 'Enter your own custom CSS. The following selectors will be prefixed automatically for this element: <code>.el-element</code>, <code>.el-item</code>, <code>.el-title</code>, <code>.el-meta</code>, <code>.el-content</code>, <code>.el-price</code>, <code>.el-price-old</code>, <code>.el-label</code>, <code>.el-attrs</code>, <code>.el-image</code>, <code>.el-link</code>, <code>.el-rating</code>', 
      'type' => 'editor', 
      'editor' => 'code', 
      'mode' => 'css', 
      'attrs' => [
        'hints' => ['.el-element', '.el-item', '.el-title', '.el-meta', '.el-content', '.el-price', '.el-price-old', '.el-label', '.el-attrs', '.el-attrs', '.el-image', '.el-link', '.el-rating']
      ]
    ]
  ], 
  'fieldset' => [
    'default' => [
      'type' => 'tabs', 
      'fields' => [[
          'title' => 'Content', 
          'fields' => ['content', 'show_title', 'show_meta', 'show_content', 'show_price', 'show_old_price', 'show_currency', 'show_label', 'show_image', 'show_hover_image', 'show_link', 'show_attrs', 'show_attrs_title', 'show_attrs_value', 'show_attrs_image', 'show_attrs_link', 'show_slider', 'show_filter', 'show_lightbox', 'show_rating']
        ], [
          'title' => 'Attributes', 
          'fields' => [[
              'label' => 'Attributes', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['attrs_color', 'attrs_position', 'attrs_style', 'attrs_list_align', 'attrs_title_colon', 'attrs_margin', 'attrs_grid_margin', 'attrs_content_margin', 'attrs_text_align', 'attrs_text_align_breakpoint', 'attrs_text_align_fallback', 'attrs_container_align', 'attrs_container_align_breakpoint', 'attrs_container_align_fallback', 'attrs_visibility']
            ], [
              'label' => 'Grid', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['attrs_grid_column_gap', 'attrs_grid_row_gap', 'attrs_grid_divider', 'attrs_grid_column_align', 'attrs_grid_row_align', 'attrs_grid_slider']
            ], [
              'label' => 'Columns', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['attrs_grid_default', 'attrs_grid_small', 'attrs_grid_medium', 'attrs_grid_large', 'attrs_grid_xlarge']
            ], [
              'label' => 'Image', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => [[
                  'label' => 'Width/Height', 
                  'description' => 'Setting just one value preserves the original proportions. The image will be resized and cropped automatically, and where possible, high resolution images will be auto-generated.', 
                  'type' => 'grid', 
                  'width' => '1-2', 
                  'fields' => ['attrs_image_width', 'attrs_image_height']
                ], 'attrs_image_border', 'attrs_icon_width', 'attrs_icon_color', 'attrs_image_align', 'attrs_image_grid_width', 'attrs_image_grid_column_gap', 'attrs_image_grid_row_gap', 'attrs_image_grid_breakpoint', 'attrs_image_vertical_align', 'attrs_image_svg_inline', 'attrs_image_svg_animate', 'attrs_image_svg_color', 'attrs_image_margin', 'attrs_image_visibility']
            ], [
              'label' => 'Link', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['attrs_link_style']
            ]]
        ], [
          'title' => 'Settings', 
          'fields' => [[
              'label' => 'Leader', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['leader_align', 'leader_character', 'leader_fill'], 
              'show' => 'show_price'
            ], [
              'label' => 'Grid', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['grid_masonry', 'grid_parallax', 'grid_column_gap', 'grid_row_gap', 'grid_divider', 'grid_column_align', 'grid_row_align']
            ], [
              'label' => 'Columns', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['slider_width_default', 'grid_default', 'grid_small', 'grid_medium', 'grid_large', 'grid_xlarge']
            ], [
              'label' => 'Slider Animation', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['slider_sets', 'slider_center', 'slider_finite', 'slider_velocity', 'slider_autoplay', 'slider_autoplay_pause', 'slider_autoplay_interval'], 
              'show' => 'show_slider || (show_attrs && attrs_grid_slider && !show_slider)'
            ], [
              'label' => 'Slider Navigation', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['nav', 'nav_align', 'nav_margin', 'nav_breakpoint', 'nav_color'], 
              'show' => 'show_slider || (show_attrs && attrs_grid_slider && !show_slider)'
            ], [
              'label' => 'Slider Slidenav', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['slidenav', 'slidenav_hover', 'slidenav_large', 'slidenav_margin', 'slidenav_breakpoint', 'slidenav_color', 'slidenav_outside_breakpoint', 'slidenav_outside_color'], 
              'show' => 'show_slider || (show_attrs && attrs_grid_slider && !show_slider)'
            ], [
              'label' => 'Filter', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['filter_animation', 'filter_url_hash', 'filter_disable_sorting', 'filter_reverse', 'filter_style', 'filter_mobile_nav_title', 'filter_mobile_nav_toggle_hide', 'filter_mobile_dropdown_dividers', 'filter_all', 'filter_all_label', 'filter_position', 'filter_style_primary', 'filter_align', 'filter_margin', 'filter_grid_width', 'filter_grid_column_gap', 'filter_grid_row_gap', 'filter_grid_breakpoint'], 
              'show' => 'show_filter'
            ], [
              'label' => 'Lightbox', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => [[
                  'label' => 'Image Width/Height', 
                  'description' => 'Setting just one value preserves the original proportions. The image will be resized and cropped automatically, and where possible, high resolution images will be auto-generated.', 
                  'type' => 'grid', 
                  'width' => '1-2', 
                  'fields' => ['lightbox_image_width', 'lightbox_image_height']
                ], 'lightbox_image_orientation', 'link_image_lightbox', 'lightbox_show_caption'], 
              'show' => 'show_image && show_lightbox'
            ], [
              'label' => 'Lightbox Caption', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['lightbox_show_caption_title', 'lightbox_show_caption_title_style', 'lightbox_show_caption_content', 'lightbox_show_caption_content_style', 'lightbox_show_caption_content_limit', 'lightbox_show_caption_content_remove_html'], 
              'show' => 'show_image && show_lightbox && lightbox_show_caption'
            ], [
              'label' => 'Rating', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['rating_star_size', 'rating_star_color', 'rating_star_background_color', 'rating_star_spacing', 'rating_aria_label', 'rating_margin'], 
              'show' => 'show_rating'
            ], [
              'label' => 'Panel', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['panel_style', 'panel_link', 'panel_card_offset', 'panel_content_padding', 'panel_size', 'panel_card_image', 'item_maxwidth']
            ], [
              'label' => 'Title', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['title_limit', 'title_limit_length', 'title_style', 'title_link', 'title_hover_style', 'title_decoration', 'title_font_family', 'title_color', 'title_element', 'title_remove_html', 'title_margin'], 
              'show' => 'show_title'
            ], [
              'label' => 'Meta', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['meta_limit', 'meta_limit_length', 'meta_style', 'meta_color', 'meta_decoration', 'meta_position', 'meta_element', 'meta_remove_html', 'meta_margin', 'meta_visibility'], 
              'show' => 'show_meta'
            ], [
              'label' => 'Content', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['content_limit', 'content_limit_length', 'content_position', 'content_style', 'content_color', 'content_align', 'content_dropcap', 'content_remove_html', 'content_show_modal', 'content_column', 'content_column_divider', 'content_column_breakpoint', 'content_margin', 'content_visibility'], 
              'show' => 'show_content'
            ], [
              'label' => 'Price', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['price_position', 'price_position_breakpoint', 'price_style', 'price_font_weight', 'price_color', 'price_margin', 'currency_font_size', 'currency_color', 'currency_position', 'price_currency_vertical_align', 'currency_style'], 
              'show' => 'show_price'
            ], [
              'label' => 'Old Price', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['price_old_padding', 'price_old_align', 'price_old_position', 'price_old_style', 'price_old_color', 'price_old_decoration', 'price_old_margin', 'price_old_show_currency', 'price_old_currency_font_size', 'price_old_currency_color', 'price_old_currency_position', 'price_old_currency_vertical_align', 'price_old_currency_style'], 
              'show' => 'show_price && show_old_price'
            ], [
              'label' => 'Label', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['label_size', 'label_radius', 'label_position', 'label_rotate', 'label_origin', 'label_position_top', 'label_position_left', 'label_position_right', 'label_position_bottom', 'label_margin', 'label_visibility'], 
              'show' => 'show_label'
            ], [
              'label' => 'Image', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => [[
                  'label' => 'Width/Height', 
                  'description' => 'Setting just one value preserves the original proportions. The image will be resized and cropped automatically, and where possible, high resolution images will be auto-generated.', 
                  'type' => 'grid', 
                  'width' => '1-2', 
                  'fields' => ['image_width', 'image_height']
                ], 'image_loading', 'image_border', 'image_box_shadow', 'image_box_decoration', 'image_box_decoration_inverse', 'image_link', 'image_transition', 'image_hover_box_shadow', 'icon_width', 'icon_color', 'image_align', 'image_grid_stack', 'image_grid_width', 'image_grid_column_gap', 'image_grid_row_gap', 'image_grid_breakpoint', 'image_vertical_align', 'image_horizontal_align', 'image_margin', 'image_svg_inline', 'image_svg_animate', 'image_svg_color', 'image_attr_decoding', 'image_visibility'], 
              'show' => 'show_image'
            ], [
              'label' => 'Link', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['link_button', 'link_text', 'link_style', 'link_circle_border_radius', 'link_circle_background', 'link_circle_border_color', 'link_circle_border_size', 'link_circle_border_type', 'link_circle_position', 'link_circle_position_top', 'link_circle_position_left', 'link_circle_position_bottom', 'link_circle_position_right', 'link_icon', 'link_icon_color', 'link_icon_custom_color', 'link_size', 'link_margin', 'link_align', 'link_button_bottom', 'link_full_width', 'link_target', 'link_visibility'], 
              'show' => 'show_link'
            ], [
              'label' => 'General', 
              'type' => 'group', 
              'fields' => ['position', 'position_left', 'position_right', 'position_top', 'position_bottom', 'position_z_index', 'margin', 'margin_remove_top', 'margin_remove_bottom', 'maxwidth', 'maxwidth_breakpoint', 'block_align', 'block_align_breakpoint', 'block_align_fallback', 'text_align', 'text_align_breakpoint', 'text_align_fallback', 'animation', 'item_animation', '_parallax_button', 'visibility', 'limit_items']
            ]]
        ], $config->get('builder.advanced')]
    ]
  ]
];
