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

return [
  '@import' => $filter->apply('path', './element.php', $file), 
  'name' => 'circleprogress_item', 
  'title' => 'Item', 
  'width' => 500, 
  'placeholder' => [
    'props' => [
      'title' => 'Title', 
      'meta' => '', 
      'content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
    ]
  ], 
  'templates' => [
    'render' => $filter->apply('path', './templates/template.php', $file), 
    'content' => $filter->apply('path', './templates/content.php', $file)
  ], 
  'fields' => [
    'value' => [
      'label' => 'Actual Value', 
      'description' => 'Set current value.', 
      'type' => 'number', 
      'attrs' => [
        'placeholder' => '50'
      ], 
      'source' => true
    ], 
    'max' => [
      'label' => 'Maximum Value', 
      'description' => 'Define maximum value.', 
      'type' => 'number', 
      'default' => '100', 
      'attrs' => [
        'placeholder' => '100'
      ], 
      'source' => true
    ], 
    'title' => [
      'label' => 'Title', 
      'source' => true
    ], 
    'meta' => [
      'label' => 'Meta', 
      'source' => true
    ], 
    'content' => [
      'label' => 'Content', 
      'type' => 'editor', 
      'source' => true
    ], 
    'link' => $config->get('builder.link'), 
    'link_text' => [
      'label' => 'Link Text', 
      'description' => 'Set a different link text for this item.', 
      'source' => true, 
      'enable' => 'link'
    ], 
    'link_title' => [
      'label' => 'Link Title', 
      'description' => 'The Link title is an optionally defined attribute to give additional, advisory information about a linked web site.', 
      'source' => true, 
      'enable' => 'link'
    ], 
    'link_aria_label' => [
      'label' => 'Link ARIA Label', 
      'description' => 'Set a different link ARIA label for this item.', 
      'source' => true, 
      'enable' => 'link'
    ], 
    'tags' => [
      'label' => 'Tags', 
      'description' => 'Enter a comma-separated list of tags, for example, <code>blue, white, black</code>.', 
      'source' => true
    ], 
    'bar_format_item' => [
      'label' => 'Format', 
      'description' => 'Choose the format for displaying the progress bar text.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        'Percent' => 'percent', 
        'Value' => 'value', 
        'Vertical' => 'vertical', 
        'Horizontal' => 'horizontal', 
        'None' => 'none'
      ], 
      'source' => true
    ], 
    'bar_start_angle_item' => [
      'label' => 'Start Angle', 
      'description' => 'Specify the starting angle of the progress bar in degrees.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => 'inherit', 
        'min' => 0, 
        'max' => 360, 
        'step' => 1
      ], 
      'source' => true
    ], 
    'bar_clockwise_item' => [
      'label' => 'Clockwise', 
      'description' => 'Whether to rotate clockwise (true) or anti-clockwise (false).', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        'True' => 'true', 
        'False' => 'false'
      ], 
      'source' => true
    ], 
    'bar_constrain_item' => [
      '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' => [
        'Inherit' => '', 
        'True' => 'true', 
        'False' => 'false'
      ], 
      'source' => true
    ], 
    'bar_animation_style_item' => [
      'label' => 'Transition', 
      'description' => 'Choose one of the predefined animation effects for the progress bar.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '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'
      ], 
      'source' => true
    ], 
    'bar_animation_duration_item' => [
      'label' => 'Duration', 
      'description' => 'Sets the duration of the progress bar animation in milliseconds.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => 'Inherit', 
        'min' => 500, 
        'max' => 5000, 
        'step' => 100
      ], 
      'source' => true
    ], 
    'bar_value_color_item' => [
      'label' => 'Color', 
      'description' => 'Choose the color for the progress bar value.', 
      'type' => 'color', 
      'source' => true
    ], 
    'bar_value_stroke_item' => [
      'label' => 'Width', 
      'description' => 'Adjust the width of the stroke for the progress bar value.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => 'Inherit', 
        'min' => 1, 
        'max' => 50, 
        'step' => 1
      ], 
      'source' => true
    ], 
    'bar_value_stroke_linecap_item' => [
      'label' => 'Stroke', 
      'description' => 'Choose the shape to be used at the end of open subpaths when they are stroked.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        'Round' => 'round', 
        'Square' => 'square', 
        'Butt' => 'butt'
      ], 
      'source' => true
    ], 
    'bar_da_dashes_item' => [
      'attrs' => [
        'placeholder' => 'Inherit'
      ], 
      'source' => true, 
      'enable' => 'bar_value_stroke_linecap_item == \'butt\''
    ], 
    'bar_da_gaps_item' => [
      'attrs' => [
        'placeholder' => 'Inherit'
      ], 
      'source' => true, 
      'enable' => 'bar_value_stroke_linecap_item == \'butt\''
    ], 
    'bar_circle_color_item' => [
      'label' => 'Color', 
      'description' => 'Choose the color of the progress bar circle.', 
      'type' => 'color', 
      'source' => true
    ], 
    'bar_circle_background_item' => [
      'label' => 'Background', 
      'description' => 'Choose the background color of the progress bar circle.', 
      'type' => 'color', 
      'source' => true
    ], 
    'bar_circle_stroke_item' => [
      'label' => 'Width', 
      'description' => 'Control the width of the stroke around the progress bar circle.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => 'Inherit', 
        'min' => 1, 
        'max' => 50, 
        'step' => 1
      ], 
      'source' => true
    ], 
    'bar_text_color_item' => [
      'label' => 'Color', 
      'description' => 'Define the color of the text displayed within the progress bar.', 
      'type' => 'color', 
      'source' => true
    ], 
    'bar_text_size_item' => [
      'label' => 'Size', 
      'description' => 'Set the size of the text displayed within the progress bar.', 
      'type' => 'range', 
      'attrs' => [
        'placeholder' => 'Inherit', 
        'min' => 10, 
        'max' => 30, 
        'step' => 1
      ], 
      'source' => true
    ], 
    'bar_font_weight_item' => [
      'label' => 'Font Weight', 
      'description' => 'Specify the weight or thickness of the font used for the progress bar text.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        'Thin' => '100', 
        'Light' => '300', 
        'Normal' => '400', 
        'Semibold' => '500', 
        'Bold' => '700', 
        'Black' => '900'
      ], 
      'source' => true
    ], 
    'panel_style' => [
      'label' => 'Style', 
      'description' => 'Select one of the boxed card or tile styles or a blank panel.', 
      'type' => 'select', 
      'options' => [
        'Inherit' => '', 
        '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'
      ]
    ], 
    'item_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', 
        'section' => 'section'
      ]
    ], 
    'status' => $config->get('builder.statusItem'), 
    'source' => $config->get('builder.source'), 
    'id' => $config->get('builder.id'), 
    'class' => $config->get('builder.cls'), 
    'attrs' => $config->get('builder.attrs')
  ], 
  'fieldset' => [
    'default' => [
      'type' => 'tabs', 
      'fields' => [[
          'title' => 'Content', 
          'fields' => ['value', 'max', 'title', 'meta', 'content', 'link', 'link_text', 'link_title', 'link_aria_label', 'tags']
        ], [
          'title' => 'Settings', 
          'fields' => [[
              'label' => 'General', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_format_item', 'bar_start_angle_item', 'bar_clockwise_item', 'bar_constrain_item']
            ], [
              'label' => 'Animation', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_animation_style_item', 'bar_animation_duration_item']
            ], [
              'label' => 'Progress', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_value_color_item', 'bar_value_stroke_item', 'bar_value_stroke_linecap_item', [
                  '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_item', 'bar_da_gaps_item']
                ]]
            ], [
              'label' => 'Circle', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_circle_color_item', 'bar_circle_background_item', 'bar_circle_stroke_item']
            ], [
              'label' => 'Text', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['bar_text_color_item', 'bar_text_size_item', 'bar_font_weight_item']
            ], [
              'label' => 'Panel', 
              'type' => 'group', 
              'divider' => true, 
              'fields' => ['panel_style', 'item_element']
            ]]
        ], [
          'title' => 'Advanced', 
          'fields' => ['status', 'source', 'id', 'class', 'attrs']
        ]]
    ]
  ]
];
