<?php // $file = /home/coopiak/amisdesseniors-fr/voscatalogues/plugins/system/djc2yootheme/modules/builder-djcatalog2-source/elements/add_to_wishlist/element.json

return [
  '@import' => $filter->apply('path', './element.php', $file),
  'name' => 'add_to_wishlist',
  'title' => 'Add to wishlist',
  'group' => 'DJ-Catalog2',
  'icon' => $filter->apply('url', 'images/icon.svg', $file),
  'iconSmall' => $filter->apply('url', 'images/iconSmall.svg', $file),
  'element' => true,
  'width' => 500,
  'defaults' => [
    'icon_width' => 60,
    'margin' => 'default'
  ],
  'placeholder' => [
    'props' => [
      'icon' => 'star'
    ]
  ],
  'templates' => [
    'render' => $filter->apply('path', './templates/template.php', $file),
    'content' => $filter->apply('path', './templates/content.php', $file)
  ],
  'fields' => [
    'id' => $config->get('builder.id'),
    'icon' => [
      'label' => 'Icon',
      'description' => 'Click on the pencil to pick an icon from the icon library.',
      'type' => 'icon',
      'source' => true
    ],
    'iconSecond' => [
      'label' => 'Second Icon (already added to wishlist)',
      'description' => 'Click on the pencil to pick an icon from the icon library.',
      'type' => 'icon',
      'source' => true
    ],
    'link' => $config->get('builder.link'),
    'link_target' => $config->get('builder.link_target'),
    'link_aria_label' => $config->get('builder.link_aria_label'),
    'icon_color' => [
      'label' => 'Color',
      'description' => 'Select the icon color.',
      'type' => 'select',
      'options' => [
        'None' => '',
        'Muted' => 'muted',
        'Emphasis' => 'emphasis',
        'Primary' => 'primary',
        'Secondary' => 'secondary',
        'Success' => 'success',
        'Warning' => 'warning',
        'Danger' => 'danger'
      ],
      'enable' => '!link'
    ],
    'icon_width' => [
      'label' => 'Icon Width',
      'description' => 'Set the icon width.',
      'enable' => 'link_style != \'button\''
    ],
    'link_style' => [
      'label' => 'Style',
      'description' => 'Set the link style.',
      'type' => 'select',
      'options' => [
        'Default' => '',
        'Button' => 'button',
        'Link' => 'link',
        'Link Muted' => 'muted',
        'Link Text' => 'text',
        'Link Reset' => 'reset'
      ],
      'enable' => 'link'
    ],
    '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'),
    'text_align_breakpoint' => $config->get('builder.text_align_breakpoint'),
    'text_align_fallback' => $config->get('builder.text_align_fallback'),
    'animation' => $config->get('builder.animation'),
    '_parallax_button' => $config->get('builder._parallax_button'),
    'visibility' => $config->get('builder.visibility'),
    'name' => $config->get('builder.name'),
    'status' => $config->get('builder.status'),
    'source' => $config->get('builder.source'),
    '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>',
      'type' => 'editor',
      'editor' => 'code',
      'mode' => 'css',
      'attrs' => [
        'debounce' => 500,
        'hints' => ['.el-element']
      ]
    ],
    'transform' => $config->get('builder.transform')
  ],
  'fieldset' => [
    'default' => [
      'type' => 'tabs',
      'fields' => [[
          'title' => 'Content',
          'fields' => ['id','icon','iconSecond','link','link_target','link_aria_label']
        ],[
          'title' => 'Settings',
          'fields' => [[
              'label' => 'Icon',
              'type' => 'group',
              'divider' => true,
              'fields' => ['icon_color','icon_width']
            ],[
              'label' => 'Link',
              'type' => 'group',
              'divider' => true,
              'fields' => ['link_style']
            ],[
              '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','_parallax_button','visibility']
            ]]
        ],$config->get('builder.advanced')]
    ]
  ]
];