<?php // $file = /home/bluedoor/www/dev/wp-content/plugins/fs-section-shape-divider/includes/element/fs_section_shape_dividers/element.json

return [
  '@import' => $filter->apply('path', './element.php', $file), 
  'name' => 'section', 
  'title' => 'Section', 
  'container' => true, 
  'width' => 500, 
  'defaults' => [
    'style' => 'default', 
    'width' => 'default', 
    'vertical_align' => 'middle', 
    'title_position' => 'top-left', 
    'title_rotation' => 'left', 
    'title_breakpoint' => 'xl', 
    'image_position' => 'center-center'
  ], 
  'templates' => [
    'render' => $filter->apply('path', './templates/template.php', $file), 
    'content' => $filter->apply('path', './templates/content.php', $file)
  ], 
  'fields' => [
    'image' => [
      'label' => 'Image', 
      'type' => 'image', 
      'source' => true, 
      'show' => '!video'
    ], 
    'video' => [
      'label' => 'Video', 
      'description' => 'Select a video file or enter a link from <a href="https://www.youtube.com" target="_blank">YouTube</a> or <a href="https://vimeo.com" target="_blank">Vimeo</a>.', 
      'type' => 'video', 
      'source' => true, 
      'show' => '!image'
    ], 
    '_media' => [
      'type' => 'button-panel', 
      'panel' => 'builder-section-media', 
      'text' => 'Edit Settings', 
      'show' => 'image || video'
    ], 
    'title' => [
      'label' => 'Title', 
      'description' => 'Enter a decorative section title which is aligned to the section edge.', 
      'source' => true
    ], 
    'style' => [
      'label' => 'Style', 
      'type' => 'select', 
      'options' => [
        'Default' => 'default', 
        'Muted' => 'muted', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Tertiary' => 'tertiary', 
        'Quaternary' => 'quaternary', 
        'Quinary' => 'quinary', 
        'Senary' => 'senary', 
        'Septenary' => 'septenary', 
        'Octonary' => 'octonary', 
        'Nonary' => 'nonary', 
        'Denary' => 'denary', 
        'Custom' => 'custom'
      ]
    ], 
    'style_custom_color' => [
      'type' => 'color', 
      'default' => '#ccc', 
      'enable' => 'style == \'custom\'', 
      'show' => 'style == \'custom\''
    ], 
    '_style_description' => [
      'description' => 'After the initial Shape Dividers installation, you may need to clear your browser cache to update CSS files.', 
      'type' => 'description', 
      'show' => '$match(style, \'(^tertiary$|^quaternary$|^quinary$|^senary$|^septenary$|^octonary$|^nonary$|^denary$)\')'
    ], 
    'preserve_color' => [
      'type' => 'checkbox', 
      'text' => 'Preserve text color', 
      'enable' => '$match(style, \'(^primary$|^secondary$|^tertiary$|^quaternary$|^quinary$|^senary$|^septenary$|^octonary$|^nonary$|^denary$)\')'
    ], 
    'overlap' => [
      'description' => 'Preserve the text color, for example when using cards. Section overlap is not supported by all styles and may have no visual effect.', 
      'type' => 'checkbox', 
      'text' => 'Overlap the following section', 
      'enable' => 'style'
    ], 
    'text_color' => [
      'label' => 'Text Color', 
      'description' => 'Force a light or dark color for text, buttons and controls on the image, video background or custom section color style.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Light' => 'light', 
        'Dark' => 'dark'
      ], 
      'source' => true, 
      'enable' => 'image || video || style == \'custom\''
    ], 
    'panel_style' => [
      'label' => 'Panel Style', 
      'description' => 'This option will be available if you are not using the shape divider, and the section style is set to default.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Card Default' => 'card-default', 
        'Card Primary' => 'card-primary', 
        'Card Secondary' => 'card-secondary', 
        'Tile Default' => 'tile-default', 
        'Tile Muted' => 'tile-muted', 
        'Tile Primary' => 'tile-primary', 
        'Tile Secondary' => 'tile-secondary'
      ], 
      'enable' => 'style == \'default\' && !divider_shape'
    ], 
    'panel_padding' => [
      'label' => 'Panel Padding', 
      'description' => 'Set the panel content padding.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Default' => 'default', 
        'Large' => 'large'
      ], 
      'show' => 'panel_style && style == \'default\' && !divider_shape', 
      'enable' => 'panel_style && style == \'default\' && !divider_shape'
    ], 
    'width' => [
      'label' => 'Max Width', 
      'type' => 'select', 
      'options' => [
        'Default' => 'default', 
        'X-Small' => 'xsmall', 
        'Small' => 'small', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'Expand' => 'expand', 
        'None' => ''
      ]
    ], 
    'padding_remove_horizontal' => [
      'description' => 'Set the maximum content width.', 
      'type' => 'checkbox', 
      'text' => 'Remove horizontal padding', 
      'enable' => 'width && width != \'expand\''
    ], 
    'width_expand' => [
      'label' => 'Expand One Side', 
      'description' => 'Expand the width of one side to the left or right while the other side keeps within the constraints of the max width.', 
      'type' => 'select', 
      'options' => [
        'Don\'t expand' => '', 
        'To left' => 'left', 
        'To right' => 'right'
      ], 
      'enable' => 'width && width != \'expand\''
    ], 
    'height' => [
      'label' => 'Height', 
      'description' => 'Setting viewport height on a section that directly follows the header will subtract the header height from it. On short pages, a section can be expanded to fill the viewport.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Viewport' => 'full', 
        'Viewport (Minus 20%)' => 'percent', 
        'Viewport (Minus the following section)' => 'section', 
        'Expand' => 'expand', 
        '2 Viewports' => 'viewport-2', 
        '3 Viewports' => 'viewport-3', 
        '4 Viewports' => 'viewport-4'
      ]
    ], 
    'vertical_align' => [
      'label' => 'Vertical Alignment', 
      'description' => 'Align the section content vertically, if the section height is larger than the content itself.', 
      'type' => 'select', 
      'options' => [
        'Top' => '', 
        'Middle' => 'middle', 
        'Bottom' => 'bottom'
      ], 
      'enable' => 'height == \'full\' || height == \'percent\' || height == \'section\''
    ], 
    'padding' => [
      'label' => 'Padding', 
      'description' => 'Set the vertical padding.', 
      'type' => 'select', 
      'options' => [
        'Default' => '', 
        'X-Small' => 'xsmall', 
        'Small' => 'small', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        'Custom' => 'custom', 
        'Responsive' => 'responsive', 
        'None' => 'none'
      ]
    ], 
    'padding_remove_top' => [
      'type' => 'checkbox', 
      'text' => 'Remove top padding', 
      'enable' => 'padding != \'none\'', 
      'show' => '!$match(padding, \'(^custom$|^responsive$)\')'
    ], 
    'padding_remove_bottom' => [
      'type' => 'checkbox', 
      'text' => 'Remove bottom padding', 
      'enable' => 'padding != \'none\'', 
      'show' => '!$match(padding, \'(^custom$|^responsive$)\')'
    ], 
    'padding_custom_top' => [
      'label' => 'Top Padding', 
      'default' => '70', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 500, 
        'step' => 1, 
        'placeholder' => '0'
      ], 
      'show' => 'padding == \'custom\''
    ], 
    'padding_custom_bottom' => [
      'label' => 'Bottom Padding', 
      'default' => '70', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 500, 
        'step' => 1, 
        'placeholder' => '0'
      ], 
      'show' => 'padding == \'custom\''
    ], 
    '_responsive_paddings_panel' => [
      'type' => 'button-panel', 
      'panel' => 'responsive_paddings_settings', 
      'text' => 'Edit Padding Settings', 
      'show' => 'padding == \'responsive\''
    ], 
    'html_element' => [
      'label' => 'HTML Element', 
      'description' => 'Define the purpose and structure of the content or give it no semantic meaning.', 
      'type' => 'select', 
      'options' => [
        'div' => '', 
        'address' => 'address', 
        'article' => 'article', 
        'aside' => 'aside', 
        'footer' => 'footer', 
        'header' => 'header', 
        'hgroup' => 'hgroup', 
        'nav' => 'nav', 
        'section' => 'section'
      ]
    ], 
    'sticky' => [
      'label' => 'Sticky Effect', 
      'description' => 'Sticky section will be covered by the following section while scrolling. Reveal section by previous section.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Cover' => 'cover', 
        'Reveal' => 'reveal'
      ]
    ], 
    'header_transparent' => [
      'label' => 'Transparent Header', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Overlay (Light)' => 'light', 
        'Overlay (Dark)' => 'dark'
      ], 
      'source' => true
    ], 
    'header_transparent_noplaceholder' => [
      'description' => 'Make the header transparent and overlay the section background. Select dark or light text. Note: This only applies, if the section directly follows the header.', 
      'type' => 'checkbox', 
      'text' => 'Pull content beneath navbar', 
      'enable' => 'header_transparent'
    ], 
    'animation' => [
      'label' => 'Animation', 
      'description' => 'Apply an animation to elements once they enter the viewport. Slide animations can come into effect with a fixed offset or at 100% of the element size.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Fade' => 'fade', 
        'Scale Up' => 'scale-up', 
        'Scale Down' => 'scale-down', 
        'Slide Top Small' => 'slide-top-small', 
        'Slide Bottom Small' => 'slide-bottom-small', 
        'Slide Left Small' => 'slide-left-small', 
        'Slide Right Small' => 'slide-right-small', 
        'Slide Top Medium' => 'slide-top-medium', 
        'Slide Bottom Medium' => 'slide-bottom-medium', 
        'Slide Left Medium' => 'slide-left-medium', 
        'Slide Right Medium' => 'slide-right-medium', 
        'Slide Top 100%' => 'slide-top', 
        'Slide Bottom 100%' => 'slide-bottom', 
        'Slide Left 100%' => 'slide-left', 
        'Slide Right 100%' => 'slide-right'
      ]
    ], 
    'animation_delay' => [
      'label' => 'Animation Delay', 
      'description' => 'Delay the element animations in milliseconds, e.g. <code>200</code>.', 
      'attrs' => [
        'placeholder' => '0'
      ], 
      'enable' => 'animation', 
      'divider' => true
    ], 
    'divider_position' => [
      'label' => 'Position', 
      'type' => 'select', 
      'description' => 'When the section sticky effect is active, only top and bottom positioned shape dividers will be visible.', 
      'default' => 'top', 
      'divider' => true, 
      'options' => [
        'Top' => 'top', 
        'Bottom' => 'bottom', 
        'Top Outside' => 'top-outside', 
        'Bottom Outside' => 'bottom-outside', 
        'Top and Bottom' => 'top-and-bottom', 
        'Top and Bottom Outside' => 'top-and-bottom-outside'
      ], 
      'enable' => 'divider_shape', 
      'show' => 'divider_shape'
    ], 
    'divider_shape' => [
      'type' => 'select-img', 
      'title' => 'Select a shape divider #1', 
      'options' => [
        '' => [
          'label' => 'None', 
          'src' => $filter->apply('url', 'images/none.svg', $file)
        ], 
        'arrow' => [
          'label' => 'Arrow', 
          'src' => $filter->apply('url', 'images/arrow.svg', $file)
        ], 
        'arrows' => [
          'label' => 'Arrows', 
          'src' => $filter->apply('url', 'images/arrows.svg', $file)
        ], 
        'blob-1' => [
          'label' => 'Blob 1', 
          'src' => $filter->apply('url', 'images/blob-1.svg', $file)
        ], 
        'blob-2' => [
          'label' => 'Blob 2', 
          'src' => $filter->apply('url', 'images/blob-2.svg', $file)
        ], 
        'blob-3' => [
          'label' => 'Blob 3', 
          'src' => $filter->apply('url', 'images/blob-3.svg', $file)
        ], 
        'blob-4' => [
          'label' => 'Blob 4', 
          'src' => $filter->apply('url', 'images/blob-4.svg', $file)
        ], 
        'blob-5' => [
          'label' => 'Blob 5', 
          'src' => $filter->apply('url', 'images/blob-5.svg', $file)
        ], 
        'blob--random' => [
          'label' => 'Blob Random', 
          'src' => $filter->apply('url', 'images/blob-random.svg', $file)
        ], 
        'book' => [
          'label' => 'Book', 
          'src' => $filter->apply('url', 'images/book.svg', $file)
        ], 
        'bubbles-1' => [
          'label' => 'Bubbles', 
          'src' => $filter->apply('url', 'images/bubbles-1.svg', $file)
        ], 
        'clouds' => [
          'label' => 'Clouds', 
          'src' => $filter->apply('url', 'images/clouds.svg', $file)
        ], 
        'crest-wave-1' => [
          'label' => 'Crest Wave 1', 
          'src' => $filter->apply('url', 'images/crest-wave-1.svg', $file)
        ], 
        'crest-wave-2' => [
          'label' => 'Crest Wave 2', 
          'src' => $filter->apply('url', 'images/crest-wave-2.svg', $file)
        ], 
        'crest-wave-3' => [
          'label' => 'Crest Wave 3', 
          'src' => $filter->apply('url', 'images/crest-wave-3.svg', $file)
        ], 
        'crest-wave-4' => [
          'label' => 'Crest Wave 4', 
          'src' => $filter->apply('url', 'images/crest-wave-4.svg', $file)
        ], 
        'custom' => [
          'label' => 'Custom', 
          'src' => $filter->apply('url', 'images/custom.svg', $file)
        ], 
        'curve' => [
          'label' => 'Curve', 
          'src' => $filter->apply('url', 'images/curve.svg', $file)
        ], 
        'curve-asymmetrical' => [
          'label' => 'Curve Asymmetrical', 
          'src' => $filter->apply('url', 'images/curve-asymmetrical.svg', $file)
        ], 
        'ellipse' => [
          'label' => 'Ellipse', 
          'src' => $filter->apply('url', 'images/ellipse.svg', $file)
        ], 
        'fire-1' => [
          'label' => 'Fire', 
          'src' => $filter->apply('url', 'images/fire-1.svg', $file)
        ], 
        'ink-1' => [
          'label' => 'Grunge Ink 1', 
          'src' => $filter->apply('url', 'images/ink-1.svg', $file)
        ], 
        'ink-2' => [
          'label' => 'Grunge Ink 2', 
          'src' => $filter->apply('url', 'images/ink-2.svg', $file)
        ], 
        'ink-3' => [
          'label' => 'Grunge Ink 3', 
          'src' => $filter->apply('url', 'images/ink-3.svg', $file)
        ], 
        'ink-4' => [
          'label' => 'Grunge Ink 4', 
          'src' => $filter->apply('url', 'images/ink-4.svg', $file)
        ], 
        'ink-5' => [
          'label' => 'Grunge Ink 5', 
          'src' => $filter->apply('url', 'images/ink-5.svg', $file)
        ], 
        'ink-6' => [
          'label' => 'Grunge Ink 6', 
          'src' => $filter->apply('url', 'images/ink-6.svg', $file)
        ], 
        'ink-7' => [
          'label' => 'Grunge Ink 7', 
          'src' => $filter->apply('url', 'images/ink-7.svg', $file)
        ], 
        'ink-8' => [
          'label' => 'Grunge Ink 8', 
          'src' => $filter->apply('url', 'images/ink-8.svg', $file)
        ], 
        'ink-9' => [
          'label' => 'Grunge Ink 9', 
          'src' => $filter->apply('url', 'images/ink-9.svg', $file)
        ], 
        'ink--random' => [
          'label' => 'Grunge Ink Random', 
          'src' => $filter->apply('url', 'images/ink-random.svg', $file)
        ], 
        'inkflow-1' => [
          'label' => 'Inkflow 1', 
          'src' => $filter->apply('url', 'images/inkflow-1.svg', $file)
        ], 
        'inkflow-2' => [
          'label' => 'Inkflow 2', 
          'src' => $filter->apply('url', 'images/inkflow-2.svg', $file)
        ], 
        'inkflow-3' => [
          'label' => 'Inkflow 3', 
          'src' => $filter->apply('url', 'images/inkflow-3.svg', $file)
        ], 
        'mountains-1' => [
          'label' => 'Mountains', 
          'src' => $filter->apply('url', 'images/mountains-1.svg', $file)
        ], 
        'paper-1' => [
          'label' => 'Paper 1', 
          'src' => $filter->apply('url', 'images/paper-1.svg', $file)
        ], 
        'paper-2' => [
          'label' => 'Paper 2', 
          'src' => $filter->apply('url', 'images/paper-2.svg', $file)
        ], 
        'paper-3' => [
          'label' => 'Paper 3', 
          'src' => $filter->apply('url', 'images/paper-3.svg', $file)
        ], 
        'pixelator' => [
          'label' => 'Pixelator', 
          'src' => $filter->apply('url', 'images/pixelator.svg', $file)
        ], 
        'rounded-edges' => [
          'label' => 'Rounded Edges', 
          'src' => $filter->apply('url', 'images/rounded-edges.svg', $file)
        ], 
        'semicircle' => [
          'label' => 'Semicircle', 
          'src' => $filter->apply('url', 'images/semicircle.svg', $file)
        ], 
        'slant-1' => [
          'label' => 'Slant 1', 
          'src' => $filter->apply('url', 'images/slant-1.svg', $file)
        ], 
        'split' => [
          'label' => 'Split', 
          'src' => $filter->apply('url', 'images/split.svg', $file)
        ], 
        'steps-1' => [
          'label' => 'Steps 1', 
          'src' => $filter->apply('url', 'images/steps-1.svg', $file)
        ], 
        'steps-2' => [
          'label' => 'Steps 2', 
          'src' => $filter->apply('url', 'images/steps-2.svg', $file)
        ], 
        'steps-3' => [
          'label' => 'Steps 3', 
          'src' => $filter->apply('url', 'images/steps-3.svg', $file)
        ], 
        'tilt' => [
          'label' => 'Tilt', 
          'src' => $filter->apply('url', 'images/tilt.svg', $file)
        ], 
        'triangle' => [
          'label' => 'Triangle', 
          'src' => $filter->apply('url', 'images/triangle.svg', $file)
        ], 
        'triangle-asymmetrical' => [
          'label' => 'Triangle Asymmetrical', 
          'src' => $filter->apply('url', 'images/triangle-asymmetrical.svg', $file)
        ], 
        'waves-1' => [
          'label' => 'Waves 1', 
          'src' => $filter->apply('url', 'images/waves-1.svg', $file)
        ], 
        'waves-2' => [
          'label' => 'Waves 2', 
          'src' => $filter->apply('url', 'images/waves-2.svg', $file)
        ], 
        'waves-3' => [
          'label' => 'Waves 3', 
          'src' => $filter->apply('url', 'images/waves-3.svg', $file)
        ], 
        'waves-4' => [
          'label' => 'Waves 4', 
          'src' => $filter->apply('url', 'images/waves-4.svg', $file)
        ], 
        'waves-5' => [
          'label' => 'Waves 5', 
          'src' => $filter->apply('url', 'images/waves-5.svg', $file)
        ], 
        'waves-6' => [
          'label' => 'Waves 6', 
          'src' => $filter->apply('url', 'images/waves-6.svg', $file)
        ], 
        'waves-7' => [
          'label' => 'Waves 7', 
          'src' => $filter->apply('url', 'images/waves-7.svg', $file)
        ], 
        'waves-8' => [
          'label' => 'Waves 8', 
          'src' => $filter->apply('url', 'images/waves-8.svg', $file)
        ], 
        'waves-9' => [
          'label' => 'Waves 9', 
          'src' => $filter->apply('url', 'images/waves-9.svg', $file)
        ], 
        'waves-10' => [
          'label' => 'Waves 10', 
          'src' => $filter->apply('url', 'images/waves-10.svg', $file)
        ], 
        'waves--random' => [
          'label' => 'Waves Random', 
          'src' => $filter->apply('url', 'images/waves-random.svg', $file)
        ], 
        'waves-opacity' => [
          'label' => 'Waves Opacity', 
          'src' => $filter->apply('url', 'images/waves-opacity.svg', $file)
        ], 
        'waves-symmetrical' => [
          'label' => 'Waves Symmetrical', 
          'src' => $filter->apply('url', 'images/waves-symmetrical.svg', $file)
        ], 
        'zigzag' => [
          'label' => 'Zigzag', 
          'src' => $filter->apply('url', 'images/zigzag.svg', $file)
        ], 
        'zigzag-asymmetrical-1' => [
          'label' => 'Zigzag Asymmetrical 1', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-1.svg', $file)
        ], 
        'zigzag-asymmetrical-2' => [
          'label' => 'Zigzag Asymmetrical 2', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-2.svg', $file)
        ], 
        'zigzag-asymmetrical-3' => [
          'label' => 'Zigzag Asymmetrical 3', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-3.svg', $file)
        ], 
        'zigzag-asymmetrical-4' => [
          'label' => 'Zigzag Asymmetrical 4', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-4.svg', $file)
        ], 
        'zigzag-asymmetrical-5' => [
          'label' => 'Zigzag Asymmetrical 5', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-5.svg', $file)
        ], 
        'zigzag-asymmetrical-6' => [
          'label' => 'Zigzag Asymmetrical 6', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-6.svg', $file)
        ], 
        'zigzag-asymmetrical-7' => [
          'label' => 'Zigzag Asymmetrical 7', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-7.svg', $file)
        ], 
        'zigzag-asymmetrical-8' => [
          'label' => 'Zigzag Asymmetrical 8', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-8.svg', $file)
        ], 
        'zigzag-asymmetrical-9' => [
          'label' => 'Zigzag Asymmetrical 9', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-9.svg', $file)
        ], 
        'zigzag-asymmetrical-10' => [
          'label' => 'Zigzag Asymmetrical 10', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-10.svg', $file)
        ], 
        'zigzag-asymmetrical--random' => [
          'label' => 'Zigzag Asymmetrical Random', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-random.svg', $file)
        ]
      ]
    ], 
    'divider_shape_custom' => [
      'label' => 'Shape', 
      'description' => '<code>IMPORTANT:</code> Only <code>path</code> and <code>g</code> tags are allowed here.', 
      'type' => 'editor', 
      'editor' => 'code', 
      'divider' => true, 
      'attrs' => [
        'debounce' => 500, 
        'placeholder' => '<path d="M1200,74L0,12.5V-296h1200V74z"/>'
      ], 
      'show' => 'divider_shape && divider_shape == \'custom\' && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_2_shape' => [
      'type' => 'select-img', 
      'title' => 'Select a shape divider #2', 
      'options' => [
        '' => [
          'label' => 'Mirror', 
          'src' => $filter->apply('url', 'images/mirror.svg', $file)
        ], 
        'arrow' => [
          'label' => 'Arrow', 
          'src' => $filter->apply('url', 'images/arrow.svg', $file)
        ], 
        'arrows' => [
          'label' => 'Arrows', 
          'src' => $filter->apply('url', 'images/arrows.svg', $file)
        ], 
        'blob-1' => [
          'label' => 'Blob 1', 
          'src' => $filter->apply('url', 'images/blob-1.svg', $file)
        ], 
        'blob-2' => [
          'label' => 'Blob 2', 
          'src' => $filter->apply('url', 'images/blob-2.svg', $file)
        ], 
        'blob-3' => [
          'label' => 'Blob 3', 
          'src' => $filter->apply('url', 'images/blob-3.svg', $file)
        ], 
        'blob-4' => [
          'label' => 'Blob 4', 
          'src' => $filter->apply('url', 'images/blob-4.svg', $file)
        ], 
        'blob-5' => [
          'label' => 'Blob 5', 
          'src' => $filter->apply('url', 'images/blob-5.svg', $file)
        ], 
        'blob--random' => [
          'label' => 'Blob Random', 
          'src' => $filter->apply('url', 'images/blob-random.svg', $file)
        ], 
        'book' => [
          'label' => 'Book', 
          'src' => $filter->apply('url', 'images/book.svg', $file)
        ], 
        'bubbles-1' => [
          'label' => 'Bubbles', 
          'src' => $filter->apply('url', 'images/bubbles-1.svg', $file)
        ], 
        'clouds' => [
          'label' => 'Clouds', 
          'src' => $filter->apply('url', 'images/clouds.svg', $file)
        ], 
        'crest-wave-1' => [
          'label' => 'Crest Wave 1', 
          'src' => $filter->apply('url', 'images/crest-wave-1.svg', $file)
        ], 
        'crest-wave-2' => [
          'label' => 'Crest Wave 2', 
          'src' => $filter->apply('url', 'images/crest-wave-2.svg', $file)
        ], 
        'crest-wave-3' => [
          'label' => 'Crest Wave 3', 
          'src' => $filter->apply('url', 'images/crest-wave-3.svg', $file)
        ], 
        'crest-wave-4' => [
          'label' => 'Crest Wave 4', 
          'src' => $filter->apply('url', 'images/crest-wave-4.svg', $file)
        ], 
        'custom' => [
          'label' => 'Custom', 
          'src' => $filter->apply('url', 'images/custom.svg', $file)
        ], 
        'curve' => [
          'label' => 'Curve', 
          'src' => $filter->apply('url', 'images/curve.svg', $file)
        ], 
        'curve-asymmetrical' => [
          'label' => 'Curve Asymmetrical', 
          'src' => $filter->apply('url', 'images/curve-asymmetrical.svg', $file)
        ], 
        'ellipse' => [
          'label' => 'Ellipse', 
          'src' => $filter->apply('url', 'images/ellipse.svg', $file)
        ], 
        'fire-1' => [
          'label' => 'Fire', 
          'src' => $filter->apply('url', 'images/fire-1.svg', $file)
        ], 
        'ink-1' => [
          'label' => 'Grunge Ink 1', 
          'src' => $filter->apply('url', 'images/ink-1.svg', $file)
        ], 
        'ink-2' => [
          'label' => 'Grunge Ink 2', 
          'src' => $filter->apply('url', 'images/ink-2.svg', $file)
        ], 
        'ink-3' => [
          'label' => 'Grunge Ink 3', 
          'src' => $filter->apply('url', 'images/ink-3.svg', $file)
        ], 
        'ink-4' => [
          'label' => 'Grunge Ink 4', 
          'src' => $filter->apply('url', 'images/ink-4.svg', $file)
        ], 
        'ink-5' => [
          'label' => 'Grunge Ink 5', 
          'src' => $filter->apply('url', 'images/ink-5.svg', $file)
        ], 
        'ink-6' => [
          'label' => 'Grunge Ink 6', 
          'src' => $filter->apply('url', 'images/ink-6.svg', $file)
        ], 
        'ink-7' => [
          'label' => 'Grunge Ink 7', 
          'src' => $filter->apply('url', 'images/ink-7.svg', $file)
        ], 
        'ink-8' => [
          'label' => 'Grunge Ink 8', 
          'src' => $filter->apply('url', 'images/ink-8.svg', $file)
        ], 
        'ink-9' => [
          'label' => 'Grunge Ink 9', 
          'src' => $filter->apply('url', 'images/ink-9.svg', $file)
        ], 
        'ink--random' => [
          'label' => 'Grunge Ink Random', 
          'src' => $filter->apply('url', 'images/ink-random.svg', $file)
        ], 
        'inkflow-1' => [
          'label' => 'Inkflow 1', 
          'src' => $filter->apply('url', 'images/inkflow-1.svg', $file)
        ], 
        'inkflow-2' => [
          'label' => 'Inkflow 2', 
          'src' => $filter->apply('url', 'images/inkflow-2.svg', $file)
        ], 
        'inkflow-3' => [
          'label' => 'Inkflow 3', 
          'src' => $filter->apply('url', 'images/inkflow-3.svg', $file)
        ], 
        'mountains-1' => [
          'label' => 'Mountains', 
          'src' => $filter->apply('url', 'images/mountains-1.svg', $file)
        ], 
        'paper-1' => [
          'label' => 'Paper 1', 
          'src' => $filter->apply('url', 'images/paper-1.svg', $file)
        ], 
        'paper-2' => [
          'label' => 'Paper 2', 
          'src' => $filter->apply('url', 'images/paper-2.svg', $file)
        ], 
        'paper-3' => [
          'label' => 'Paper 3', 
          'src' => $filter->apply('url', 'images/paper-3.svg', $file)
        ], 
        'pixelator' => [
          'label' => 'Pixelator', 
          'src' => $filter->apply('url', 'images/pixelator.svg', $file)
        ], 
        'rounded-edges' => [
          'label' => 'Rounded Edges', 
          'src' => $filter->apply('url', 'images/rounded-edges.svg', $file)
        ], 
        'semicircle' => [
          'label' => 'Semicircle', 
          'src' => $filter->apply('url', 'images/semicircle.svg', $file)
        ], 
        'slant-1' => [
          'label' => 'Slant 1', 
          'src' => $filter->apply('url', 'images/slant-1.svg', $file)
        ], 
        'split' => [
          'label' => 'Split', 
          'src' => $filter->apply('url', 'images/split.svg', $file)
        ], 
        'steps-1' => [
          'label' => 'Steps 1', 
          'src' => $filter->apply('url', 'images/steps-1.svg', $file)
        ], 
        'steps-2' => [
          'label' => 'Steps 2', 
          'src' => $filter->apply('url', 'images/steps-2.svg', $file)
        ], 
        'steps-3' => [
          'label' => 'Steps 3', 
          'src' => $filter->apply('url', 'images/steps-3.svg', $file)
        ], 
        'tilt' => [
          'label' => 'Tilt', 
          'src' => $filter->apply('url', 'images/tilt.svg', $file)
        ], 
        'triangle' => [
          'label' => 'Triangle', 
          'src' => $filter->apply('url', 'images/triangle.svg', $file)
        ], 
        'triangle-asymmetrical' => [
          'label' => 'Triangle Asymmetrical', 
          'src' => $filter->apply('url', 'images/triangle-asymmetrical.svg', $file)
        ], 
        'waves-1' => [
          'label' => 'Waves 1', 
          'src' => $filter->apply('url', 'images/waves-1.svg', $file)
        ], 
        'waves-2' => [
          'label' => 'Waves 2', 
          'src' => $filter->apply('url', 'images/waves-2.svg', $file)
        ], 
        'waves-3' => [
          'label' => 'Waves 3', 
          'src' => $filter->apply('url', 'images/waves-3.svg', $file)
        ], 
        'waves-4' => [
          'label' => 'Waves 4', 
          'src' => $filter->apply('url', 'images/waves-4.svg', $file)
        ], 
        'waves-5' => [
          'label' => 'Waves 5', 
          'src' => $filter->apply('url', 'images/waves-5.svg', $file)
        ], 
        'waves-6' => [
          'label' => 'Waves 6', 
          'src' => $filter->apply('url', 'images/waves-6.svg', $file)
        ], 
        'waves-7' => [
          'label' => 'Waves 7', 
          'src' => $filter->apply('url', 'images/waves-7.svg', $file)
        ], 
        'waves-8' => [
          'label' => 'Waves 8', 
          'src' => $filter->apply('url', 'images/waves-8.svg', $file)
        ], 
        'waves-9' => [
          'label' => 'Waves 9', 
          'src' => $filter->apply('url', 'images/waves-9.svg', $file)
        ], 
        'waves-10' => [
          'label' => 'Waves 10', 
          'src' => $filter->apply('url', 'images/waves-10.svg', $file)
        ], 
        'waves--random' => [
          'label' => 'Waves Random', 
          'src' => $filter->apply('url', 'images/waves-random.svg', $file)
        ], 
        'waves-opacity' => [
          'label' => 'Waves Opacity', 
          'src' => $filter->apply('url', 'images/waves-opacity.svg', $file)
        ], 
        'waves-symmetrical' => [
          'label' => 'Waves Symmetrical', 
          'src' => $filter->apply('url', 'images/waves-symmetrical.svg', $file)
        ], 
        'zigzag' => [
          'label' => 'Zigzag', 
          'src' => $filter->apply('url', 'images/zigzag.svg', $file)
        ], 
        'zigzag-asymmetrical-1' => [
          'label' => 'Zigzag Asymmetrical 1', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-1.svg', $file)
        ], 
        'zigzag-asymmetrical-2' => [
          'label' => 'Zigzag Asymmetrical 2', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-2.svg', $file)
        ], 
        'zigzag-asymmetrical-3' => [
          'label' => 'Zigzag Asymmetrical 3', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-3.svg', $file)
        ], 
        'zigzag-asymmetrical-4' => [
          'label' => 'Zigzag Asymmetrical 4', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-4.svg', $file)
        ], 
        'zigzag-asymmetrical-5' => [
          'label' => 'Zigzag Asymmetrical 5', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-5.svg', $file)
        ], 
        'zigzag-asymmetrical-6' => [
          'label' => 'Zigzag Asymmetrical 6', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-6.svg', $file)
        ], 
        'zigzag-asymmetrical-7' => [
          'label' => 'Zigzag Asymmetrical 7', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-7.svg', $file)
        ], 
        'zigzag-asymmetrical-8' => [
          'label' => 'Zigzag Asymmetrical 8', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-8.svg', $file)
        ], 
        'zigzag-asymmetrical-9' => [
          'label' => 'Zigzag Asymmetrical 9', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-9.svg', $file)
        ], 
        'zigzag-asymmetrical-10' => [
          'label' => 'Zigzag Asymmetrical 10', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-10.svg', $file)
        ], 
        'zigzag-asymmetrical--random' => [
          'label' => 'Zigzag Asymmetrical Random', 
          'src' => $filter->apply('url', 'images/zigzag-asymmetrical-random.svg', $file)
        ]
      ], 
      'show' => 'divider_shape && $match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    '_shape_divider_panel' => [
      'type' => 'button-panel', 
      'panel' => 'divider_1_settings', 
      'text' => 'Edit Top Divider Settings', 
      'show' => 'divider_shape && $match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    '_shape_divider_2_panel' => [
      'type' => 'button-panel', 
      'panel' => 'divider_2_settings', 
      'divider' => true, 
      'text' => 'Edit Bottom Divider Settings', 
      'show' => 'divider_shape && $match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_color' => [
      'label' => 'Color', 
      'type' => 'color', 
      'show' => 'divider_shape && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_color_inherit_section' => [
      'text' => 'Inherit Section Color', 
      'description' => 'If the section color inheritance is not working, please recompile the template style, clear browser cache and reload this page.', 
      'type' => 'checkbox', 
      'divider' => true, 
      'show' => 'divider_shape && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_flip' => [
      'label' => 'Flip', 
      'text' => 'Enable', 
      'type' => 'checkbox', 
      'enable' => '!$match(divider_shape, \'(^curve$|^triangle$|^arrow$|^split$|^book$|^paper-1$|^paper-2$|^paper-3$|^zigzag$)\')'
    ], 
    'divider_invert' => [
      'label' => 'Invert', 
      'text' => 'Enable', 
      'type' => 'checkbox', 
      'enable' => '!$match(divider_shape, \'(^custom$|^paper-2$|^tilt$|^waves-opacity$|^zigzag$)\')'
    ], 
    'divider_responsive' => [
      'label' => 'Responsive', 
      'text' => 'Enable', 
      'default' => true, 
      'type' => 'checkbox'
    ], 
    'divider_position_center' => [
      'label' => 'Position', 
      'text' => 'Center', 
      'type' => 'checkbox', 
      'enable' => 'divider_width > 100'
    ], 
    'divider_height' => [
      'label' => 'Height', 
      'description' => 'Shape height in pixels.', 
      'default' => '120', 
      'type' => 'range', 
      'attrs' => [
        'min' => 1, 
        'max' => 500, 
        'step' => 1, 
        'placeholder' => '120'
      ], 
      'enable' => '!divider_responsive'
    ], 
    'divider_width' => [
      'label' => 'Width', 
      'description' => 'Shape width in percentages.', 
      'default' => '100', 
      'type' => 'range', 
      'divider' => true, 
      'attrs' => [
        'min' => 100, 
        'max' => 300, 
        'step' => 1, 
        'placeholder' => '100'
      ]
    ], 
    'divider_shadow' => [
      'label' => 'Shadow', 
      'description' => 'Applies a drop shadow effect to the divider.', 
      'type' => 'select', 
      'options' => [
        'Disable' => '', 
        'Enable' => 'enable'
      ], 
      'show' => 'divider_shape && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_shadow_color' => [
      'label' => 'Shadow Color', 
      'type' => 'color', 
      'default' => '#00000080', 
      'show' => 'divider_shape && divider_shadow && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_shadow_offset_x' => [
      'label' => 'Offset X', 
      'default' => '0', 
      'type' => 'range', 
      'attrs' => [
        'min' => -20, 
        'max' => 20, 
        'step' => 1, 
        'placeholder' => '0'
      ]
    ], 
    'divider_shadow_offset_y' => [
      'label' => 'Offset Y', 
      'default' => '5', 
      'type' => 'range', 
      'attrs' => [
        'min' => -20, 
        'max' => 20, 
        'step' => 1, 
        'placeholder' => '5'
      ]
    ], 
    'divider_shadow_blur_radius' => [
      'label' => 'Blur', 
      'default' => '5', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 20, 
        'step' => 1, 
        'placeholder' => '5'
      ]
    ], 
    'divider_shadow_expand_container' => [
      'text' => 'Expand SVG Container Height', 
      'divider' => true, 
      'description' => 'When this option is enabled, the SVG container expands with Shadow Offset-Y and Blur values. Note that not all shapes require this option to be enabled.', 
      'type' => 'checkbox', 
      'show' => 'divider_shape && divider_shadow && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_layers' => [
      'label' => 'Layers', 
      'description' => 'Use 1 additional layer with custom color if you need a shape border.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        '+1 Layer' => '1', 
        '+2 Layers' => '2', 
        '+3 Layers' => '3', 
        '+4 Layers' => '4', 
        '+5 Layers' => '5'
      ], 
      'show' => 'divider_shape && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_layers_color' => [
      'label' => 'Color', 
      'type' => 'color', 
      'show' => 'divider_shape && divider_layers && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
    ], 
    'divider_layers_gap' => [
      'label' => 'Gap', 
      'default' => '5', 
      'type' => 'range', 
      'attrs' => [
        'min' => 1, 
        'max' => 30, 
        'step' => 1, 
        'placeholder' => '5'
      ]
    ], 
    'divider_layers_opacity' => [
      'label' => 'Opacity', 
      'default' => '0.5', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0.1, 
        'max' => 1, 
        'step' => 0.1, 
        'placeholder' => '0.5'
      ]
    ], 
    'divider_visibility' => [
      'label' => 'Visibility', 
      'description' => 'Show or hide the shape divider on this device width and larger.', 
      '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'
      ], 
      'show' => 'divider_shape'
    ], 
    'divider_z_index' => [
      'label' => 'Z-Index', 
      'description' => 'Adjust the divider\'s position above or below other section dividers. If a shape is placed in an \'outside\' position and covers your content, navigate to the corresponding element, access its general settings, and increase the z-index for that element.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        1 => '1', 
        2 => '2', 
        3 => '3', 
        4 => '4', 
        5 => '5'
      ], 
      'show' => 'divider_shape'
    ], 
    'title_position' => [
      'label' => 'Position', 
      'description' => 'Define the title position within the section.', 
      'type' => 'select', 
      'options' => [
        'Left Top' => 'top-left', 
        'Left Center' => 'center-left', 
        'Left Bottom' => 'bottom-left', 
        'Right Top' => 'top-right', 
        'Right Center' => 'center-right', 
        'Right Bottom' => 'bottom-right'
      ], 
      'enable' => 'title'
    ], 
    'title_rotation' => [
      'label' => 'Rotation', 
      'description' => 'Rotate the title 90 degrees clockwise or counterclockwise.', 
      'type' => 'select', 
      'options' => [
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'title'
    ], 
    'title_breakpoint' => [
      'label' => 'Breakpoint', 
      'description' => 'Display the section title on the defined screen size and larger.', 
      'type' => 'select', 
      'options' => [
        'Always' => '', 
        'Small (Phone Landscape)' => 's', 
        'Medium (Tablet Landscape)' => 'm', 
        'Large (Desktop)' => 'l', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'title'
    ], 
    'status' => [
      'label' => 'Status', 
      'description' => 'Disable the section and publish it later.', 
      'type' => 'checkbox', 
      'text' => 'Disable section', 
      'attrs' => [
        'true-value' => 'disabled', 
        'false-value' => ''
      ]
    ], 
    'source' => $config->get('builder.source'), 
    'name' => $config->get('builder.name'), 
    '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-section</code>', 
      'type' => 'editor', 
      'editor' => 'code', 
      'mode' => 'css', 
      'attrs' => [
        'debounce' => 500, 
        'hints' => ['.el-section']
      ]
    ]
  ], 
  'fieldset' => [
    'default' => [
      'type' => 'tabs', 
      'fields' => [[
          'title' => 'Content', 
          'fields' => ['image', 'video', '_media', 'title']
        ], [
          'title' => 'Settings', 
          'fields' => ['style', 'style_custom_color', '_style_description', 'preserve_color', 'overlap', 'text_color', 'panel_style', 'panel_padding', 'width', 'padding_remove_horizontal', 'width_expand', 'height', 'vertical_align', 'padding', 'padding_remove_top', 'padding_remove_bottom', [
              'name' => '_custom_paddings', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['padding_custom_top', 'padding_custom_bottom'], 
              'show' => 'padding == \'custom\''
            ], '_responsive_paddings_panel', 'html_element', 'sticky', 'header_transparent', 'header_transparent_noplaceholder', 'animation', 'animation_delay', [
              'label' => 'Title', 
              'type' => 'group', 
              'fields' => ['title_position', 'title_rotation', 'title_breakpoint']
            ]]
        ], [
          'title' => 'Shape Divider', 
          'fields' => [[
              'label' => 'Style', 
              'description' => 'If you encounter two shapes here, the left one will appear at the top of the section, and the right one will be positioned at the bottom.', 
              'type' => 'grid', 
              'width' => '1-1', 
              'divider' => true, 
              'fields' => ['divider_shape', 'divider_2_shape']
            ], 'divider_position', 'divider_shape_custom', 'divider_color', 'divider_color_inherit_section', '_shape_divider_panel', '_shape_divider_2_panel', [
              'name' => '_divider_settings', 
              'type' => 'grid', 
              'width' => '1-4', 
              'fields' => ['divider_flip', 'divider_invert', 'divider_responsive', 'divider_position_center'], 
              'show' => 'divider_shape && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
            ], [
              'name' => '_divider_dimensions', 
              'type' => 'grid', 
              'divider' => true, 
              'width' => '1-2', 
              'fields' => ['divider_height', 'divider_width'], 
              'show' => 'divider_shape && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
            ], 'divider_shadow', 'divider_shadow_color', [
              'name' => '_divider_shadow_settings', 
              'type' => 'grid', 
              'width' => '1-3', 
              'fields' => ['divider_shadow_offset_x', 'divider_shadow_offset_y', 'divider_shadow_blur_radius'], 
              'show' => 'divider_shape && divider_shadow && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
            ], 'divider_shadow_expand_container', 'divider_layers', 'divider_layers_color', [
              'name' => '_divider_layers_scale', 
              'type' => 'grid', 
              'width' => '1-2', 
              'divider' => true, 
              'fields' => ['divider_layers_gap', 'divider_layers_opacity'], 
              'show' => 'divider_shape && divider_layers && !$match(divider_position, \'(^top-and-bottom$|^top-and-bottom-outside$)\')'
            ], 'divider_z_index', 'divider_visibility']
        ], $config->get('builder.advanced')]
    ]
  ], 
  'panels' => [
    'builder-section-media' => [
      'title' => 'Image/Video', 
      'width' => 500, 
      'fields' => [
        'image_width' => [
          'label' => 'Width', 
          'attrs' => [
            'placeholder' => 'auto'
          ]
        ], 
        'image_height' => [
          'label' => 'Height', 
          'attrs' => [
            'placeholder' => 'auto'
          ]
        ], 
        'image_focal_point' => [
          'label' => 'Focal Point', 
          'description' => 'Set a focal point to adjust the image focus when cropping.', 
          'type' => 'select', 
          'options' => [
            'Top Left' => 'top-left', 
            'Top Center' => 'top-center', 
            'Top Right' => 'top-right', 
            'Center Left' => 'center-left', 
            'Center Center' => '', 
            'Center Right' => 'center-right', 
            'Bottom Left' => 'bottom-left', 
            'Bottom Center' => 'bottom-center', 
            'Bottom Right' => 'bottom-right'
          ], 
          'source' => true, 
          'show' => 'image && !video'
        ], 
        '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', 
          'show' => 'image && !video'
        ], 
        'image_size' => [
          'label' => 'Image Size', 
          'description' => 'Determine whether the image will fit the section dimensions by clipping it or by filling the empty areas with the background color.', 
          'type' => 'select', 
          'options' => [
            'Auto' => '', 
            'Cover' => 'cover', 
            'Contain' => 'contain', 
            'Width 100%' => 'width-1-1', 
            'Height 100%' => 'height-1-1'
          ], 
          'show' => 'image && !video'
        ], 
        'image_position' => [
          'label' => 'Image Position', 
          'description' => 'Set the initial background position, relative to the section layer.', 
          'type' => 'select', 
          'options' => [
            'Top Left' => 'top-left', 
            'Top Center' => 'top-center', 
            'Top Right' => 'top-right', 
            'Center Left' => 'center-left', 
            'Center Center' => 'center-center', 
            'Center Right' => 'center-right', 
            'Bottom Left' => 'bottom-left', 
            'Bottom Center' => 'bottom-center', 
            'Bottom Right' => 'bottom-right'
          ], 
          'show' => 'image && !video'
        ], 
        'image_effect' => [
          'label' => 'Image Effect', 
          'description' => 'Add a parallax effect or fix the background with regard to the viewport while scrolling.', 
          'type' => 'select', 
          'options' => [
            'None' => '', 
            'Parallax' => 'parallax', 
            'Fixed' => 'fixed'
          ], 
          'show' => 'image && !video'
        ], 
        'image_parallax_bgx' => [
          'text' => 'Translate X', 
          'type' => 'parallax-stops', 
          'attrs' => [
            'min' => -600, 
            'max' => 600, 
            'step' => 10
          ], 
          'show' => 'image_effect == \'parallax\' && image && !video'
        ], 
        'image_parallax_bgy' => [
          'text' => 'Translate Y', 
          'type' => 'parallax-stops', 
          'attrs' => [
            'min' => -600, 
            'max' => 600, 
            'step' => 10
          ], 
          'show' => 'image_effect == \'parallax\' && image && !video'
        ], 
        '_image_parallax_description' => [
          'description' => 'Animate properties to specific values. Add multiple stops to define start, intermediate and end values along the animation sequence. Optionally, specify percentage to position the stops along the animation sequence. Translate can have optional <code>%</code>, <code>vw</code> and <code>vh</code> units.', 
          'type' => 'description', 
          'show' => 'image_effect == \'parallax\' && image && !video'
        ], 
        'image_parallax_easing' => [
          'label' => 'Parallax Easing', 
          'description' => 'Set the animation easing. Zero transitions at an even speed, a negative value starts off quickly while a positive value starts off slowly.', 
          'type' => 'range', 
          'attrs' => [
            'min' => -2, 
            'max' => 2, 
            'step' => 0.1
          ], 
          'show' => 'image_effect == \'parallax\' && image && !video'
        ], 
        'image_parallax_breakpoint' => [
          'label' => 'Parallax Breakpoint', 
          'description' => 'Display the parallax effect 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'
          ], 
          'show' => 'image_effect == \'parallax\' && image && !video'
        ], 
        'video_width' => [
          'label' => 'Width'
        ], 
        'video_height' => [
          'label' => 'Height'
        ], 
        'media_visibility' => [
          'label' => 'Visibility', 
          'description' => 'Display the image or video 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'
          ]
        ], 
        'media_background' => [
          'label' => 'Background Color', 
          'description' => 'Use the background color in combination with blend modes, a transparent image or to fill the area, if the image doesn\'t cover the whole section.', 
          'type' => 'color'
        ], 
        'media_blend_mode' => [
          'label' => 'Blend Mode', 
          'description' => 'Determine how the image or video will blend with the background color.', 
          'type' => 'select', 
          'options' => [
            'Normal' => '', 
            'Multiply' => 'multiply', 
            'Screen' => 'screen', 
            'Overlay' => 'overlay', 
            'Darken' => 'darken', 
            'Lighten' => 'lighten', 
            'Color-dodge' => 'color-dodge', 
            'Color-burn' => 'color-burn', 
            'Hard-light' => 'hard-light', 
            'Soft-light' => 'soft-light', 
            'Difference' => 'difference', 
            'Exclusion' => 'exclusion', 
            'Hue' => 'hue', 
            'Saturation' => 'saturation', 
            'Color' => 'color', 
            'Luminosity' => 'luminosity'
          ]
        ], 
        'media_overlay' => [
          'label' => 'Overlay Color', 
          'description' => 'Set an additional transparent overlay to soften the image or video.', 
          'type' => 'gradient', 
          'internal' => 'media_overlay_gradient'
        ]
      ], 
      'fieldset' => [
        'default' => [
          'fields' => [[
              'description' => 'Set the width and height in pixels. Setting just one value preserves the original proportions. The image will be resized and cropped automatically.', 
              'name' => '_image_dimension', 
              'type' => 'grid', 
              'width' => '1-2', 
              'show' => 'image && !video', 
              'fields' => ['image_width', 'image_height']
            ], 'image_focal_point', 'image_loading', 'image_size', 'image_position', 'image_effect', 'image_parallax_bgx', 'image_parallax_bgy', '_image_parallax_description', 'image_parallax_easing', 'image_parallax_breakpoint', [
              'description' => 'Set the video dimensions.', 
              'name' => '_video_dimension', 
              'type' => 'grid', 
              'width' => '1-2', 
              'show' => 'video && !image', 
              'fields' => ['video_width', 'video_height']
            ], 'media_visibility', 'media_background', 'media_blend_mode', 'media_overlay']
        ]
      ]
    ], 
    'divider_1_settings' => [
      'title' => 'Top Shape Divider', 
      'width' => 500, 
      'fields' => [
        'divider_shape_custom' => [
          'label' => 'Shape', 
          'description' => '<code>IMPORTANT:</code> Only <code>path</code> and <code>g</code> tags are allowed here.', 
          'type' => 'editor', 
          'editor' => 'code', 
          'divider' => true, 
          'attrs' => [
            'debounce' => 500, 
            'placeholder' => '<path d="M1200,74L0,12.5V-296h1200V74z"/>'
          ], 
          'show' => 'divider_shape == \'custom\''
        ], 
        'divider_color' => [
          'label' => 'Color', 
          'type' => 'color'
        ], 
        'divider_color_inherit_section' => [
          'text' => 'Inherit Section Color', 
          'description' => 'If the section color inheritance is not working, please recompile the template style, clear browser cache and reload this page.', 
          'type' => 'checkbox', 
          'divider' => true
        ], 
        'divider_flip' => [
          'label' => 'Flip', 
          'text' => 'Enable', 
          'type' => 'checkbox', 
          'enable' => '!$match(divider_shape, \'(^curve$|^triangle$|^arrow$|^split$|^book$|^paper-1$|^paper-2$|^paper-3$|^zigzag$)\')'
        ], 
        'divider_invert' => [
          'label' => 'Invert', 
          'text' => 'Enable', 
          'type' => 'checkbox', 
          'enable' => '!$match(divider_shape, \'(^custom$|^paper-2$|^tilt$|^waves-opacity$|^zigzag$)\')'
        ], 
        'divider_responsive' => [
          'label' => 'Responsive', 
          'default' => true, 
          'text' => 'Enable', 
          'type' => 'checkbox'
        ], 
        'divider_position_center' => [
          'label' => 'Position', 
          'text' => 'Center', 
          'type' => 'checkbox', 
          'enable' => 'divider_width > 100'
        ], 
        'divider_height' => [
          'label' => 'Height', 
          'description' => 'Shape height in pixels.', 
          'default' => '120', 
          'type' => 'range', 
          'attrs' => [
            'min' => 1, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '120'
          ], 
          'enable' => '!divider_responsive'
        ], 
        'divider_width' => [
          'label' => 'Width', 
          'description' => 'Shape width in percentages.', 
          'default' => '100', 
          'type' => 'range', 
          'divider' => true, 
          'attrs' => [
            'min' => 100, 
            'max' => 300, 
            'step' => 1, 
            'placeholder' => '100'
          ]
        ], 
        'divider_shadow' => [
          'label' => 'Shadow', 
          'description' => 'Applies a drop shadow effect to the divider.', 
          'type' => 'select', 
          'options' => [
            'Disable' => '', 
            'Enable' => 'enable'
          ]
        ], 
        'divider_shadow_color' => [
          'label' => 'Shadow Color', 
          'type' => 'color', 
          'default' => '#00000080', 
          'show' => 'divider_shadow'
        ], 
        'divider_shadow_offset_x' => [
          'label' => 'Offset X', 
          'default' => '0', 
          'type' => 'range', 
          'attrs' => [
            'min' => -20, 
            'max' => 20, 
            'step' => 1, 
            'placeholder' => '0'
          ]
        ], 
        'divider_shadow_offset_y' => [
          'label' => 'Offset Y', 
          'default' => '5', 
          'type' => 'range', 
          'attrs' => [
            'min' => -20, 
            'max' => 20, 
            'step' => 1, 
            'placeholder' => '5'
          ]
        ], 
        'divider_shadow_blur_radius' => [
          'label' => 'Blur', 
          'default' => '5', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 20, 
            'step' => 1, 
            'placeholder' => '5'
          ]
        ], 
        'divider_shadow_expand_container' => [
          'text' => 'Expand SVG Container Height', 
          'divider' => true, 
          'description' => 'When this option is enabled, the SVG container expands with Shadow Offset-Y and Blur values. Note that not all shapes require this option to be enabled.', 
          'type' => 'checkbox', 
          'show' => 'divider_shadow'
        ], 
        'divider_layers' => [
          'label' => 'Layers', 
          'description' => 'Use 1 additional layer with custom color if you need a shape border.', 
          'type' => 'select', 
          'options' => [
            'None' => '', 
            '+1 Layer' => '1', 
            '+2 Layers' => '2', 
            '+3 Layers' => '3', 
            '+4 Layers' => '4', 
            '+5 Layers' => '5'
          ]
        ], 
        'divider_layers_color' => [
          'label' => 'Color', 
          'type' => 'color', 
          'show' => 'divider_layers'
        ], 
        'divider_layers_gap' => [
          'label' => 'Gap', 
          'default' => '5', 
          'type' => 'range', 
          'attrs' => [
            'min' => 1, 
            'max' => 30, 
            'step' => 1, 
            'placeholder' => '5'
          ]
        ], 
        'divider_layers_opacity' => [
          'label' => 'Opacity', 
          'default' => '0.5', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0.1, 
            'max' => 1, 
            'step' => 0.1, 
            'placeholder' => '0.5'
          ]
        ]
      ], 
      'fieldset' => [
        'default' => [
          'fields' => ['divider_shape_custom', 'divider_color', 'divider_color_inherit_section', [
              'name' => '_divider_1_settings', 
              'type' => 'grid', 
              'divider' => true, 
              'width' => '1-4', 
              'fields' => ['divider_flip', 'divider_invert', 'divider_responsive', 'divider_position_center']
            ], [
              'name' => '_divider_1_dimensions', 
              'type' => 'grid', 
              'width' => '1-2', 
              'divider' => true, 
              'fields' => ['divider_height', 'divider_width']
            ], 'divider_shadow', 'divider_shadow_color', [
              'name' => '_divider_bottom_shadow', 
              'type' => 'grid', 
              'width' => '1-3', 
              'fields' => ['divider_shadow_offset_x', 'divider_shadow_offset_y', 'divider_shadow_blur_radius'], 
              'show' => 'divider_shadow'
            ], 'divider_shadow_expand_container', 'divider_layers', 'divider_layers_color', [
              'name' => '_divider_layers_scale', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['divider_layers_gap', 'divider_layers_opacity'], 
              'show' => 'divider_layers'
            ]]
        ]
      ]
    ], 
    'divider_2_settings' => [
      'title' => 'Bottom Shape Divider', 
      'width' => 500, 
      'fields' => [
        'divider_2_shape_custom' => [
          'label' => 'Shape', 
          'description' => '<code>IMPORTANT:</code> Only <code>path</code> and <code>g</code> tags are allowed here.', 
          'type' => 'editor', 
          'editor' => 'code', 
          'divider' => true, 
          'attrs' => [
            'debounce' => 500, 
            'placeholder' => '<path d="M1200,74L0,12.5V-296h1200V74z"/>'
          ], 
          'show' => 'divider_2_shape == \'custom\''
        ], 
        'divider_2_color' => [
          'label' => 'Color', 
          'type' => 'color'
        ], 
        'divider_2_color_inherit_section' => [
          'text' => 'Inherit Section Color', 
          'description' => 'If the section color inheritance is not working, please recompile the template style, clear browser cache and reload this page.', 
          'type' => 'checkbox', 
          'divider' => true
        ], 
        'divider_2_flip' => [
          'label' => 'Flip', 
          'text' => 'Enable', 
          'default' => true, 
          'type' => 'checkbox', 
          'enable' => '!$match(divider_2_shape, \'(^curve$|^triangle$|^arrow$|^split$|^book$|^paper-1$|^paper-2$|^paper-3$|^zigzag$)\')'
        ], 
        'divider_2_invert' => [
          'label' => 'Invert', 
          'text' => 'Enable', 
          'default' => true, 
          'type' => 'checkbox', 
          'enable' => '!$match(divider_2_shape, \'(^custom$|^paper-2$|^tilt$|^waves-opacity$|^zigzag$)\') && divider_2_shape !=\'\''
        ], 
        'divider_2_responsive' => [
          'label' => 'Responsive', 
          'text' => 'Enable', 
          'default' => true, 
          'type' => 'checkbox'
        ], 
        'divider_2_position_center' => [
          'label' => 'Position', 
          'text' => 'Center', 
          'type' => 'checkbox', 
          'enable' => 'divider_2_width > 100'
        ], 
        'divider_2_height' => [
          'label' => 'Height', 
          'description' => 'Shape height in pixels.', 
          'default' => '120', 
          'type' => 'range', 
          'attrs' => [
            'min' => 1, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '120'
          ], 
          'enable' => '!divider_2_responsive'
        ], 
        'divider_2_width' => [
          'label' => 'Width', 
          'description' => 'Shape width in percentages.', 
          'default' => '100', 
          'type' => 'range', 
          'attrs' => [
            'min' => 100, 
            'max' => 300, 
            'step' => 1, 
            'placeholder' => '100'
          ]
        ], 
        'divider_2_shadow' => [
          'label' => 'Shadow', 
          'description' => 'Applies a drop shadow effect to the divider.', 
          'type' => 'select', 
          'options' => [
            'Disable' => '', 
            'Enable' => 'enable'
          ]
        ], 
        'divider_2_shadow_color' => [
          'label' => 'Shadow Color', 
          'type' => 'color', 
          'default' => '#00000080', 
          'show' => 'divider_2_shadow'
        ], 
        'divider_2_shadow_offset_x' => [
          'label' => 'Offset X', 
          'default' => '0', 
          'type' => 'range', 
          'attrs' => [
            'min' => -20, 
            'max' => 20, 
            'step' => 1, 
            'placeholder' => '0'
          ]
        ], 
        'divider_2_shadow_offset_y' => [
          'label' => 'Offset Y', 
          'default' => '5', 
          'type' => 'range', 
          'attrs' => [
            'min' => -20, 
            'max' => 20, 
            'step' => 1, 
            'placeholder' => '5'
          ]
        ], 
        'divider_2_shadow_blur_radius' => [
          'label' => 'Blur', 
          'default' => '5', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 20, 
            'step' => 1, 
            'placeholder' => '5'
          ]
        ], 
        'divider_2_shadow_expand_container' => [
          'text' => 'Expand SVG Container Height', 
          'divider' => true, 
          'description' => 'When this option is enabled, the SVG container expands with Shadow Offset-Y and Blur values. Note that not all shapes require this option to be enabled.', 
          'type' => 'checkbox', 
          'show' => 'divider_2_shadow'
        ], 
        'divider_2_layers' => [
          'label' => 'Layers', 
          'description' => 'Use 1 additional layer with custom color if you need a shape border.', 
          'type' => 'select', 
          'options' => [
            'None' => '', 
            '+1 Layer' => '1', 
            '+2 Layers' => '2', 
            '+3 Layers' => '3', 
            '+4 Layers' => '4', 
            '+5 Layers' => '5'
          ]
        ], 
        'divider_2_layers_color' => [
          'label' => 'Color', 
          'type' => 'color', 
          'show' => 'divider_2_layers'
        ], 
        'divider_2_layers_gap' => [
          'label' => 'Gap', 
          'default' => '5', 
          'type' => 'range', 
          'attrs' => [
            'min' => 1, 
            'max' => 30, 
            'step' => 1, 
            'placeholder' => '5'
          ]
        ], 
        'divider_2_layers_opacity' => [
          'label' => 'Opacity', 
          'default' => '0.5', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0.1, 
            'max' => 1, 
            'step' => 0.1, 
            'placeholder' => '0.5'
          ]
        ]
      ], 
      'fieldset' => [
        'default' => [
          'fields' => ['divider_2_shape_custom', 'divider_2_color', 'divider_2_color_inherit_section', [
              'name' => '_divider_bottom_settings', 
              'type' => 'grid', 
              'width' => '1-4', 
              'divider' => true, 
              'fields' => ['divider_2_flip', 'divider_2_invert', 'divider_2_responsive', 'divider_2_position_center']
            ], [
              'name' => '_divider_bottom_dimensions', 
              'type' => 'grid', 
              'divider' => true, 
              'width' => '1-2', 
              'fields' => ['divider_2_height', 'divider_2_width']
            ], 'divider_2_shadow', 'divider_2_shadow_color', [
              'name' => '_divider_bottom_shadow', 
              'type' => 'grid', 
              'width' => '1-3', 
              'fields' => ['divider_2_shadow_offset_x', 'divider_2_shadow_offset_y', 'divider_2_shadow_blur_radius'], 
              'show' => 'divider_2_shadow'
            ], 'divider_2_shadow_expand_container', 'divider_2_layers', 'divider_2_layers_color', [
              'name' => '_divider_layers_scale', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['divider_2_layers_gap', 'divider_2_layers_opacity'], 
              'show' => 'divider_2_layers'
            ]]
        ]
      ]
    ], 
    'responsive_paddings_settings' => [
      'title' => 'Responsive Paddings', 
      'width' => 500, 
      'fields' => [
        'responsive_padding_top_d' => [
          'label' => 'Top Padding', 
          'default' => '40', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ]
        ], 
        'responsive_padding_bottom_d' => [
          'label' => 'Bottom Padding', 
          'default' => '40', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ]
        ], 
        'responsive_padding_top_s' => [
          'label' => 'Top Padding', 
          'default' => '40', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_s'
        ], 
        'responsive_padding_bottom_s' => [
          'label' => 'Bottom Padding', 
          'default' => '40', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_s'
        ], 
        'responsive_padding_inherit_s' => [
          'type' => 'checkbox', 
          'divider' => true, 
          'text' => 'Inherit Phone Portrait Padding'
        ], 
        'responsive_padding_top_m' => [
          'label' => 'Top Padding', 
          'default' => '40', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_m'
        ], 
        'responsive_padding_bottom_m' => [
          'label' => 'Bottom Padding', 
          'default' => '40', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_m'
        ], 
        'responsive_padding_inherit_m' => [
          'type' => 'checkbox', 
          'divider' => true, 
          'text' => 'Inherit Phone Landscape Padding'
        ], 
        'responsive_padding_top_l' => [
          'label' => 'Top Padding', 
          'default' => '70', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_l'
        ], 
        'responsive_padding_bottom_l' => [
          'label' => 'Bottom Padding', 
          'default' => '70', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_l'
        ], 
        'responsive_padding_inherit_l' => [
          'type' => 'checkbox', 
          'divider' => true, 
          'text' => 'Inherit Tablet Landscape Padding'
        ], 
        'responsive_padding_top_xl' => [
          'label' => 'Top Padding', 
          'default' => '70', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_xl'
        ], 
        'responsive_padding_bottom_xl' => [
          'label' => 'Bottom Padding', 
          'default' => '70', 
          'type' => 'range', 
          'attrs' => [
            'min' => 0, 
            'max' => 500, 
            'step' => 1, 
            'placeholder' => '0'
          ], 
          'enable' => '!responsive_padding_inherit_xl'
        ], 
        'responsive_padding_inherit_xl' => [
          'type' => 'checkbox', 
          'divider' => true, 
          'text' => 'Inherit Desktop Padding'
        ]
      ], 
      'fieldset' => [
        'default' => [
          'fields' => [[
              'label' => 'Phone Portrait', 
              'type' => 'grid', 
              'divider' => true, 
              'width' => '1-2', 
              'fields' => ['responsive_padding_top_d', 'responsive_padding_bottom_d']
            ], [
              'label' => 'Phone Landscape', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['responsive_padding_top_s', 'responsive_padding_bottom_s']
            ], 'responsive_padding_inherit_s', [
              'label' => 'Tablet Landscape', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['responsive_padding_top_m', 'responsive_padding_bottom_m']
            ], 'responsive_padding_inherit_m', [
              'label' => 'Desktop', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['responsive_padding_top_l', 'responsive_padding_bottom_l']
            ], 'responsive_padding_inherit_l', [
              'label' => 'Large Screens', 
              'type' => 'grid', 
              'width' => '1-2', 
              'fields' => ['responsive_padding_top_xl', 'responsive_padding_bottom_xl']
            ], 'responsive_padding_inherit_xl']
        ]
      ]
    ]
  ]
];
