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

return [
  '@import' => $filter->apply('path', './element.php', $file), 
  'name' => 'circleprogress', 
  'title' => 'Progress', 
  '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_title' => true, 
    'show_meta' => true, 
    'show_content' => true, 
    'show_link' => true, 
    'grid_default' => '1', 
    'grid_medium' => '3', 
    'filter_style' => 'tab', 
    'filter_all' => true, 
    'filter_position' => 'top', 
    'filter_align' => 'left', 
    'filter_grid_width' => 'auto', 
    'filter_grid_breakpoint' => 'm', 
    'title_hover_style' => 'reset', 
    'title_element' => 'h3', 
    'title_align' => 'top', 
    'title_grid_width' => '1-2', 
    'title_grid_breakpoint' => 'm', 
    'meta_style' => 'text-meta', 
    'meta_align' => 'below-title', 
    'meta_element' => 'div', 
    'content_column_breakpoint' => 'm', 
    'bar_size' => '180', 
    'bar_format' => 'value', 
    'bar_start_angle' => '0', 
    'bar_constrain' => 'false', 
    'bar_clockwise' => 'true', 
    'bar_align' => 'top', 
    'bar_grid_width' => '1-2', 
    'bar_grid_breakpoint' => 'm', 
    'bar_vertical_align' => true, 
    'bar_animation_style' => 'linear', 
    'bar_animation_duration' => '600', 
    'bar_animation_scrollspy_offset' => '100', 
    'bar_animation_repeat' => false, 
    'bar_value_color' => '#3696f3', 
    'bar_value_stroke' => '1', 
    'bar_value_stroke_linecap' => 'round', 
    'bar_da_dashes' => '0.5', 
    'bar_da_gaps' => '4', 
    'bar_circle_color' => '#f2f2f2', 
    'bar_circle_stroke' => '1', 
    'bar_text_color' => '#000', 
    'bar_text_size' => '20', 
    'bar_font_weight' => '400', 
    'text_align' => 'center', 
    'link_text' => 'Read more', 
    'link_style' => 'default', 
    'margin' => 'default', 
    'item_animation' => true
  ], 
  'placeholder' => [
    'children' => [[
        'type' => 'circleprogress_item', 
        'props' => [
          'value' => 65, 
          'max' => 100
        ]
      ], [
        'type' => 'circleprogress_item', 
        'props' => [
          'value' => 50, 
          'max' => 100
        ]
      ], [
        'type' => 'circleprogress_item', 
        'props' => [
          'value' => 80, 
          'max' => 100
        ]
      ]]
  ], 
  'templates' => [
    'render' => $filter->apply('path', './templates/template.php', $file), 
    'content' => $filter->apply('path', './templates/content.php', $file)
  ], 
  'fields' => [
    'content' => [
      'label' => 'Items', 
      'type' => 'content-items', 
      'item' => 'circleprogress_item'
    ], 
    'show_title' => [
      'label' => 'Display', 
      'type' => 'checkbox', 
      'text' => 'Show the title'
    ], 
    'show_meta' => [
      'type' => 'checkbox', 
      'text' => 'Show the meta text'
    ], 
    'show_content' => [
      'type' => 'checkbox', 
      'text' => 'Show the content'
    ], 
    'show_link' => [
      'description' => 'Show or hide content fields without deletion.', 
      'type' => 'checkbox', 
      'text' => 'Show the link'
    ], 
    'fs_settings' => [
      'label' => 'Show', 
      'type' => 'select', 
      'options' => [
        'Element Settings' => '', 
        'Progress Settings' => 'progress'
      ]
    ], 
    'bar_size' => [
      'label' => 'Size', 
      'description' => 'Adjusts the size of the progress bar.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '120', 
        'min' => 50, 
        'max' => 300, 
        'step' => 1
      ]
    ], 
    'bar_format' => [
      'label' => 'Format', 
      'description' => 'Choose the format for displaying the progress bar text.', 
      'type' => 'select', 
      'options' => [
        'Percent' => 'percent', 
        'Value' => 'value', 
        'Vertical' => 'vertical', 
        'Horizontal' => 'horizontal', 
        'None' => 'none'
      ]
    ], 
    'bar_start_angle' => [
      'label' => 'Start Angle', 
      'description' => 'Specify the starting angle of the progress bar in degrees.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => 0, 
        'max' => 360, 
        'step' => 1
      ]
    ], 
    'bar_clockwise' => [
      'label' => 'Clockwise', 
      'description' => 'Whether to rotate clockwise (true) or anti-clockwise (false).', 
      'type' => 'select', 
      'options' => [
        'True' => 'true', 
        'False' => 'false'
      ]
    ], 
    'bar_constrain' => [
      'label' => 'Constrain', 
      'description' => 'Whether the value should be constrained between min and max. If true, values over max will be truncated to max and values under min will be set to min.', 
      'type' => 'select', 
      'options' => [
        'True' => 'true', 
        'False' => 'false'
      ]
    ], 
    'bar_link' => [
      'label' => 'Link', 
      'description' => 'If a link exists, the progress bar can be linked to a specified URL.', 
      'type' => 'checkbox', 
      'text' => 'Link Progress Bar', 
      'enable' => 'show_link'
    ], 
    'bar_align' => [
      'label' => 'Alignment', 
      'description' => 'The progress bar can be aligned to the top, left, right, or positioned between the title and the content.', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Bottom' => 'bottom', 
        'Left' => 'left', 
        'Right' => 'right', 
        'Between' => 'between'
      ]
    ], 
    'bar_grid_width' => [
      'label' => 'Grid Width', 
      'description' => 'Define the width of the progress bar 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' => '$match(bar_align, \'left|right\')', 
      'show' => '$match(bar_align, \'left|right\')'
    ], 
    'bar_grid_column_gap' => [
      'label' => 'Grid Column Gap', 
      'description' => 'Set the size of the gap between the progress bar and the content.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => '$match(bar_align, \'left|right\') && !panel_style', 
      'show' => '$match(bar_align, \'left|right\') && !panel_style'
    ], 
    'bar_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' => '$match(bar_align, \'left|right\') && !panel_style', 
      'show' => '$match(bar_align, \'left|right\') && !panel_style'
    ], 
    'bar_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', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => '$match(bar_align, \'left|right\')', 
      'show' => '$match(bar_align, \'left|right\')'
    ], 
    'bar_vertical_align' => [
      'label' => 'Vertical Alignment', 
      'description' => 'Vertically center grid items.', 
      'type' => 'checkbox', 
      'text' => 'Center', 
      'enable' => '$match(bar_align, \'left|right\')', 
      'show' => '$match(bar_align, \'left|right\')'
    ], 
    'bar_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' => '$match(bar_align, \'between|bottom\') || (bar_align == \'top\' && panel_style))', 
      'show' => '$match(bar_align, \'between|bottom\') || (bar_align == \'top\' && panel_style))'
    ], 
    'bar_animation_style' => [
      'label' => 'Transition', 
      'description' => 'Choose one of the predefined animation effects for the progress bar.', 
      'type' => 'select', 
      'options' => [
        'linear' => 'linear', 
        'easeInQuad' => 'easeInQuad', 
        'easeOutQuad' => 'easeOutQuad', 
        'easeInOutQuad' => 'easeInOutQuad', 
        'easeInCubic' => 'easeInCubic', 
        'easeOutCubic' => 'easeOutCubic', 
        'easeInOutCubic' => 'easeInOutCubic', 
        'easeInQuart' => 'easeInQuart', 
        'easeOutQuart' => 'easeOutQuart', 
        'easeInOutQuart' => 'easeInOutQuart', 
        'easeInQuint' => 'easeInQuint', 
        'easeOutQuint' => 'easeOutQuint', 
        'easeInOutQuint' => 'easeInOutQuint', 
        'easeInSine' => 'easeInSine', 
        'easeOutSine' => 'easeOutSine', 
        'easeInOutSine' => 'easeInOutSine', 
        'easeInExpo' => 'easeInExpo', 
        'easeOutExpo' => 'easeOutExpo', 
        'easeInOutExpo' => 'easeInOutExpo', 
        'easeInCirc' => 'easeInCirc', 
        'easeOutCirc' => 'easeOutCirc', 
        'easeInOutCirc' => 'easeInOutCirc'
      ]
    ], 
    'bar_animation_duration' => [
      'label' => 'Duration', 
      'description' => 'Sets the duration of the progress bar animation in milliseconds.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '600', 
        'min' => 500, 
        'max' => 5000, 
        'step' => 100
      ]
    ], 
    'bar_animation_scrollspy_offset' => [
      'label' => 'Offset', 
      'description' => 'Sets the offset value in pixels to trigger the progress bar animations while scrolling.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '0', 
        'min' => -300, 
        'max' => 300, 
        'step' => 10
      ]
    ], 
    'bar_animation_repeat' => [
      'label' => 'Repeat', 
      'description' => 'Enable this option to repeat the progress bar animation each time the element becomes visible in the view.', 
      'type' => 'checkbox', 
      'text' => 'Enable'
    ], 
    'bar_value_color' => [
      'label' => 'Color', 
      'description' => 'Choose the color for the progress bar value.', 
      'type' => 'color'
    ], 
    'bar_value_stroke' => [
      'label' => 'Width', 
      'description' => 'Adjust the width of the stroke for the progress bar value.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '6', 
        'min' => 1, 
        'max' => 50, 
        'step' => 1
      ]
    ], 
    'bar_value_stroke_linecap' => [
      'label' => 'Stroke', 
      'description' => 'Choose the shape to be used at the end of open subpaths when they are stroked.', 
      'type' => 'select', 
      'options' => [
        'Round' => 'round', 
        'Square' => 'square', 
        'Butt' => 'butt'
      ]
    ], 
    'bar_da_dashes' => [
      'attrs' => [
        'placeholder' => '1'
      ], 
      'enable' => 'bar_value_stroke_linecap == \'butt\''
    ], 
    'bar_da_gaps' => [
      'attrs' => [
        'placeholder' => '4'
      ], 
      'enable' => 'bar_value_stroke_linecap == \'butt\''
    ], 
    'bar_circle_color' => [
      'label' => 'Color', 
      'description' => 'Choose the color of the progress bar circle.', 
      'type' => 'color'
    ], 
    'bar_circle_background' => [
      'label' => 'Background', 
      'description' => 'Choose the background color of the progress bar circle.', 
      'type' => 'color'
    ], 
    'bar_circle_stroke' => [
      'label' => 'Width', 
      'description' => 'Control the width of the stroke around the progress bar circle.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '6', 
        'min' => 1, 
        'max' => 50, 
        'step' => 1
      ]
    ], 
    'bar_text_color' => [
      'label' => 'Color', 
      'description' => 'Define the color of the text displayed within the progress bar.', 
      'type' => 'color'
    ], 
    'bar_text_size' => [
      'label' => 'Size', 
      'description' => 'Set the size of the text displayed within the progress bar.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => '16', 
        'min' => 10, 
        'max' => 30, 
        'step' => 1
      ]
    ], 
    'bar_font_family' => [
      'label' => 'Font Family', 
      'description' => 'Specifies the font family to be used for the Counter element.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Default' => 'default', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Tertiary' => 'tertiary'
      ]
    ], 
    'bar_font_weight' => [
      'label' => 'Font Weight', 
      'description' => 'Specify the weight or thickness of the font used for the progress bar text.', 
      'type' => 'select', 
      'options' => [
        'Thin' => '100', 
        'Light' => '300', 
        'Normal' => '400', 
        'Semibold' => '500', 
        'Bold' => '700', 
        'Black' => '900'
      ]
    ], 
    'grid_masonry' => [
      'label' => 'Masonry', 
      'description' => 'Create a gap-free masonry layout if grid items have different heights. Pack items into columns with the most room or show them in their natural order. Optionally, use a parallax animation to move columns while scrolling until they justify at the bottom.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Pack' => 'pack', 
        'Next' => 'next'
      ]
    ], 
    'grid_parallax' => [
      'label' => 'Parallax', 
      'description' => 'The parallax animation moves single grid columns at different speeds while scrolling. Define the vertical parallax offset in pixels. Alternatively, move columns with different heights until they justify at the bottom.', 
      'type' => 'range', 
      'attrs' => [
        'min' => 0, 
        'max' => 600, 
        'step' => 10
      ]
    ], 
    'grid_parallax_justify' => [
      'type' => 'checkbox', 
      'text' => 'Justify columns at the bottom'
    ], 
    'grid_parallax_start' => [
      'enable' => 'grid_parallax || grid_parallax_justify'
    ], 
    'grid_parallax_end' => [
      'enable' => 'grid_parallax || grid_parallax_justify'
    ], 
    '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', 
      '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', 
      'type' => 'checkbox', 
      'text' => 'Center columns', 
      'enable' => '!grid_masonry'
    ], 
    'grid_row_align' => [
      'description' => 'Center grid columns horizontally and rows vertically.', 
      'type' => 'checkbox', 
      'text' => 'Center rows', 
      'enable' => '!grid_masonry'
    ], 
    '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. <i>Auto</i> expands the columns to the width of their items filling the rows accordingly.', 
      'type' => 'select', 
      'options' => [
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto'
      ]
    ], 
    '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. <i>Auto</i> expands the columns to the width of their items filling the rows accordingly.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto'
      ]
    ], 
    '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. <i>Auto</i> expands the columns to the width of their items filling the rows accordingly.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto'
      ]
    ], 
    '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. <i>Auto</i> expands the columns to the width of their items filling the rows accordingly.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto'
      ]
    ], 
    '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. <i>Auto</i> expands the columns to the width of their items filling the rows accordingly.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '1 Column' => '1', 
        '2 Columns' => '2', 
        '3 Columns' => '3', 
        '4 Columns' => '4', 
        '5 Columns' => '5', 
        '6 Columns' => '6', 
        'Auto' => 'auto'
      ]
    ], 
    'filter' => [
      'label' => 'Filter', 
      'type' => 'checkbox', 
      'text' => 'Enable filter navigation'
    ], 
    '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' => 'filter'
    ], 
    'filter_order' => [
      'label' => 'Navigation Order', 
      'description' => 'Order the filter navigation alphabetically or by defining the order manually.', 
      'type' => 'select', 
      'options' => [
        'Alphabetical' => '', 
        'Manual' => 'manual'
      ], 
      'enable' => 'filter'
    ], 
    'filter_reverse' => [
      'type' => 'checkbox', 
      'text' => 'Reverse order', 
      'enable' => 'filter'
    ], 
    'filter_order_manual' => [
      'label' => 'Manual Order', 
      'description' => 'Enter a comma-separated list of tags to manually order the filter navigation.', 
      'source' => true, 
      'enable' => 'filter && filter_order == \'manual\''
    ], 
    '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'
      ], 
      'enable' => 'filter'
    ], 
    'filter_all' => [
      'label' => 'All Items', 
      'type' => 'checkbox', 
      'text' => 'Show filter control for all items', 
      'enable' => 'filter'
    ], 
    'filter_all_label' => [
      'attrs' => [
        'placeholder' => 'All'
      ], 
      'enable' => '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 navigation.', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Left' => 'left', 
        'Right' => 'right'
      ], 
      'enable' => 'filter'
    ], 
    'filter_style_primary' => [
      'type' => 'checkbox', 
      'text' => 'Primary navigation', 
      'enable' => 'filter && $match(filter_position, \'left|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' => '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' => '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' => 'filter && $match(filter_position, \'left|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' => 'filter && $match(filter_position, \'left|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' => 'filter && $match(filter_position, \'left|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' => 'filter && $match(filter_position, \'left|right\')'
    ], 
    'filter_sticky' => [
      'label' => 'Sticky', 
      'description' => 'Stick the column to the top of the viewport while scrolling down. The column will stop being sticky when it reaches the bottom of its containing row.', 
      'type' => 'checkbox', 
      'text' => 'Stick to viewport', 
      'enable' => 'filter && $match(filter_position, \'left|right\')'
    ], 
    'filter_sticky_offset' => [
      'label' => 'Sticky Offset', 
      'description' => 'Set the offset from the top of the viewport where the column should become sticky.', 
      'attrs' => [
        'placeholder' => '0'
      ], 
      'enable' => 'filter && $match(filter_position, \'left|right\') && filter_sticky'
    ], 
    'filter_sticky_breakpoint' => [
      'label' => 'Sticky Breakpoint', 
      'description' => 'Make the column sticky only from 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' => 'filter && $match(filter_position, \'left|right\') && filter_sticky'
    ], 
    'panel_style' => [
      'label' => 'Style', 
      'description' => 'Select one of the boxed card or tile 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', 
        'Tile Default' => 'tile-default', 
        'Tile Muted' => 'tile-muted', 
        'Tile Primary' => 'tile-primary', 
        'Tile Secondary' => 'tile-secondary', 
        'Tile Checked' => 'tile-checked'
      ]
    ], 
    'panel_link' => [
      'label' => 'Link', 
      'description' => 'Link the whole panel if a link exists.', 
      'type' => 'checkbox', 
      'text' => 'Link panel', 
      'enable' => 'show_link'
    ], 
    'panel_padding' => [
      'label' => 'Padding', 
      'description' => 'Set the padding.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Small' => 'small', 
        'Default' => 'default', 
        'Large' => 'large'
      ], 
      'enable' => 'panel_style || (!panel_style && bar_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'
      ]
    ], 
    'panel_content_width' => [
      'label' => '1 Column Content Width', 
      'description' => 'Set an optional content width which doesn\'t affect the progress bar if there is just one column.', 
      'type' => 'select', 
      'options' => [
        'Auto' => '', 
        'X-Small' => 'xsmall', 
        'Small' => 'small'
      ], 
      'show' => '!panel_style', 
      'enable' => 'bar_align == \'top\' && !panel_padding && !item_maxwidth && (!grid_default || grid_default == \'1\') && (!grid_small || grid_small == \'1\') && (!grid_medium || grid_medium == \'1\') && (!grid_large || grid_large == \'1\') && (!grid_xlarge || grid_xlarge == \'1\')'
    ], 
    'title_limit' => [
      'label' => 'Limit Output', 
      'description' => 'Limit the text output.', 
      'type' => 'checkbox', 
      'text' => 'Enable'
    ], 
    'title_limit_length' => [
      'label' => 'Characters', 
      'description' => 'Set the characters limit for title. Note: all HTML code will be stripped.', 
      'default' => '80', 
      'type' => 'range', 
      'attrs' => [
        'min' => 1, 
        'max' => 200, 
        'step' => 1, 
        'placeholder' => '-'
      ], 
      'enable' => 'show_title && title_limit'
    ], 
    'title_style' => [
      'label' => 'Style', 
      'description' => 'Title styles differ in font-size but may also come with a predefined color, size and font.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Heading 2X-Large' => 'heading-2xlarge', 
        'Heading X-Large' => 'heading-xlarge', 
        'Heading Large' => 'heading-large', 
        'Heading Medium' => 'heading-medium', 
        'Heading Small' => 'heading-small', 
        'Heading H1' => 'h1', 
        'Heading H2' => 'h2', 
        'Heading H3' => 'h3', 
        'Heading H4' => 'h4', 
        'Heading H5' => 'h5', 
        'Heading H6' => 'h6', 
        'Text Meta' => 'text-meta', 
        'Text Lead' => 'text-lead', 
        'Text Small' => 'text-small', 
        'Text Large' => 'text-large'
      ], 
      'enable' => 'show_title'
    ], 
    'title_link' => [
      'label' => 'Link', 
      'description' => 'Link the title if a link exists.', 
      'type' => 'checkbox', 
      'text' => 'Link title', 
      'enable' => 'show_title && 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_title && show_link && (title_link || panel_link)'
    ], 
    'title_decoration' => [
      'label' => 'Decoration', 
      'description' => 'Decorate the title with a divider, bullet or a line that is vertically centered to the heading.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Divider' => 'divider', 
        'Bullet' => 'bullet', 
        'Line' => 'line'
      ], 
      'enable' => 'show_title'
    ], 
    'title_font_family' => [
      'label' => 'Font Family', 
      'description' => 'Select an alternative font family. Mind that not all styles have different font families.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Default' => 'default', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Tertiary' => 'tertiary'
      ], 
      'enable' => 'show_title'
    ], 
    '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'
      ], 
      'enable' => 'show_title'
    ], 
    'title_element' => [
      'label' => 'HTML Element', 
      'description' => 'Set the level for the section heading or give it no semantic meaning.', 
      'type' => 'select', 
      'options' => [
        'h1' => 'h1', 
        'h2' => 'h2', 
        'h3' => 'h3', 
        'h4' => 'h4', 
        'h5' => 'h5', 
        'h6' => 'h6', 
        'div' => 'div'
      ], 
      'enable' => 'show_title'
    ], 
    'title_align' => [
      'label' => 'Alignment', 
      'description' => 'Align the title to the top or left in regards to the content.', 
      'type' => 'select', 
      'options' => [
        'Top' => 'top', 
        'Left' => 'left'
      ], 
      'enable' => 'show_title'
    ], 
    'title_grid_width' => [
      'label' => 'Grid Width', 
      'description' => 'Define the width of the title within the grid. Choose between percent and fixed widths or expand columns to the width of their content.', 
      'type' => 'select', 
      'options' => [
        'Auto' => 'auto', 
        'Expand' => 'expand', 
        '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_title && title_align == \'left\''
    ], 
    'title_grid_column_gap' => [
      'label' => 'Grid Column Gap', 
      'description' => 'Set the size of the gap between the title and the content.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Medium' => 'medium', 
        'Default' => '', 
        'Large' => 'large', 
        'None' => 'collapse'
      ], 
      'enable' => 'show_title && title_align == \'left\''
    ], 
    'title_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_title && title_align == \'left\''
    ], 
    'title_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', 
        'X-Large (Large Screens)' => 'xl'
      ], 
      'enable' => 'show_title && title_align == \'left\''
    ], 
    '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'
      ], 
      'enable' => 'show_title'
    ], 
    'title_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'
      ]
    ], 
    'meta_limit' => [
      'label' => 'Limit Output', 
      'description' => 'Limit the text output.', 
      'type' => 'checkbox', 
      'text' => 'Enable'
    ], 
    'meta_limit_length' => [
      'label' => 'Characters', 
      'description' => 'Set the characters limit for title. Note: all HTML code will be removed from display but still be available in the modal.', 
      'default' => '80', 
      'type' => 'range', 
      'attrs' => [
        'min' => 1, 
        'max' => 200, 
        'step' => 1, 
        'placeholder' => '-'
      ], 
      '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' => '', 
        'Text Meta' => 'text-meta', 
        'Text Lead' => 'text-lead', 
        'Text Small' => 'text-small', 
        'Text Large' => 'text-large', 
        'Heading 2X-Large' => 'heading-2xlarge', 
        'Heading X-Large' => 'heading-xlarge', 
        'Heading Large' => 'heading-large', 
        'Heading Medium' => 'heading-medium', 
        'Heading Small' => 'heading-small', 
        'Heading H1' => 'h1', 
        'Heading H2' => 'h2', 
        'Heading H3' => 'h3', 
        'Heading H4' => 'h4', 
        'Heading H5' => 'h5', 
        'Heading H6' => 'h6'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_decoration' => [
      'label' => 'Decoration', 
      'description' => 'Decorate the title with a divider, bullet or a line that is vertically centered to the heading.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Divider' => 'divider', 
        'Bullet' => 'bullet'
      ]
    ], 
    'meta_font_family' => [
      'label' => 'Font Family', 
      'description' => 'Select an alternative font family. Mind that not all styles have different font families.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Default' => 'default', 
        'Primary' => 'primary', 
        'Secondary' => 'secondary', 
        'Tertiary' => 'tertiary'
      ]
    ], 
    '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_align' => [
      'label' => 'Alignment', 
      'description' => 'Align the meta text.', 
      'type' => 'select', 
      'options' => [
        'Above Title' => 'above-title', 
        'Below Title' => 'below-title', 
        'Above Content' => 'above-content', 
        'Below Content' => 'below-content'
      ], 
      'enable' => 'show_meta'
    ], 
    'meta_element' => [
      'label' => 'HTML Element', 
      'description' => 'Set the level for the section heading or give it no semantic meaning.', 
      'type' => 'select', 
      'options' => [
        'h1' => 'h1', 
        'h2' => 'h2', 
        'h3' => 'h3', 
        'h4' => 'h4', 
        'h5' => 'h5', 
        'h6' => 'h6', 
        'div' => 'div'
      ], 
      'enable' => 'show_meta'
    ], 
    '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.', 
      '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'
      ]
    ], 
    'content_limit' => [
      'label' => 'Limit Output', 
      'description' => 'Limit the text output.', 
      'type' => 'checkbox', 
      'text' => 'Enable'
    ], 
    'content_limit_length' => [
      'label' => 'Characters', 
      'description' => 'Set the characters limit for title. Note: all HTML code will be removed from display but still be available in the modal.', 
      'default' => '80', 
      'type' => 'range', 
      'attrs' => [
        'min' => 1, 
        'max' => 200, 
        'step' => 1, 
        'placeholder' => '-'
      ], 
      'enable' => 'show_content && content_limit'
    ], 
    'content_style' => [
      'label' => 'Style', 
      'description' => 'Select a predefined text style, including color, size and font-family.', 
      'type' => 'select', 
      'options' => [
        'None' => '', 
        'Text Meta' => 'text-meta', 
        'Text Lead' => 'text-lead', 
        'Text Small' => 'text-small', 
        'Text Large' => 'text-large', 
        'Heading 2X-Large' => 'heading-2xlarge', 
        'Heading X-Large' => 'heading-xlarge', 
        'Heading Large' => 'heading-large', 
        'Heading Medium' => 'heading-medium', 
        'Heading Small' => 'heading-small', 
        'Heading H1' => 'h1', 
        'Heading H2' => 'h2', 
        'Heading H3' => 'h3', 
        'Heading H4' => 'h4', 
        'Heading H5' => 'h5', 
        'Heading H6' => 'h6'
      ], 
      'enable' => 'show_content'
    ], 
    '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_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', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Medium' => 'medium', 
        'Large' => 'large', 
        'X-Large' => 'xlarge', 
        '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'
      ]
    ], 
    'link_target' => [
      'label' => 'Target', 
      'type' => 'checkbox', 
      'text' => 'Open in a new window', 
      'enable' => 'show_link'
    ], 
    'link_text' => [
      'label' => 'Text', 
      'description' => 'Enter the text for the link.', 
      'attrs' => [
        'placeholder' => 'Global Link Text'
      ], 
      'enable' => 'show_link', 
      'source' => true
    ], 
    'link_title' => [
      'label' => 'Title', 
      'description' => 'Enter the attribute value to be set as the title for the link.', 
      'attrs' => [
        'placeholder' => 'Global Link Title'
      ], 
      'enable' => 'show_link', 
      'source' => true
    ], 
    'link_aria_label' => [
      'label' => 'ARIA Label', 
      'description' => 'Enter a descriptive text label to make it accessible if the link has no visible text.', 
      'attrs' => [
        'placeholder' => 'Global ARIA Label'
      ], 
      'enable' => 'show_link', 
      'source' => true
    ], 
    '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', 
        'Link' => '', 
        'Link Muted' => 'link-muted', 
        'Link Text' => 'link-text'
      ], 
      'enable' => 'show_link'
    ], 
    'link_size' => [
      'label' => 'Button Size', 
      'description' => 'Set the button size.', 
      'type' => 'select', 
      'options' => [
        'Small' => 'small', 
        'Default' => '', 
        'Large' => 'large'
      ], 
      'enable' => 'show_link && link_style && !$match(link_style, \'link-(muted|text)\')'
    ], 
    'link_fullwidth' => [
      'type' => 'checkbox', 
      'text' => 'Full width button', 
      'enable' => 'show_link && link_style && !$match(link_style, \'link-(muted|text)\')'
    ], 
    '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_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'
      ]
    ], 
    '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'), 
    'item_animation' => $config->get('builder.item_animation'), 
    '_parallax_button' => $config->get('builder._parallax_button'), 
    'visibility' => $config->get('builder.visibility'), 
    'container_padding_remove' => $config->get('builder.container_padding_remove'), 
    'name' => $config->get('builder.name'), 
    'status' => $config->get('builder.status'), 
    'source' => $config->get('builder.source'), 
    '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-nav</code>, <code>.el-item</code>, <code>.el-title</code>, <code>.el-meta</code>, <code>.el-content</code>, <code>.el-progress</code>, <code>.el-link</code>', 
      'type' => 'editor', 
      'editor' => 'code', 
      'mode' => 'css', 
      'attrs' => [
        'debounce' => 500, 
        'hints' => ['.el-element', '.el-nav', '.el-item', '.el-title', '.el-meta', '.el-content', '.el-progress', '.el-link']
      ]
    ], 
    'transform' => $config->get('builder.transform')
  ], 
  'fieldset' => [
    'default' => [
      'type' => 'tabs', 
      'fields' => [[
          'title' => 'Content', 
          'fields' => ['content', 'show_title', 'show_meta', 'show_content', 'show_link']
        ], [
          'title' => 'Settings', 
          'fields' => [[
              'label' => 'Navigator', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['fs_settings']
            ], [
              'label' => 'General', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_size', 'bar_format', 'bar_start_angle', 'bar_clockwise', 'bar_constrain', 'bar_link', 'bar_align', 'bar_grid_width', 'bar_grid_column_gap', 'bar_grid_row_gap', 'bar_grid_breakpoint', 'bar_vertical_align', 'bar_margin'], 
              'show' => 'fs_settings == \'progress\''
            ], [
              'label' => 'Animation', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_animation_style', 'bar_animation_duration', 'bar_animation_scrollspy_offset', 'bar_animation_repeat'], 
              'show' => 'fs_settings == \'progress\''
            ], [
              'label' => 'Progress', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_value_color', 'bar_value_stroke', 'bar_value_stroke_linecap', [
                  'label' => 'Dashes/Gaps', 
                  'description' => 'Set a presentation attribute defining the pattern of dashes and gaps used to paint the outline of the shape', 
                  'type' => 'grid', 
                  'width' => '1-2', 
                  'fields' => ['bar_da_dashes', 'bar_da_gaps']
                ]], 
              'show' => 'fs_settings == \'progress\''
            ], [
              'label' => 'Circle', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_circle_color', 'bar_circle_background', 'bar_circle_stroke'], 
              'show' => 'fs_settings == \'progress\''
            ], [
              'label' => 'Text', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_text_color', 'bar_text_size', 'bar_font_family', 'bar_font_weight'], 
              'show' => 'fs_settings == \'progress\''
            ], [
              'label' => 'Grid', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['grid_masonry', 'grid_parallax', 'grid_parallax_justify', [
                  'label' => 'Parallax Start/End', 
                  'description' => 'The animation starts when the element enters the viewport and ends when it leaves the viewport. Optionally, set a start and end offset, e.g. <code>100px</code>, <code>50vh</code> or <code>50vh + 50%</code>. Percent relates to the element\'s height.', 
                  'type' => 'grid', 
                  'width' => '1-2', 
                  'fields' => ['grid_parallax_start', 'grid_parallax_end']
                ], 'grid_column_gap', 'grid_row_gap', 'grid_divider', 'grid_column_align', 'grid_row_align'], 
              'show' => '!fs_settings'
            ], [
              'label' => 'Columns', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['grid_default', 'grid_small', 'grid_medium', 'grid_large', 'grid_xlarge'], 
              'show' => '!fs_settings'
            ], [
              'label' => 'Filter', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['filter', 'filter_animation', 'filter_order', 'filter_reverse', 'filter_order_manual', 'filter_style', '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', 'filter_sticky', 'filter_sticky_offset', 'filter_sticky_breakpoint'], 
              'show' => '!fs_settings'
            ], [
              'label' => 'Panel', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['panel_style', 'panel_link', 'panel_padding', 'item_maxwidth', 'panel_content_width'], 
              'show' => '!fs_settings'
            ], [
              '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_align', 'title_grid_width', 'title_grid_column_gap', 'title_grid_row_gap', 'title_grid_breakpoint', 'title_margin', 'title_visibility'], 
              'show' => '!fs_settings && show_title'
            ], [
              'label' => 'Meta', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['meta_limit', 'meta_limit_length', 'meta_style', 'meta_decoration', 'meta_font_family', 'meta_color', 'meta_align', 'meta_element', 'meta_margin', 'meta_visibility'], 
              'show' => '!fs_settings && show_meta'
            ], [
              'label' => 'Content', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['content_limit', 'content_limit_length', 'content_style', 'content_align', 'content_dropcap', 'content_column', 'content_column_divider', 'content_column_breakpoint', 'content_margin', 'content_visibility'], 
              'show' => '!fs_settings && show_content'
            ], [
              'label' => 'Link', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['link_target', 'link_text', 'link_title', 'link_aria_label', 'link_style', 'link_size', 'link_fullwidth', 'link_margin', 'link_visibility'], 
              'show' => '!fs_settings && 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', 'container_padding_remove'], 
              'show' => '!fs_settings'
            ]]
        ], $config->get('builder.advanced')]
    ]
  ]
];
