'content', 'addon_name' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_DESC'), 'category' => 'Media', 'icon' => '', 'inline' => [ 'contenteditable' => true, 'buttons' => [ 'icon_general_options' => [ 'action' => 'dropdown', 'icon' => 'addon::icon', 'tooltip' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON'), 'fieldset' => [ 'tab_groups' => [ 'icon' => [ 'fields' => [ [ 'name'=> [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_NAME'), 'clearable' => true, 'std' => 'fas fa-cogs', ], 'size'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE'), 'std' => ['xl' => 36], 'max' => 400, 'responsive' => true ], 'hover_effect'=> [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_HOVER_EFFECT'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_HOVER_EFFECT_NONE'), 'zoom-in' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_HOVER_EFFECT_ZOOM_IN'), 'zoom-out' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_HOVER_EFFECT_ZOOM_OUT'), 'rotate' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_HOVER_EFFECT_ROTATE'), ], 'std' => 'zoom-in', 'inline' => true, ], 'margin'=> [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'responsive' => true ], ], ], ], 'background' => [ 'fields' => [ [ 'width'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 500, 'responsive' => true ], 'height'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 500, 'responsive' => true ], 'border_radius'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'max' => 500, 'responsive' => true ], ], ], ], ], ], ], 'icon_color_options' => [ 'action' => 'dropdown', 'type' => 'placeholder', 'tooltip' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'placeholder' => [ 'type' => 'HTMLElement', 'element' => 'div', 'selector' => '.builder-color-picker', 'attribute' => [ 'type' => 'style', 'property' => 'background' ], 'display_field' => 'color', ], 'fieldset' => [ [ 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'responsive' => true ], 'border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], ], ], ], 'icon_link_options' => [ 'action' => 'dropdown', 'icon' => 'link', 'tooltip' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'fieldset' => [ 'basic' => [ 'title_link'=> [ 'type' => 'link', 'format' => 'attachment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'std' => '', ], ], ], ], 'icon_last_separator' => [ 'action' => 'separator', ], 'icon_alignment_options' => [ 'action' => 'dropdown', 'type' => 'placeholder', 'tooltip' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'style' => 'inline', 'showCaret' => true, 'placeholder' => [ 'type' => 'list', 'options' => [ 'left' => ['icon' => 'textAlignLeft'], 'center' => ['icon' => 'textAlignCenter'], 'right' => ['icon' => 'textAlignRight'], ], 'display_field' => 'alignment' ], 'default' => [ 'md' => 'left', 'sm' => 'center', 'xs' => 'right' ], 'fieldset' => [ 'basic' => [ 'alignment' => [ 'type' => 'alignment', 'inline' => true, 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ] ] ] ], ], ], 'attr'=> [ 'general' => [ 'use_hover'=> [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_USE_HOVER'), 'std' => 0, 'group' => [ 'hover_color', 'hover_background', 'hover_border_color', 'hover_border_width', 'hover_border_radius', ] ], 'hover_color'=> [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['use_hover', '=', 1] ] ], 'hover_background'=> [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'depends' => [ ['use_hover', '=', 1] ] ], 'hover_border_color'=> [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['use_hover', '=', 1] ] ], 'hover_border_width'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'responsive' => true, 'depends' => [ ['use_hover', '=', 1] ] ], 'hover_border_radius'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 500, 'responsive' => true, 'depends' => [ ['use_hover', '=', 1] ] ], ], ], ] );