File manager

File manager - Edit - /home/ferretapmx/public_html/addons.tar

Back
carouselpro/assets/images/icon.png��0000644��00000003217�15231074400�0013306 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:E379E79640E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:E379E79740E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:E379E79440E011E69A38F8F21A167467" stRef:documentID="xmp.did:E379E79540E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��R��IDATx�윍u�0�e? � �u&�;A� ZOPg�ĝ�t� �� \)�Ļa��3Ȉ;�I`�\|f��dJl�`�x��Xd\|��H��%ld��-{�<p[Dn%��(__)�Z��`��8��%1&F��YɈ��q��?��X&��o�8�#��\R�q�ٙ�>��?!s�U�A�﹕�n��4� I3UJJOh�W�O��;��}��K{��E��#D��3��G�UR�N�ۂaX��\��4K�s�D��^h�M2 �ba-a>��))��-E��ͩK=m'T��R�I`�i ��\�J�, X2[2�S��6#�9�&��X[�0�Nc��T� ��\|��>ߔEC++L�� >��\|{��>�>��;�н��nI>�u�=��41l�S ��n��FDqbyaw��J3���Yxaߒu�@ԉ0��g�q�O7%�?�^�~ ��o<��60 m�"- 0F�X�V$��bOҳ��Cm#�WN_�_��G��x��^�v�w��eczl =U�tE}��%QF�#`F$b�\��C��0O�PJRJUs�aß�s�&�z55�1��&V`^QT1��O�&��d��6��ɷ��:HI�}��o��l9^�YHɝ�O)�Y[��L��ް9��J��>)w��`~Fs��IEND�B`��carouselpro/assets/images/.htaccess��0000555��00000000355�15231074400�0013447 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��carouselpro/assets/.htaccess��0000555��00000000355�15231074400�0012202 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��carouselpro/site.php��0000644��00000075766�15231074400�0010600 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Uri\Uri; /* * Carousel Pro addon class * * @since 1.0.0 / class SppagebuilderAddonCarouselpro extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; //Addons option $autoplay = (isset($settings->autoplay) && $settings->autoplay) ? 1 : 0; $controllers = (isset($settings->controllers) && $settings->controllers) ? $settings->controllers : 0; $arrows = (isset($settings->arrows) && $settings->arrows) ? $settings->arrows : 0; $carousel_autoplay = ($autoplay) ? ' data-sppb-ride="sppb-carousel"' : ''; $interval = (isset($settings->interval) && $settings->interval) ? ((int) $settings->interval 1000) : 5000; if ($autoplay == 0) { $interval = 'false'; } //Container & Column $full_container = (isset($settings->full_container) && $settings->full_container) ? $settings->full_container : ''; $content_column = (isset($settings->content_column) && $settings->content_column) ? $settings->content_column : ''; $textColumn = ''; $imageColumn = ''; if ($content_column) { $textColumn = $content_column; $imageColumn = (12 - $content_column); } else { $textColumn = 6; $imageColumn = 6; } //Arrow style $arrow_position = (isset($settings->arrow_position)) ? $settings->arrow_position : 'default'; $arrow_icon = (isset($settings->arrow_icon)) ? $settings->arrow_icon : 'chevron'; $left_arrow = ''; $right_arrow = ''; if ($arrow_icon == 'angle_double') { $left_arrow = 'fa-angle-double-left'; $right_arrow = 'fa-angle-double-right'; } elseif ($arrow_icon == 'arrow') { $left_arrow = 'fa-arrow-left'; $right_arrow = 'fa-arrow-right'; } elseif ($arrow_icon == 'arrow_circle') { $left_arrow = 'fa-arrow-circle-o-left'; $right_arrow = 'fa-arrow-circle-o-right'; } elseif ($arrow_icon == 'long_arrow') { $left_arrow = 'fa-long-arrow-left'; $right_arrow = 'fa-long-arrow-right'; } elseif ($arrow_icon == 'angle') { $left_arrow = 'fa-angle-left'; $right_arrow = 'fa-angle-right'; } else { $left_arrow = 'fa-chevron-left'; $right_arrow = 'fa-chevron-right'; } //Item Height $carousel_height = (isset($settings->carousel_height) && $settings->carousel_height) ? $settings->carousel_height : ''; //Output start $output = ''; $output .= '<div id="sppb-carousel-' . $this->addon->id . '" data-interval="' . $interval . '" class="sppb-carousel sppb-carousel-pro sppb-slide' . $class . '"' . $carousel_autoplay . '>'; if ($controllers) { $output .= '<ol class="sppb-carousel-indicators">'; foreach ($settings->sp_carouselpro_item as $key1 => $value) { $output .= '<li data-sppb-target="#sppb-carousel-' . $this->addon->id . '" ' . (($key1 == 0) ? ' class="active"' : '') . ' data-sppb-slide-to="' . $key1 . '"></li>' . "\n"; } $output .= '</ol>'; } $output .= '<div class="sppb-carousel-inner">'; if (isset($settings->sp_carouselpro_item) && count((array) $settings->sp_carouselpro_item)) { foreach ($settings->sp_carouselpro_item as $key => $value) { $bg_image = (isset($value->bg) && $value->bg) ? $value->bg : ''; $bg_image_src = isset($bg_image->src) ? $bg_image->src : $bg_image; $bg_class = $bg_image_src ? ' sppb-item-has-bg' : ''; $video = (isset($value->video) && $value->video) ? $value->video : ''; $item_image = (isset($value->image) && $value->image) ? $value->image : ''; $item_image_src = isset($item_image->src) ? $item_image->src : $item_image; $bg_http_check = ''; $bg_image_style = ''; if ($bg_image_src) { if (strpos($bg_image_src, "http://") !== false \|\| strpos($bg_image_src, "https://") !== false) { $bg_http_check = ($bg_image_src) ? $bg_image_src : ''; $bg_image_style = ($bg_image_src) ? 'style="background-image: url(' . $bg_image_src . '); background-repeat: no-repeat; background-position: center center; background-size: cover;"' : ''; } else { $bg_http_check = ($bg_image_src) ? Uri::base() . $bg_image_src : ''; $bg_image_style = ($bg_image_src) ? 'style="background-image: url(' . Uri::base() . '/' . $bg_image_src . '); background-repeat: no-repeat; background-position: center center; background-size: cover;"' : ''; } } $alt_text = (isset($value->title) && $value->title) ? $value->title : ''; $output .= '<div id="sppb-item-' . $this->addon->id . $key . '" class="sppb-item' . $bg_class . (($key == 0) ? ' active' : '') . ' carousel-item-' . ($key + 1) . '" ' . ($carousel_height ? $bg_image_style : '') . ' >'; if (!$carousel_height) { $output .= ($bg_http_check) ? '<img class="sppb-carousel-pro-bg-image" src="' . $bg_http_check . '" alt="' . $alt_text . '">' : ''; } $output .= '<div class="sppb-carousel-item-inner">'; $output .= '<div class="sppb-carousel-pro-inner-content">'; $output .= '<div>'; if (!$full_container) { $output .= '<div class="sppb-container">'; } $output .= '<div class="sppb-row">'; $output .= '<div class="sppb-col-sm-' . $textColumn . ' sppb-col-xs-12">'; $output .= '<div class="sppb-carousel-pro-text">'; if ((isset($value->title) && $value->title) \|\| (isset($value->content) && $value->content)) { $output .= (isset($value->title) && $value->title) ? '<h2>' . $value->title . '</h2>' : ''; $output .= (isset($value->content) && $value->content) ? '<div class="sppb-carousel-pro-content">' . $value->content . '</div>' : ''; if (isset($value->button_text) && $value->button_text) { $button_class = (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ' sppb-btn-default'; $button_class .= (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_class .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_class .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_class .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_icon = (isset($value->button_icon) && $value->button_icon) ? $value->button_icon : ''; $button_icon_position = (isset($value->button_icon_position) && $value->button_icon_position) ? $value->button_icon_position : 'left'; list($link, $target) = AddonHelper::parseLink($value, 'button_url', [ 'url' => 'button_url', 'new_tab' => 'button_target' ]); $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $value->button_text = ($button_icon) ? '<i aria-hidden="true" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_BUTTON_TEXT') . '" class="' . $button_icon . '" aria-hidden="true"></i> ' . $value->button_text : $value->button_text; } else { $value->button_text = ($button_icon) ? $value->button_text . ' <i aria-hidden="true" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_BUTTON_TEXT') . '" class="' . $button_icon . '" aria-hidden="true"></i>' : $value->button_text; } $href = !empty($link) ? 'href="' . $link . '"' : ""; $output .= (isset($value->button_text)) ? '<a ' . $href . ' ' . $target . ' id="btn-' . ($this->addon->id . $key) . '" class="sppb-btn' . $button_class . '">' . $value->button_text . '</a>' : ''; } } $output .= '</div>'; $output .= '</div>'; $output .= '<div class="sppb-col-sm-' . $imageColumn . ' sppb-col-xs-12">'; $output .= '<div class="sppb-text-right">'; if ($video) { $video = parse_url($video); switch ($video['host']) { case 'youtu.be': $id = trim($video['path'], '/'); $src = '//www.youtube.com/embed/' . $id; break; case 'www.youtube.com': case 'youtube.com': parse_str($video['query'], $query); $id = $query['v']; $src = '//www.youtube.com/embed/' . $id; break; case 'vimeo.com': case 'www.vimeo.com': $id = trim($video['path'], '/'); $src = "//player.vimeo.com/video/{$id}"; } $output .= '<div class="sppb-embed-responsive sppb-embed-responsive-16by9">'; $output .= '<iframe class="sppb-embed-responsive-item" src="' . $src . '" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'; $output .= '</div>'; } else { $output .= ($item_image_src) ? '<img class="sppb-img-reponsive" src="' . $item_image_src . '" alt="' . (isset($value->title) ? $value->title : '') . '">' : ''; } $output .= '</div>'; //.sppb-text-right $output .= '</div>'; //.sppb-col-xs-12 $output .= '</div>'; //.sppb-row if (!$full_container) { $output .= '</div>'; //.sppb-container } $output .= '</div>'; //no class $output .= '</div>'; //.sppb-carousel-pro-inner-content $output .= '</div>'; //.sppb-carousel-item-inner $output .= '</div>'; //.sppb-item } } $output .= '</div>'; //.sppb-carousel-inner if ($arrows) { if ($arrow_position !== 'default') { $output .= '<div class="sppb-container sppb-carousel-pro-arrow-' . $arrow_position . '">'; $output .= '<div class="sppb-row">'; $output .= '<div class="sppb-col-12">'; } $output .= '<a href="#sppb-carousel-' . $this->addon->id . '" class="sppb-carousel-arrow left sppb-carousel-control" data-slide="prev" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_PREVIOUS') . '"><i class="fa ' . $left_arrow . '" aria-hidden="true"></i></a>'; $output .= '<a href="#sppb-carousel-' . $this->addon->id . '" class="sppb-carousel-arrow right sppb-carousel-control" data-slide="next" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_NEXT') . '"><i class="fa ' . $right_arrow . '" aria-hidden="true"></i></a>'; if ($arrow_position !== 'default') { $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; } } $output .= '</div>'; //.sppb-carousel-pro return $output; } /** * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css = ''; //Item Height $carouselHeight = $cssHelper->generateStyle('.sppb-carousel-pro .sppb-item', $settings, ['carousel_height' => 'height']); $css .= $carouselHeight; //Arrow Style $arrowStyleProps = [ 'arrow_color' => 'color', 'arrow_font_size' => 'font-size' ]; $arrowStyleUnits = ['arrow_color' => false]; //Arrow hover style $arrowStyleHoverProps = ['arrow_hover_color' => 'color']; $arrowStyleHoverUnits = ['arrow_hover_color' => false]; $arrow_position = (isset($settings->arrow_position)) ? $settings->arrow_position : 'default'; if ($arrow_position != 'default') { $arrowStyleProps = [ 'arrow_height' => ['height', 'line-height'], 'arrow_width' => 'width', 'arrow_color' => 'color', 'arrow_background' => 'background-color', 'arrow_margin' => 'margin', 'arrow_border_width' => 'border-style: solid;border-width', 'arrow_border_color' => 'border-color', 'arrow_border_radius' => 'border-radius' ]; $arrowStyleUnits = [ 'arrow_background' => false, 'arrow_border_color' => false, 'arrow_margin' => false, 'arrow_color' => false ]; //Arrow hover style $arrowStyleHoverProps = [ 'arrow_hover_background' => 'background-color', 'arrow_hover_color' => 'color', 'arrow_hover_border_color' => 'border-color', ]; $arrowStyleHoverUnits = [ 'arrow_hover_background' => false, 'arrow_hover_color' => false, 'arrow_hover_border_color' => false, ]; $arrowStyle = $cssHelper->generateStyle('.sppb-carousel-pro .sppb-carousel-control', $settings, $arrowStyleProps, $arrowStyleUnits); $css .= $arrowStyle; $arrowStyleHover = $cssHelper->generateStyle('.sppb-carousel-pro .sppb-carousel-control:hover', $settings, $arrowStyleHoverProps, $arrowStyleHoverUnits); $css .= $arrowStyleHover; } else { $arrowStyleHover = $cssHelper->generateStyle('.sppb-carousel-pro .sppb-carousel-control:hover', $settings, $arrowStyleHoverProps, $arrowStyleHoverUnits); $css .= $arrowStyleHover; $arrowStyle = $cssHelper->generateStyle('.sppb-carousel-pro .sppb-carousel-control', $settings, $arrowStyleProps, $arrowStyleUnits); $css .= $arrowStyle; } foreach ($settings->sp_carouselpro_item as $key => $value) { $uniqid = '#sppb-item-' . $this->addon->id . $key . ' '; $options = new stdClass; $options->button_type = (isset($settings->button_type) && $settings->button_type) ? $settings->button_type : ''; $options->button_appearance = (isset($settings->button_appearance) && $settings->button_appearance) ? $settings->button_appearance : ''; $options->button_color = (isset($settings->button_color) && $settings->button_color) ? $settings->button_color : ''; $options->button_color_hover = (isset($settings->button_color_hover) && $settings->button_color_hover) ? $settings->button_color_hover : ''; $options->button_background_color = (isset($settings->button_background_color) && $settings->button_background_color) ? $settings->button_background_color : ''; $options->button_background_color_hover = (isset($settings->button_background_color_hover) && $settings->button_background_color_hover) ? $settings->button_background_color_hover : ''; $options->button_padding = (isset($settings->button_padding) && $settings->button_padding) ? $settings->button_padding : ''; $options->button_size = !empty($settings->button_size) ? $settings->button_size : null; $options->button_typography = !empty($settings->button_typography) ? $settings->button_typography : null; // Buttons style $css_path = new FileLayout('addon.css.button', $layout_path); $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . ($this->addon->id . $key))); // Title Margin $itemTitleMarginStyle = $cssHelper->generateStyle($uniqid . '.sppb-carousel-pro-text h2', $value, ['title_margin' => 'margin'], ['title_margin' => false], ['title_margin' => 'spacing']); $css .= $itemTitleMarginStyle; // Content Margin $itemContentMarginStyle = $cssHelper->generateStyle($uniqid . '.sppb-carousel-pro-text .sppb-carousel-pro-content', $value, ['content_margin' => 'margin'], ['content_margin' => false], ['content_margin' => 'spacing']); $css .= $itemContentMarginStyle; } //Item Style $itemStyle = $cssHelper->generateStyle('.sppb-carousel-inner > .sppb-item', $settings, ['speed' => ['-webkit-transition-duration', 'transition-duration'], 'item_padding' => 'padding'], ['speed' => 'ms'], ['item_padding' => 'spacing']); $css .= $itemStyle; // Title $titleTypography = $cssHelper->typography('.sppb-carousel-pro-text h2', $settings, 'item_title_typography'); $css .= $titleTypography; // Title Color $itemTitleColorStyle = $cssHelper->generateStyle('.sppb-carousel-pro-text h2', $settings, ['item_title_color' => 'color'], ['item_title_color' => false]); $css .= $itemTitleColorStyle; // Content $contentTypography = $cssHelper->typography('.sppb-carousel-pro-text .sppb-carousel-pro-content', $settings, 'item_content_typography'); $css .= $contentTypography; // Content Color $itemContentColorStyle = $cssHelper->generateStyle('.sppb-carousel-pro-text .sppb-carousel-pro-content', $settings, ['item_title_content' => 'color'], ['item_title_content' => false]); $css .= $itemContentColorStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let interval = data.interval ? parseInt(data.interval) 1000 : 5000; let autoplay = data.autoplay ? \'data-sppb-ride="sppb-carousel"\' : ""; if (data.autoplay == 0) { interval = "false"; } #> <style type="text/css">'; // Hover $output .= $lodash->color('color', '.sppb-carousel-pro .sppb-carousel-control:hover', 'data.arrow_hover_color'); // Normal $output .= $lodash->color('color', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_color'); $output .= $lodash->unit('font-size', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_font_size', 'px', false); $output .= $lodash->unit('height', '.sppb-carousel-pro .sppb-item', 'data.carousel_height', 'px'); $output .= '<# if (data.arrow_position != "default") { #>'; // Hover $output .= $lodash->color('color', '.sppb-carousel-pro .sppb-carousel-control:hover', 'data.arrow_hover_color'); $output .= $lodash->border('border-color', '.sppb-carousel-pro .sppb-carousel-control:hover', 'data.arrow_hover_border_color'); $output .= $lodash->color('background-color', '.sppb-carousel-pro .sppb-carousel-control:hover', 'data.arrow_hover_background'); $output .= $lodash->unit('height', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_height', 'px', false); $output .= $lodash->unit('width', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_width', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_border_radius', 'px', false); $output .= $lodash->unit('border-width', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_border_width', 'px', false); $output .= $lodash->unit('line-height', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_height', 'px', false); $output .= $lodash->color('background-color', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_background'); $output .= $lodash->color('color', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_color'); $output .= $lodash->border('border-color', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_border_color'); $output .= $lodash->spacing('margin', '.sppb-carousel-pro .sppb-carousel-control', 'data.arrow_margin'); $output .= '<# if(!_.isEmpty(data.arrow_border_width) && data.arrow_border_width) { #>'; $output .= 'border-style: solid;'; $output .= '<# } else { #>'; $output .= 'border-style: none;'; $output .= '<# } #>'; $output .= '<# } #>'; $output .= $lodash->typography('.sppb-btn-{{ data.button_type }}', 'data.button_typography'); $output .= ' #sppb-addon-{{ data.id }} .sppb-carousel-inner > .sppb-item{ -webkit-transition-duration: {{ data.speed }}ms; transition-duration: {{ data.speed }}ms; } <# _.each(data.sp_carouselpro_item, function (carousel_item, key){ #>'; $output .= $lodash->spacing('margin', '.sppb-carousel-pro-text h2', 'carousel_item.title_margin'); $output .= $lodash->spacing('margin', '.sppb-carousel-pro-text .sppb-carousel-pro-content', 'carousel_item.content_margin'); $output .= $lodash->color('color', '.sppb-carousel-pro-text h2', 'data.item_title_color'); $output .= $lodash->color('color', '.sppb-carousel-pro-text .sppb-carousel-pro-content', 'data.item_title_content'); $output .= $lodash->typography('.sppb-carousel-pro-text h2', 'data.item_title_typography'); $output .= $lodash->typography('.sppb-carousel-pro-text .sppb-carousel-pro-content', 'data.item_content_typography'); $output .= '<# if (data.button_type == "custom") { #>'; $output .= $lodash->color('color', '.sppb-btn-custom', 'data.button_color'); $output .= $lodash->color('color', '.sppb-btn-custom:hover', 'data.button_color_hover'); $output .= $lodash->color('background-color', '.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= $lodash->spacing('padding', '.sppb-btn-custom', 'data.button_padding'); $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# } else if (data.button_appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '.sppb-btn-custom', 'data.button_background_color_hover'); $output .= $lodash->color('background-color', '.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } else if(data.button_appearance == "gradient"){ #>'; $output .= $lodash->color('background-color', '.sppb-btn-custom', 'data.button_background_gradient'); $output .= $lodash->color('background-color', '.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= ' <# }); #>'; $output .= $lodash->spacing('padding', '.sppb-carousel-inner > .sppb-item', 'data.item_padding'); $output .= ' <# #> <# _.each (data.sp_carouselpro_item, function(carousel_item, key) { let carouselBg = {} if (carousel_item?.bg?.src !== undefined) { carouselBg = carousel_item.bg; } else { carouselBg = {src: carousel_item.bg}; } #> #sppb-addon-{{ data.id }} .sppb-carousel-pro .item-{{ data.id }}-{{ key }} { <# if(carouselBg.src){ if(carouselBg.src.indexOf("http://") == 0 \|\| carouselBg.src.indexOf("https://") == 0){ #> background: url({{ carouselBg.src }}); <# } else { #> background: url({{ pagebuilder_base + carouselBg.src }}); <# } } #> background-repeat: no-repeat; background-size: cover; background-position: center center; } <# }) #> </style> <# let content_column = (!_.isEmpty(data.content_column) && data.content_column) ? data.content_column : ""; let textColumn = ""; let imageColumn = ""; if (content_column) { textColumn = content_column; imageColumn = (12 - content_column); } else { textColumn = 6; imageColumn = 6; } let arrow_icon = (!_.isEmpty(data.arrow_icon)) ? data.arrow_icon : "angle"; let left_arrow =""; let right_arrow = ""; if(arrow_icon=="angle_double"){ left_arrow ="fa-angle-double-left"; right_arrow = "fa-angle-double-right"; } else if(arrow_icon=="arrow"){ left_arrow ="fa-arrow-left"; right_arrow = "fa-arrow-right"; } else if(arrow_icon=="arrow_circle"){ left_arrow ="fa-arrow-circle-o-left"; right_arrow = "fa-arrow-circle-o-right"; } else if(arrow_icon=="long_arrow"){ left_arrow ="fa-long-arrow-left"; right_arrow = "fa-long-arrow-right"; } else if(arrow_icon=="angle"){ left_arrow ="fa-angle-left"; right_arrow = "fa-angle-right"; } else{ left_arrow ="fa-chevron-left"; right_arrow = "fa-chevron-right"; } if(!data.arrow_position){ data.arrow_position = "default" } #> <div id="sppb-carousel-{{data.id}}" class="sppb-carousel sppb-carousel-pro sppb-slide {{ data.class }}" data-interval="{{ interval }}" {{{ autoplay }}}> <# if (data.controllers) { #> <ol class="sppb-carousel-indicators"> <# _.each(data.sp_carouselpro_item, function (carousel_item, key) { #> <# let active = (key == 0) ? "active" : ""; #> <li data-sppb-target="#sppb-carousel-{{ data.id }}" class="{{ active }}" data-sppb-slide-to="{{ key }}"></li> <# }); #> </ol> <# } #> <div class="sppb-carousel-inner"> <# _.each(data.sp_carouselpro_item, function (carousel_item, key){ var carouselBg = {} if (typeof carousel_item.bg !== "undefined" && typeof carousel_item.bg.src !== "undefined") { carouselBg = carousel_item.bg } else { carouselBg = {src: carousel_item.bg} } var classNames = (key == 0) ? "active" : ""; classNames += (carouselBg.src) ? " sppb-item-has-bg" : ""; #> <div class="sppb-item {{ classNames }} item-{{ data.id }}-{{ key }}" id="sppb-item-{{ data.id }}{{ key }}"> <# if(_.isObject(data.carousel_height)){ if(carouselBg.src){ #> <img class="sppb-carousel-pro-bg-image" src=\'{{ carouselBg.src }}\' alt="{{ carousel_item.title }}"> <# } } #> <div class="sppb-carousel-item-inner"> <div> <div> <# if(!data.full_container){ #> <div class="sppb-container"> <# } #> <div class="sppb-row"> <div class="sppb-col-sm-{{textColumn}} sppb-col-xs-12"> <div class="sppb-carousel-pro-text"> <# if(carousel_item.title \|\| carousel_item.content) { #> <# if(carousel_item.title) { #> <h2 class="sp-editable-content" id="addon-title-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_carouselpro_item-{{key}}-title">{{ carousel_item.title }}</h2> <# } #> <# if(carousel_item.content) { #> <div class="sppb-carousel-pro-content sp-editable-content" id="addon-content-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_carouselpro_item-{{key}}-content">{{{ carousel_item.content }}}</div> <# } #> <# if(carousel_item.button_text) { #> <# var btnClass = ""; btnClass += data.button_type ? " sppb-btn-" + data.button_type : " sppb-btn-default" ; btnClass += data.button_size ? " sppb-btn-" + data.button_size : "" ; btnClass += data.button_shape ? " sppb-btn-" + data.button_shape : " sppb-btn-rounded" ; btnClass += data.button_appearance ? " sppb-btn-" + data.button_appearance : "" ; btnClass += data.button_block ? " " + data.button_block : "" ; var button_text = carousel_item.button_text; let icon_arr = (typeof carousel_item.button_icon !== "undefined" && carousel_item.button_icon) ? carousel_item.button_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+carousel_item.button_icon : carousel_item.button_icon; if(carousel_item.button_icon_position == "left"){ button_text = (carousel_item.button_icon) ? \'<i class="\'+icon_name+\'"></i> \'+carousel_item.button_text : carousel_item.button_text ; }else{ button_text = (carousel_item.button_icon) ? carousel_item.button_text+\' <i class="\'+icon_name+\'"></i>\' : carousel_item.button_text ; } #> <# const {button_url} = carousel_item; const isUrlObject = _.isObject(button_url) && (!!button_url.url \|\| !!button_url.menu \|\| !!button_url.page); const isUrlString = _.isString(button_url) && button_url !== ""; let href = ""; let target = ""; let rel = ""; let relData=""; if(isUrlObject \|\| isUrlString){ const urlObj = button_url?.url ? button_url : window.getSiteUrl(button_url, data.button_target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const buttonUrl = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; target = new_tab ? `target=_blank` : ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; rel = `rel="${relData}"`; href= buttonUrl? `href=${buttonUrl}` : ""; } #> <a {{href}} {{target}} rel=\'{{rel}}\' id="btn-{{ data.id + "" + key}}" class="sppb-btn{{ btnClass }}">{{{ button_text }}}</a> <# } #> <# } #> </div> </div> <div class="sppb-col-sm-{{imageColumn}} sppb-col-xs-12"> <div class="sppb-text-right"> <# if(carousel_item.video) { #> <# var video = parseUrl(carousel_item.video), src = ""; if (video.host == "youtu.be") { var id = video["path"].replace("/", ""); src = "//www.youtube.com/embed/"+id; } else if(video.host == "www.youtube.com" \|\| video.host == "youtube.com"){ var id = video["query"].replace("v=", ""); src = "//www.youtube.com/embed/"+id; } else if (video.host == "vimeo.com" \|\| video.host == "www.vimeo.com") { var id = video["path"].replace("/", ""); src = "//player.vimeo.com/video/"+id; } #> <div class="sppb-embed-responsive sppb-embed-responsive-16by9"> <iframe class="sppb-embed-responsive-item" src=\'{{ src }}\' webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> <# } else { var carouselItemImg = {} if (typeof carousel_item.image !== "undefined" && typeof carousel_item.image.src !== "undefined") { carouselItemImg = carousel_item.image } else { carouselItemImg = {src: carousel_item.image} } if(carouselItemImg.src){ if(carouselItemImg.src && carouselItemImg.src.indexOf("https://") == -1 && carouselItemImg.src.indexOf("http://") == -1){ #> <img class="sppb-img-reponsive" src=\'{{ pagebuilder_base + carouselItemImg.src }}\' alt="{{ carousel_item.title }}"> <# } else if(carouselItemImg.src){ #> <img class="sppb-img-reponsive" src=\'{{ carouselItemImg.src }}\' alt="{{ carousel_item.title }}"> <# } } } #> </div> </div> </div> <# if(!data.full_container){ #> </div> <# } #> </div> </div> </div> </div> <# }); #> </div> <# if(data.arrows) { if(data.arrow_position!=="default") { #> <div class="sppb-container sppb-carousel-pro-arrow-{{data.arrow_position}}"> <div class="sppb-row"> <div class="sppb-col-12"> <# } #> <a href="#sppb-carousel-{{ data.id }}" class="sppb-carousel-arrow left sppb-carousel-control" data-slide="prev"><i class="fa {{left_arrow}} "></i></a> <a href="#sppb-carousel-{{ data.id }}" class="sppb-carousel-arrow right sppb-carousel-control" data-slide="next"><i class="fa {{right_arrow}}"></i></a> <# if(data.arrow_position!=="default") { #> </div> </div> </div> <# } } #> </div> '; return $output; } } ��carouselpro/admin.php��0000644��00000050310�15231074400�0010676 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'carouselpro', 'category' => 'Slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ADVANCED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ADVANCED_DESC'), 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27.9 19.5v-6.9c0-.5.5-.7.8-.4l3.1 3.5c.2.2.2.6 0 .8L28.7 20c-.3.2-.8-.1-.8-.5zM4.2 12.5v6.9c0 .5-.5.7-.8.4L.3 16.3c-.2-.2-.2-.6 0-.8L3.4 12c.3-.2.8.1.8.5z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23 5H9v22h14V5zM9 3c-1.1 0-2 .9-2 2v22c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H9z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 21c0 .6-.4 1-1 1h-8c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1zM17 24c0 .6-.4 1-1 1h-4c-.6 0-1-.4-1-1s.4-1 1-1h4c.6 0 1 .4 1 1z" fill="currentColor"/><g opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M25 12.2L20.9 16c-1.8 1.7-5 1.5-6.5-.4-.8-1-2.4-1.1-3.4-.2L8.6 18 7 16.8l2.5-2.5c1.8-1.8 5.1-1.7 6.6.3.8 1 2.4 1.1 3.3.2l4.1-3.8 1.5 1.2z"/><path d="M17.5 8c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5S18.3 8 17.5 8zM14 9.5C14 7.6 15.6 6 17.5 6S21 7.6 21 9.5 19.4 13 17.5 13 14 11.4 14 9.5z"/></g></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_carouselpro_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_TITLE_DESC'), 'std' => 'Carousel Item Title', ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'content_separator' => [ 'type' => 'separator', ], 'content' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'std' => 'Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.', ], 'content_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'media_separator' => [ 'type' => 'separator', ], 'bg' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ADVANCED_ITEM_BACKGROUND_IMAGE_DESC'), ], 'image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_IMAGE_DESC'), ], 'video' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_VIDEO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ADVANCED_ITEM_VIDEO_DESC'), ], //Button 'button_separator' => [ 'type' => 'separator', ], 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT_DESC'), 'std' => 'Button', ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_URL_DESC'), 'depends' => [['button_text', '!=', '']] ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), 'depends' => [['button_text', '!=', '']] ], 'button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'depends' => [['button_text', '!=', '']] ], ], ], ], ], 'title_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE_OPTIONS'), 'fields' => [ 'item_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'item_title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ], ], 'content_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT_OPTIONS'), 'fields' => [ 'full_container' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_NO_CONTAINER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_NO_CONTAINER_DESC'), 'std' => 0, ], 'item_content_separator' => [ 'type' => 'separator', ], 'item_content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'item_title_content' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'content_column_separator' => [ 'type' => 'separator', ], 'content_column' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTENT_COLUMN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTENT_COLUMN_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], ], 'item_padding_separator' => [ 'type' => 'separator', ], 'item_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ADVANCED_ITEM_PADDING'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'depends' => [['button_type', '=', 'link']] ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['button_size', '=', 'custom']] ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [['button_type', '!=', 'link']] ], 'button_style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'] ], 'std' => 'normal', 'tabs' => true, 'depends' => [['button_type', '=', 'custom']], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_type', '=', 'custom'], ['button_style_tab', '=', 'normal'], ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['button_appearance', '!=', 'gradient'], ['button_type', '=', 'custom'], ['button_style_tab', '=', 'normal'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_appearance', '=', 'gradient'], ['button_type', '=', 'custom'], ['button_style_tab', '=', 'normal'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_type', '=', 'custom'], ['button_style_tab', '=', 'hover'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['button_appearance', '!=', 'gradient'], ['button_type', '=', 'custom'], ['button_style_tab', '=', 'hover'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_appearance', '=', 'gradient'], ['button_type', '=', 'custom'], ['button_style_tab', '=', 'hover'], ], ], // link button 'link_button_style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'] ], 'std' => 'normal', 'tabs' => true, 'depends' => [['button_type', '=', 'link']], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['button_type', '=', 'link'], ['link_button_style_tab', '=', 'normal'], ] ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['button_type', '=', 'link'], ['link_button_style_tab', '=', 'normal'], ] ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['button_type', '=', 'link'], ['link_button_style_tab', '=', 'normal'], ] ], //Link Hover 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['button_type', '=', 'link'], ['link_button_style_tab', '=', 'hover'], ] ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['button_type', '=', 'link'], ['link_button_style_tab', '=', 'hover'], ] ], ], ], 'slider_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SLIDER_OPTIONS'), 'fields' => [ 'carousel_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 500] ], 'autoplay_separator' => [ 'type' => 'separator', ], 'autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_AUTOPLAY'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INTERVAL'), 'std' => 5, 'depends' => [['autoplay', '=', 1]] ], 'speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SPEED'), 'std' => 600, ], // Controllers 'controllers_separator' => [ 'type' => 'separator', ], 'controllers' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTROLLERS'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], // Arrows 'arrows_separator' => [ 'type' => 'separator', ], 'arrows' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS_DESC'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'arrow_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 100, 'depends' => [['arrows', '=', 1]] ], 'arrow_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_PRO_ARROWS_POSITION'), 'values' => [ 'default' => 'Default', 'bottom-left' => Text::_('COM_SPPAGEBUILDER_ADDON_BOTTOM_LEFT'), 'bottom-center' => Text::_('COM_SPPAGEBUILDER_ADDON_BOTTOM_CENTER'), 'bottom-right' => Text::_('COM_SPPAGEBUILDER_ADDON_BOTTOM_RIGHT'), ], 'std' => 'default', 'depends' => [['arrows', '=', 1]] ], 'arrow_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 200, 'min' => 10, 'depends' => [ ['arrows', '=', 1], ['arrow_position', '!=', 'default'], ], ], 'arrow_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 200, 'min' => 10, 'depends' => [ ['arrows', '=', 1], ['arrow_position', '!=', 'default'], ], ], 'arrow_icon_separator' => [ 'type' => 'separator', 'depends' => [['arrows', '=', 1]], ], 'arrow_icon' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON'), 'values' => [ 'angle' => 'Angle', 'angle_double' => 'Angle Double', 'arrow' => 'Arrow', 'arrow_circle' => 'Arrow Circle', 'long_arrow' => 'Long Arrow', 'chevron' => 'Chevron', ], 'std' => 'chevron', 'depends' => [['arrows', '=', 1]], ], 'arrow_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'depends' => [['arrows', '=', 1], ['arrow_position', '!=', 'default']] ], 'arrow_style_separator' => [ 'type' => 'separator', ], 'arrow_style' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'depends' => [['arrows', '=', 1]], ], 'arrow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'normal']] ], 'arrow_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'normal'], ['arrow_position', '!=', 'default']] ], 'arrow_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 20, 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'normal'], ['arrow_position', '!=', 'default']] ], 'arrow_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'normal'], ['arrow_position', '!=', 'default']] ], 'arrow_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'hover']] ], 'arrow_hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'hover'], ['arrow_position', '!=', 'default']] ], 'arrow_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['arrows', '=', 1], ['arrow_style', '=', 'hover'], ['arrow_position', '!=', 'default']] ], 'arrow_border_radius_separator' => [ 'type' => 'separator', 'depends' => [ ['arrows', '=', 1], ['arrow_position', '!=', 'default'], ], ], 'arrow_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'max' => 1000, 'depends' => [ ['arrows', '=', 1], ['arrow_position', '!=', 'default'], ], ], ], ], ], ]); ��carouselpro/.htaccess��0000555��00000000355�15231074400�0010700 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��animated_heading/assets/images/icon.png��0000644��00000004433�15231074400�0014212 0��ustar�00��PNG �� IHDR��i7�@�� cHRM��z%��u0��`��:��o�_�F�� pHYs��IDATx��]gpU= HH��(E�:��BB$T�ည CA�� D�apH��A)�EAB��dT��͹��d��w��ݽ�w��{v�s7@�Y��3��\|��C��~\��-��><��؋ʁ@\#�$4 4��K�X�a��=�H��V@��@`\.�%�$l��Q�(��B��$4 ��t_(�l$�w��$�B;l'8bN0��`&�$�@w� ��߇��O�U��˨�"�$ ��(rvJ��S�X��`=9��[��u�P��'��,qn`9�e�T?!�`-9ڍ꓉�K��"�yuhKe'h��""��,�m��J��m]��"mFHG]��8A��w#�C�� R�>ҍ$XC��M�.o��i.�}�(��Q=�0��[��>ۤR��n#�jr��6o ��o�K�k��U(L�n`09��`��&�$�z�Ѯ#n��~�snq� #�ANTM�� rjy��v�� r�O>m�!�pǜ�1i�2�O�0"�� <�o�y�~�H��ꫢ�{D��Ο4"d��0A��t��3�T��2��g��T�� s��!.Ȯ� y�GH�9Z6�B��p3/��@�s�Xog �u&u� �e7�� eB�̱�B&�S�{g�SI�H!��b]p��C��~�@��H!Yf��5��8�?R6ec�GU?!��\|f<�m ��H�k��N��?d��\��[2��5�?��&ȵՑY��N��.(�$_e��.�}$$�<:�T!Yj�e��,^�kK�Ts�W>�<ߏB�%��'<c�=��8�ٲ^�Qm��n�TU~��Y��/��g��p(�>t�K H��M�a ��o�Bh��:>�(��__ @a�ń�P�S��-$�" u,�L.�L��H!�X+"A�3B�1H�O�R��3�� \| $�" }<�Lt f��Bh��4.�j��P=��zh>Kओ�=�DX�.ǜ�dY�J)�k��tW�::-@�)l~-�l�j"^�X �Ac4tI@4"s��OH�E��Baye��GG�w��x��0�W�z�R��w��D�K�C��rV�i��c襣��`��1z2K��C1��nx�\|�3��)j_ڲZG@�'P�,�F�\|d�%��d��(�݆>�[�5�C1�(57��!A�]L�k�([[��c<�0�4T��H�$ u��p��h��(��e��e�Xe"�罏uY�0��nyeoSݗ0�^!�A :UukK,z��,�� 1ƩzN�uy%�0ע�a�L�]Z^j,'�R�)��ix�.��z�t�U�g츼��:�W!��D��D� ��ޒ�E�c[\|��>ɡ��L#��@w:�� f[�'�` � =�� &(�jh�j��}!F �K\�H}�aQM(��$�8^u��i��r��c�]7�H��.D��d��w��A&Ѯ� �QN�.a�B��r�� ;��za�0-w[L�k%h�7S��]�h��qO�uѡz�W��>��h`��,�l⻧ �'��n%R0��! C��G�nV�٢I�aꠤ8�{,\TӅNbS>k��D�YքH=��s�{oKR��&�ﵺD�L�0��B֒o�v��l�5�I$�i~t(\�m��o�^4a��:4"�DK��T\��"�D��5�z�,"�s�C�zo�E��4�``,ڇ�&9�u��,��x15Y�.]��&�?�)0]�� \�.ȡGZ�J��9�5)^��}��Z��֖��r�C��M��@Sv�H��a��,��T=I�D�� Zs��#��5��Yh��4��a�dI�jŖ��Q�r�& �"%�:p:�+��f� ��zK��f�ctl��gE��u�sFwў��X!D��-��I�=��U1L>rdk��L7�,�za+-gf��2��Zs�wb��XalW弑��H��ِ���"+�"��&� ��IEND�B`��animated_heading/assets/images/.htaccess��0000555��00000000355�15231074400�0014352 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��animated_heading/assets/.htaccess��0000555��00000000355�15231074400�0013105 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��animated_heading/site.php��0000644��00000055553�15231074400�0011473 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonAnimated_heading extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; // Heading $heading_style = (isset($settings->heading_style) && $settings->heading_style) ? $settings->heading_style : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h2'; // Highlighted options $heading_before_part = (isset($settings->heading_before_part) && $settings->heading_before_part) ? $settings->heading_before_part : ''; $highlighted_text = (isset($settings->highlighted_text) && $settings->highlighted_text) ? $settings->highlighted_text : ''; $heading_after_part = (isset($settings->heading_after_part) && $settings->heading_after_part) ? $settings->heading_after_part : ''; $highlighted_shape = (isset($settings->highlighted_shape) && $settings->highlighted_shape) ? $settings->highlighted_shape : ''; // Animation options $animated_text = (isset($settings->animated_text) && $settings->animated_text) ? $settings->animated_text : ''; $text_animation_name = (isset($settings->text_animation_name) && $settings->text_animation_name) ? $settings->text_animation_name : ''; $animated_text_chunk = ''; if ($animated_text) { $animated_text_chunk = explode("\n", $animated_text); } $animated_text_class = ''; if ($animated_text && $text_animation_name) { $animated_text_class = 'animated-heading-text '; switch ($text_animation_name) { case 'blinds': $animated_text_class .= 'letters animation-blinds'; break; case 'delete-typing': $animated_text_class .= 'letters type'; break; case 'flip': $animated_text_class .= 'text-animation-flip'; break; case 'fade-in': $animated_text_class .= 'zoom'; break; case 'loading-bar': $animated_text_class .= 'loading-bar'; break; case 'scale': $animated_text_class .= 'letters scale'; break; case 'slide': $animated_text_class .= 'letters scale'; break; case 'push': $animated_text_class .= 'push'; break; case 'wave': $animated_text_class .= 'letters animation-wave'; break; default: $animated_text_class .= 'text-clip is-full-width'; break; } } //Output start $output = ''; $output .= '<div class="sppb-addon sppb-addon-animated-heading' . $class . '">'; $output .= '<' . $heading_selector . ' class="sppb-addon-title ' . ($heading_style !== 'highlighted' ? $animated_text_class : '') . '">'; $output .= ($heading_before_part) ? '<span class="animated-heading-before-part">' . $heading_before_part . '</span>' : ''; if ($heading_style === 'highlighted') { if ($highlighted_text) { $output .= '<span class="animated-heading-highlighted-wrap">'; $output .= '<span class="animated-heading-highlighted-text ' . ($highlighted_shape ? 'shape-' . $highlighted_shape : '') . '">'; $output .= $highlighted_text; $output .= '</span>'; if ($highlighted_shape === 'cross') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M497.4,23.9C301.6,40,155.9,80.6,4,144.4"></path> <path d="M14.1,27.6c204.5,20.3,393.8,74,467.3,111.7"></path> </svg>'; } elseif ($highlighted_shape === 'bg-fill') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path fill="none" stroke="#020202" stroke-width="150" stroke-miterlimit="10" d="M0 75h500"/> </svg>'; } elseif ($highlighted_shape === 'square') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M44.22 0c2.46 51.77-2.05 99.72-13.51 143.84 50.37-7.64 316.96-30.55 469.29-5.09-16.41-40.58-21.99-71.11-23.34-127.29C378.38 22.92 97.06 34.37 0 22.92"/> </svg>'; } elseif ($highlighted_shape === 'sharpe-zigzag') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M.23 139.83l28.27-19.78 25.43 19.79 28.27-19.77 22.6 19.79 29.68-19.78 25.44 19.79 25.44-19.78 28.27 19.79 26.85-19.77 26.84 19.8 24.04-19.79 24.01 19.8 22.62-19.78 22.61 19.8 22.61-19.78 24.02 19.79 24.03-19.78 24.02 19.8 22.62-19.79 21.19 19.79"/> </svg>'; } elseif ($highlighted_shape === 'diagonal') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M13.5,15.5c131,13.7,289.3,55.5,475,125.5"></path> </svg>'; } elseif ($highlighted_shape === 'top-botm-line') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M8.4,143.1c14.2-8,97.6-8.8,200.6-9.2c122.3-0.4,287.5,7.2,287.5,7.2"></path> <path d="M8,19.4c72.3-5.3,162-7.8,216-7.8c54,0,136.2,0,267,7.8"></path> </svg>'; } elseif ($highlighted_shape === 'strikethrough') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M3,75h493.5"></path> </svg>'; } elseif ($highlighted_shape === 'underline') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7"></path> </svg>'; } elseif ($highlighted_shape === 'dubl-underline') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M5,125.4c30.5-3.8,137.9-7.6,177.3-7.6c117.2,0,252.2,4.7,312.7,7.6"></path> <path d="M26.9,143.8c55.1-6.1,126-6.3,162.2-6.1c46.5,0.2,203.9,3.2,268.9,6.4"></path> </svg>'; } elseif ($highlighted_shape === 'zigzag-underline') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M9.3,127.3c49.3-3,150.7-7.6,199.7-7.4c121.9,0.4,189.9,0.4,282.3,7.2C380.1,129.6,181.2,130.6,70,139 c82.6-2.9,254.2-1,335.9,1.3c-56,1.4-137.2-0.3-197.1,9"></path> </svg>'; } elseif ($highlighted_shape == 'wave') { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M3,146.1c17.1-8.8,33.5-17.8,51.4-17.8c15.6,0,17.1,18.1,30.2,18.1c22.9,0,36-18.6,53.9-18.6 c17.1,0,21.3,18.5,37.5,18.5c21.3,0,31.8-18.6,49-18.6c22.1,0,18.8,18.8,36.8,18.8c18.8,0,37.5-18.6,49-18.6c20.4,0,17.1,19,36.8,19 c22.9,0,36.8-20.6,54.7-18.6c17.7,1.4,7.1,19.5,33.5,18.8c17.1,0,47.2-6.5,61.1-15.6"></path> </svg>'; } else { $output .= '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M325,18C228.7-8.3,118.5,8.3,78,21C22.4,38.4,4.6,54.6,5.6,77.6c1.4,32.4,52.2,54,142.6,63.7 c66.2,7.1,212.2,7.5,273.5-8.3c64.4-16.6,104.3-57.6,33.8-98.2C386.7-4.9,179.4-1.4,126.3,20.7"> </path> </svg>'; } $output .= '</span>'; } } else { $output .= '<span class="animated-text-words-wrapper">'; if (is_array($animated_text_chunk)) { foreach ($animated_text_chunk as $key => $item) { $output .= '<span class="animated-text ' . ($key == 0 ? 'is-visible' : '') . '">' . $item . '</span>'; } } $output .= '</span>'; } $output .= ($heading_after_part) ? '<span class="animated-heading-after-part">' . $heading_after_part . '</span>' : ''; $output .= '</' . $heading_selector . '>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); // Css Output Start $css = ''; $headingProps = [ 'heading_margin' => 'margin', 'heading_padding' => 'padding', 'heading_color' => 'color', ]; $headingUnit = [ 'heading_margin' => false, 'heading_padding' => false, 'heading_color' => false, ]; $modifier = [ 'heading_margin' => 'spacing', 'heading_padding' => 'spacing', ]; $heading = $cssHelper->generateStyle('.sppb-addon-title', $settings, $headingProps, $headingUnit, $modifier); $headingTypography = $cssHelper->typography('.sppb-addon-title', $settings, 'heading_typography', [ 'font' => 'heading_font_family', 'size' => 'heading_fontsize', 'line_height' => 'heading_lineheight', 'letter_spacing' => 'heading_letterspace', 'uppercase' => 'heading_font_style.uppercase', 'italic' => 'heading_font_style.italic', 'underline' => 'heading_font_style.underline', 'weight' => 'heading_font_style.weight' ]); $animatedTextProps = [ 'animated_text_color' => 'color' ]; $animatedTextUnit = [ 'animated_text_color' => false ]; $animatedText = $cssHelper->generateStyle('.animated-text-words-wrapper', $settings, $animatedTextProps, $animatedTextUnit); $animatedTextTypography = $cssHelper->typography('.animated-text-words-wrapper', $settings, 'animated_text_typography', [ 'font' => 'animated_text_font_family', 'size' => 'animated_text_fontsize', 'letter_spacing' => 'animated_text_letterspace', 'uppercase' => 'animated_text_font_style.uppercase', 'italic' => 'animated_text_font_style.italic', 'underline' => 'animated_text_font_style.underline', 'weight' => 'animated_text_font_style.weight', ]); $highlightedText = $cssHelper->generateStyle('.animated-heading-highlighted-text', $settings, $animatedTextProps, $animatedTextUnit); $highlightedTextTypography = $cssHelper->typography('.animated-heading-highlighted-text', $settings, 'highlighted_typography', [ 'font' => 'highlighted_font_family', 'size' => 'highlighted_fontsize', 'letter_spacing' => 'highlighted_letterspace', 'uppercase' => 'highlighted_font_style.uppercase', 'italic' => 'highlighted_font_style.italic', 'underline' => 'highlighted_font_style.underline', 'weight' => 'highlighted_font_style.weight', ]); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $alignment = $cssHelper->generateStyle('.sppb-addon.sppb-addon-animated-heading .sppb-addon-title', $settings, ['alignment' => 'justify-content'], false); $css .= $alignment; $css .= $heading; $css .= $headingTypography; $css .= $animatedText; $css .= $animatedTextTypography; $css .= $highlightedText; $css .= $highlightedTextTypography; //Shape style $highlighted_shape = (isset($settings->highlighted_shape) && $settings->highlighted_shape) ? $settings->highlighted_shape : ''; if ($highlighted_shape) { $css .= $addon_id . ' .animated-heading-highlighted-wrap svg path {'; if (isset($settings->shape_width) && $settings->shape_width) { $css .= 'stroke-width: ' . $settings->shape_width . 'px;'; } if (isset($settings->shape_radius) && $settings->shape_radius) { $css .= 'stroke-linecap: round;'; $css .= 'stroke-linejoin: round;'; } if (isset($settings->shape_color) && $settings->shape_color) { $css .= 'stroke: ' . $settings->shape_color . ';'; } $css .= '}'; } return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css"> <# if(data.highlighted_shape) { #> #sppb-addon-{{ data.id }} .animated-heading-highlighted-wrap svg path { <# if(!_.isEmpty(data.shape_width) && data.shape_width) { #> stroke-width: {{data.shape_width}}px; <# } if(data.shape_radius) { #> stroke-linecap: round; stroke-linejoin: round; <# } if(!_.isEmpty(data.shape_color) && data.shape_color) { #> stroke: {{data.shape_color}}; <# } #> } <# } #>'; // Global $output .= $lodash->alignment('text-align', '.sppb-addon-animated-heading', 'data.alignment'); $output .= $lodash->flexAlignment('.animated-heading-text', 'data.alignment'); // Heading $headingTypographyFallbacks = [ 'font' => 'data.heading_font_family', 'size' => 'data.heading_fontsize', 'line_height' => 'data.heading_lineheight', 'letter_spacing' => 'data.heading_letterspace', 'uppercase' => 'data.heading_font_style?.uppercase', 'italic' => 'data.heading_font_style?.italic', 'underline' => 'data.heading_font_style?.underline', 'weight' => 'data.heading_font_style?.weight' ]; $output .= $lodash->spacing('padding', '.sppb-addon-title', 'data.heading_padding'); $output .= $lodash->spacing('margin', '.sppb-addon-title', 'data.heading_margin'); $output .= $lodash->color('color', '.sppb-addon-title', 'data.heading_color'); $output .= $lodash->typography('.sppb-addon-title', 'data.heading_typography', $headingTypographyFallbacks); // Animated text $animatedTextTypographyFallbacks = [ 'font' => 'data.animated_text_font_family', 'size' => 'data.animated_text_fontsize', 'letter_spacing' => 'data.animated_text_letterspace', 'uppercase' => 'data.animated_text_font_style?.uppercase', 'italic' => 'data.animated_text_font_style?.italic', 'underline' => 'data.animated_text_font_style?.underline', 'weight' => 'data.animated_text_font_style?.weight' ]; $output .= $lodash->color('color', '.animated-text-words-wrapper', 'data.animated_text_color'); $output .= $lodash->typography('.animated-text-words-wrapper', 'data.animated_text_typography', $animatedTextTypographyFallbacks); // Highlighted $highlightedTypographyFallbacks = [ 'font' => 'data.highlighted_text_font_family' ]; $output .= $lodash->color('color', '.animated-heading-highlighted-text', 'data.animated_text_color'); $output .= $lodash->typography('.animated-heading-highlighted-text', 'data.highlighted_typography', $highlightedTypographyFallbacks); $output .= ' </style> <# let animated_text = (!_.isEmpty(data.animated_text) && data.animated_text) ? data.animated_text : ""; let animated_text_chunk = ""; if(animated_text){ animated_text_chunk = _.split(animated_text, "\n"); } let animated_text_class = ""; if(animated_text && data.text_animation_name) { animated_text_class = "animated-heading-text "; if(data.text_animation_name == "blinds") { animated_text_class += "letters animation-blinds"; } else if(data.text_animation_name == "delete-typing") { animated_text_class += "letters type"; } else if(data.text_animation_name == "flip") { animated_text_class += "text-animation-flip"; } else if(data.text_animation_name == "fade-in") { animated_text_class += "zoom"; } else if(data.text_animation_name == "loading-bar") { animated_text_class += "loading-bar"; } else if(data.text_animation_name == "scale") { animated_text_class += "letters scale"; } else if(data.text_animation_name == "slide") { animated_text_class += "letters scale"; } else if(data.text_animation_name == "push") { animated_text_class += "push"; } else if(data.text_animation_name == "wave") { animated_text_class += "letters animation-wave"; } else { animated_text_class += "text-clip is-full-width"; } } #> <div class="sppb-addon sppb-addon-animated-heading {{data.class}}"> <{{data.heading_selector}} class="sppb-addon-title {{animated_text_class}}"> <# if(data.heading_before_part) { #> <span class="animated-heading-before-part sp-inline-editable-element" data-id={{data.id}} data-fieldName="heading_before_part" contenteditable="true">{{{data.heading_before_part}}}</span> <# } if(data.heading_style == "highlighted") { if(data.highlighted_text) { #> <span class="animated-heading-highlighted-wrap"> <span class="animated-heading-highlighted-text sp-inline-editable-element shape-{{data.highlighted_shape}}" data-id={{data.id}} data-fieldName="highlighted_text" contenteditable="true"> {{data.highlighted_text}} </span> <# if(data.highlighted_shape == "cross") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M497.4,23.9C301.6,40,155.9,80.6,4,144.4"></path> <path d="M14.1,27.6c204.5,20.3,393.8,74,467.3,111.7"></path> </svg> <# } else if (data.highlighted_shape == "diagonal") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M13.5,15.5c131,13.7,289.3,55.5,475,125.5"></path> </svg> <# } else if (data.highlighted_shape == "strikethrough") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M3,75h493.5"></path> </svg> <# } else if (data.highlighted_shape == "top-botm-line") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M8.4,143.1c14.2-8,97.6-8.8,200.6-9.2c122.3-0.4,287.5,7.2,287.5,7.2"></path> <path d="M8,19.4c72.3-5.3,162-7.8,216-7.8c54,0,136.2,0,267,7.8"></path> </svg> <# } else if (data.highlighted_shape == "underline") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M7.7,145.6C109,125,299.9,116.2,401,121.3c42.1,2.2,87.6,11.8,87.3,25.7"></path> </svg> <# } else if (data.highlighted_shape == "dubl-underline") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M5,125.4c30.5-3.8,137.9-7.6,177.3-7.6c117.2,0,252.2,4.7,312.7,7.6"></path> <path d="M26.9,143.8c55.1-6.1,126-6.3,162.2-6.1c46.5,0.2,203.9,3.2,268.9,6.4"></path> </svg> <# } else if (data.highlighted_shape == "zigzag-underline") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M9.3,127.3c49.3-3,150.7-7.6,199.7-7.4c121.9,0.4,189.9,0.4,282.3,7.2C380.1,129.6,181.2,130.6,70,139 c82.6-2.9,254.2-1,335.9,1.3c-56,1.4-137.2-0.3-197.1,9"></path> </svg> <# } else if (data.highlighted_shape == "wave") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M3,146.1c17.1-8.8,33.5-17.8,51.4-17.8c15.6,0,17.1,18.1,30.2,18.1c22.9,0,36-18.6,53.9-18.6 c17.1,0,21.3,18.5,37.5,18.5c21.3,0,31.8-18.6,49-18.6c22.1,0,18.8,18.8,36.8,18.8c18.8,0,37.5-18.6,49-18.6c20.4,0,17.1,19,36.8,19 c22.9,0,36.8-20.6,54.7-18.6c17.7,1.4,7.1,19.5,33.5,18.8c17.1,0,47.2-6.5,61.1-15.6"></path> </svg> <# } else if (data.highlighted_shape == "bg-fill") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path fill="none" stroke="#020202" stroke-width="150" stroke-miterlimit="10" d="M0 75h500"/> </svg> <# } else if (data.highlighted_shape == "square") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M44.22 0c2.46 51.77-2.05 99.72-13.51 143.84 50.37-7.64 316.96-30.55 469.29-5.09-16.41-40.58-21.99-71.11-23.34-127.29C378.38 22.92 97.06 34.37 0 22.92"/> </svg> <# } else if (data.highlighted_shape == "sharpe-zigzag") { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M.23 139.83l28.27-19.78 25.43 19.79 28.27-19.77 22.6 19.79 29.68-19.78 25.44 19.79 25.44-19.78 28.27 19.79 26.85-19.77 26.84 19.8 24.04-19.79 24.01 19.8 22.62-19.78 22.61 19.8 22.61-19.78 24.02 19.79 24.03-19.78 24.02 19.8 22.62-19.79 21.19 19.79"/> </svg> <# } else { #> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 150" preserveAspectRatio="none"> <path d="M325,18C228.7-8.3,118.5,8.3,78,21C22.4,38.4,4.6,54.6,5.6,77.6c1.4,32.4,52.2,54,142.6,63.7 c66.2,7.1,212.2,7.5,273.5-8.3c64.4-16.6,104.3-57.6,33.8-98.2C386.7-4.9,179.4-1.4,126.3,20.7"> </path> </svg> <# } #> </span> <# } } else { #> <span class="animated-text-words-wrapper"> <# if(_.isArray(animated_text_chunk)) { _.each(animated_text_chunk, function(item, key) { let visibleClass = ""; if(key==0) { visibleClass = "is-visible"; } #> <span class="animated-text {{visibleClass}}">{{item}}</span> <# }) } #> </span> <# } if(data.heading_after_part) { #> <span class="animated-heading-after-part sp-inline-editable-element" data-id={{data.id}} data-fieldName="heading_after_part" contenteditable="true">{{{data.heading_after_part}}}</span> <# } #> </{{data.heading_selector}}> </div> '; return $output; } } ��animated_heading/admin.php��0000644��00000017067�15231074400�0011615 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'animated_heading', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_HEADING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_HEADING_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M18.2 12c-2.1.3-4.1 2.1-5.5 4.4C10.8 11.3 7.1 7 2.5 7c-.4 0-.8 0-1.1.1-.8.1-1.4.8-1.4 1.6 0 1 .9 1.7 1.9 1.6.2-.1.4-.1.6-.1 4.3 0 8.2 7 8.2 13.1 0 .8.6 1.5 1.3 1.6 1.1.2 2-.6 2-1.6 0-3.1 2.3-7.3 4.3-8-.1-.6-.2-1.2-.2-1.8 0-.6 0-1 .1-1.5z" fill="currentColor"/><path d="M26.3 19.3c3.2 0 5.7-2.6 5.7-5.7s-2.6-5.7-5.7-5.7-5.7 2.6-5.7 5.7 2.5 5.7 5.7 5.7z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'heading_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ANIMATION'), 'values' => [ 'highlighted' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_STYLE_HIGH'), 'text-animation' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_STYLE_ANI_TEXT') ], 'std' => 'text-animation', ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HTML_ELEMENT'), 'std' => 'h3' ], 'animated_text_separator' => [ 'type' => 'separator', ], 'animated_text' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_ANIMATED_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_ANIMATED_TEXT_DESC'), 'std' => "awesome\nnice\ncool", 'depends' => [['heading_style', '=', 'text-animation']], ], 'animated_text_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'animated_text_font_family', 'size' => 'animated_text_fontsize', 'letter_spacing' => 'animated_text_letterspace', 'uppercase' => 'animated_text_font_style.uppercase', 'italic' => 'animated_text_font_style.italic', 'underline' => 'animated_text_font_style.underline', 'weight' => 'animated_text_font_style.weight', ], 'depends' => [['heading_style', '=', 'text-animation']], ], 'highlighted_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_TEXT_DESC'), 'std' => 'awesome', 'depends' => [['heading_style', '=', 'highlighted']] ], 'highlighted_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'highlighted_text_font_family' ], 'depends' => [['heading_style', '=', 'highlighted']] ], 'animated_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#3366FF', ], 'shape_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_ANIMATED_SHAPE_COLOR'), 'std' => '#3366FF', 'depends' => [['heading_style', '=', 'highlighted']] ], 'heading_before_part_separator' => [ 'type' => 'separator', ], 'heading_before_part' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_BEFORE_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_BEFORE_TEXT_DESC'), 'std' => 'This heading is' ], 'heading_after_part' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_AFTER_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_AFTER_TEXT_DESC'), 'std' => 'from the beginning.' ], 'heading_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'heading_font_family', 'size' => 'heading_fontsize', 'line_height' => 'heading_lineheight', 'letter_spacing' => 'heading_letterspace', 'uppercase' => 'heading_font_style.uppercase', 'italic' => 'heading_font_style.italic', 'underline' => 'heading_font_style.underline', 'weight' => 'heading_font_style.weight', ], ], 'heading_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#333333', ], 'heading_margin_separator' => [ 'type' => 'separator', ], 'heading_margin'=> [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => '', 'responsive' => true ], 'heading_padding'=> [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => '', 'responsive' => true ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ], ], ], 'animation' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ANIMATION'), 'fields' => [ 'text_animation_name' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_TEXT_ANI'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_TEXT_ANI_DESC'), 'values' => ['blinds' => 'Blinds', 'clip' => 'Clip', 'delete-typing' => 'Typing', 'flip' => 'Flip', 'fade-in' => 'Fade In', 'loading-bar' => 'Loading Bar', 'scale' => 'Scale', 'slide' => 'Swirl', 'push' => 'Push', 'wave' => 'Twist'], 'std' => 'clip', 'depends' => [['heading_style', '=', 'text-animation'], ['animated_text', '!=', '']], ], 'shape_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_ANIMATED_SHAP_WIDTH'), 'std' => '', 'max' => 200, 'depends' => [['heading_style', '=', 'highlighted'], ['highlighted_shape', '!=', '']] ], 'shape_radius' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_ANIMATED_SHAP_RADIUS'), 'std' => 0, 'depends' => [['heading_style', '=', 'highlighted'], ['highlighted_shape', '!=', '']] ], 'highlighted_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANI_HEADING_SHAPE_DESC'), 'values' => ['bg-fill' => 'Background Fill', 'circle' => 'Circle', 'cross' => 'Cross(X)', 'diagonal' => 'Diagonal', 'strikethrough' => 'Strikethrough', 'square' => 'Rectangle', 'top-botm-line' => 'Top Bottom Line', 'underline' => 'Underline', 'dubl-underline' => 'Dubble Underline', 'zigzag-underline' => 'Scribble Underline', 'sharpe-zigzag' => 'Sharpe Zigzag Underline', 'wave' => 'Wave'], 'std' => 'circle', 'depends' => [['heading_style', '=', 'highlighted'], ['highlighted_text', '!=', '']], ], ], ], ], ]); ��animated_heading/.htaccess��0000555��00000000355�15231074400�0011603 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��social_share/assets/images/icon.png��0000644��00000005000�15231074400�0013374 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c132 79.159284, 2016/04/19-13:13:40 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:DocumentID="xmp.did:799FA55F990211E6BA26F73DE48D3015" xmpMM:InstanceID="xmp.iid:799FA55E990211E6BA26F73DE48D3015" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:CEE42F1F98FD11E6BA26F73DE48D3015" stRef:documentID="xmp.did:CEE42F2098FD11E6BA26F73DE48D3015"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>[E��nIDATx��\klUE�[` �Z5� �4@!F�ǄF0�&�ܐ�Ø�!AB\|`4&��Q?�?�� VbZ� ��j ��@[�P{��v�<��['�B�^��wvgv�@.��2��s�AD�хhF\|�X��O�v��Dy#l0��D��1��V��6Y~��V��ʺ�Q�� b�Q��^��+�K�^� >֬��9��纸%=�XC��:�M+w��C�D�'\�i��DXV7��2D؞t�� a� [hhJ�s��V�'Vg@o �M��S��~�2e�z{��X��M[e�0��!ݻ��.6B;nH��g��uh�� Q��.vHc�L�X��A��=�_�2��N��/�Ē�)�WDڄ��0 ��D�&�x�@�KE�9�n�JMh�$].��Ԅ��gk,Ii�&��<��9��3�ѶF�� c#�!.�O �M��{�"&��xR7��U!?�@��q7b�޲5d��=a�A?@T�Õ3�`&��HKUejKo�A���l�+�ؠ�"Fit\�hHAT7�i�\|��LNG�)ҧb�}��lȠ7"n��&Xm�A_D�Lّw�-:TN3`�[�ĕR^��O�uQ�!Q#�Oi��,Ji��WA��4�c�Aq~F�t�ɀɜB\|��6cqK}}q�~�%��j>�I��F�T�D�k~�2��QzQ�a�N����jЋ��ɐ�S?��E �A/ �� $i K��KB�Lab/��N ��:��͠'%l��0p��B�\ �eb� ]�Aa�V�JX�r,��W��06,?aji逡k��\ ��I�I廑��Q-��a{��f��X��K,�X��~Z�W�Z͓��;��2�unt��zWc�'�Uk~��HK�̈́�<$L��đ["�tt��ୃ�; �`��GA�j��0�� _�� f��ޥ'+��T�8ʮ��AL��0�α��t4��'\|ǘG ��C��5��An��r�0A�C��_;?�g�1\ �AƁ�"�'��KRq�j��y5u��c��ý�/�Im��2=1�a�L�j��c�6�?%��;I8ઠ#��2��b�� Ⓐ �]�55��1��!��\|�G�Lj-{̠�mes! ٽ)L�LV��6�[1�1��$"�.�3�(��f�BJ��~�vvc<��R��з;m�Kڝ�m�&��@�4�-��0O&�C)d�&el&�J�'T�� k ^k;a�c��m�ݫ\y�t'�%.6X�p� �V�x�.<`:QXM� �T�D.�[�J�cHw��Z66@�4��'�0VnH�� cS�V��@U�N+c� ��f)c�zG�v�V(̋>u��z?�d�7�B��~H��0,��W�K�e>ȯ��\YY��t�0��f{��xde2� �BE]H��^�GB�8%]�~��F0�� %�^�'!Q'�۰?� ��A� �눫u ]'��&-�t�ŋ�egA��z��ӿ�!ڞ2<\��IEND�B`�social_share/assets/images/.htaccess��0000555��00000000355�15231074400�0013545 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��social_share/assets/.htaccess��0000555��00000000355�15231074400�0012300 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��social_share/site.php��0000644��00000051330�15231074400�0010653 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Factory; use Joomla\CMS\Uri\Uri; use Joomla\CMS\Language\Text; class SppagebuilderAddonSocial_share extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $doc = Factory::getDocument(); // Options $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? ' ' . $this->addon->settings->class : ''; $class .= (isset($this->addon->settings->social_style) && $this->addon->settings->social_style) ? ' sppb-social-share-style-' . str_replace('_', '-', $this->addon->settings->social_style) : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $show_social_names = (isset($this->addon->settings->show_social_names) && $this->addon->settings->show_social_names) ? $this->addon->settings->show_social_names : ''; $show_socials = (isset($this->addon->settings->show_socials) && $this->addon->settings->show_socials) ? $this->addon->settings->show_socials : []; $uri = Uri::getInstance(); $current_url = $uri->toString(); $page_title = $doc->getTitle(); // Assign col $share_col = 'sppb-col-sm-12'; $icons_col = 'sppb-col-sm-12'; $output = ''; $output .= '<div class="sppb-addon sppb-addon-social-share' . $class . '">'; $output .= '<div class="sppb-social-share">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-social-share-wrap sppb-row">'; $output .= '<div class="sppb-social-items-wrap ' . $icons_col . '">'; $output .= '<ul>'; if (\in_array('facebook', $show_socials)) { $output .= '<li class="sppb-social-share-facebook">'; $output .= '<a onClick="window.open(\'https://www.facebook.com/sharer.php?u=' . $current_url . '\',\'Facebook\',\'width=600,height=300,left=\'+(screen.availWidth/2-300)+\',top=\'+(screen.availHeight/2-150)+\'\'); return false;" href="https://www.facebook.com/sharer.php?u=' . $current_url . '">'; $output .= '<i class="fab fa-facebook-f" aria-hidden="true"></i>'; if ($show_social_names) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_FACEBOOK') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (\in_array('twitter', $show_socials)) { //twitter $output .= '<li class="sppb-social-share-twitter">'; $output .= '<a onClick="window.open(\'https://twitter.com/share?url=' . urlencode($current_url) . '&text=' . str_replace(" ", "%20", $page_title) . '\',\'Twitter share\',\'width=600,height=300,left=\'+(screen.availWidth/2-300)+\',top=\'+(screen.availHeight/2-150)+\'\'); return false;" href="https://twitter.com/share?url=' . $current_url . '&text=' . str_replace(" ", "%20", $page_title) . '">'; $output .= '<i class="fab fa-twitter" aria-hidden="true"></i>'; if ($show_social_names) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_TWITTER') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (\in_array('linkedin', $show_socials)) { //linkedin $output .= '<li class="sppb-social-share-linkedin">'; $output .= '<a onClick="window.open(\'https://www.linkedin.com/shareArticle?mini=true&url=' . $current_url . '\',\'Linkedin\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://www.linkedin.com/shareArticle?mini=true&url=' . $current_url . '" >'; $output .= '<i class="fab fa-linkedin" aria-hidden="true"></i>'; if ($show_social_names) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_LINKEDIN') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('pinterest', $show_socials)) { $output .= '<li class="sppb-social-share-pinterest">'; $output .= '<a onClick="window.open(\'https://pinterest.com/pin/create/button/?url=' . $current_url . '&description=' . $page_title . '\',\'Pinterest\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://pinterest.com/pin/create/button/?url=' . $current_url . '&description=' . $page_title . '" >'; $output .= '<i class="fab fa-pinterest" aria-hidden="true"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_PINTEREST') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('thumblr', $show_socials)) { $output .= '<li class="sppb-social-share-thumblr">'; $output .= '<a onClick="window.open(\'https://tumblr.com/share?s=&v=3&t=' . $page_title . '&u=' . $current_url . '\',\'Thumblr\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://tumblr.com/share?s=&v=3&t=' . $page_title . '&u=' . $current_url . '" >'; $output .= '<i class="fab fa-tumblr"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_THUMBLR') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('getpocket', $show_socials)) { $output .= '<li class="sppb-social-share-getpocket">'; $output .= '<a onClick="window.open(\'https://getpocket.com/save?url=' . $current_url . '\',\'Getpocket\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://getpocket.com/save?url=' . $current_url . '" >'; $output .= '<i class="fab fa-get-pocket" aria-hidden="true"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_GETPOCKET') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('reddit', $show_socials)) { $output .= '<li class="sppb-social-share-reddit">'; $output .= '<a onClick="window.open(\'https://www.reddit.com/submit?url=' . $current_url . '\',\'Reddit\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://www.reddit.com/submit?url=' . $current_url . '" >'; $output .= '<i class="fab fa-reddit" aria-hidden="true"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_REDDIT') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('vk', $show_socials)) { $output .= '<li class="sppb-social-share-vk">'; $output .= '<a onClick="window.open(\'https://vk.com/share.php?url=' . $current_url . '\',\'Vk\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://vk.com/share.php?url=' . $current_url . '" >'; $output .= '<i class="fab fa-vk" aria-hidden="true"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_VK') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('xing', $show_socials)) { $output .= '<li class="sppb-social-share-xing">'; $output .= '<a onClick="window.open(\'https://www.xing.com/spi/shares/new?cb=0&url=' . $current_url . '\',\'Xing\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://www.xing.com/spi/shares/new?cb=0&url=' . $current_url . '" >'; $output .= '<i class="fab fa-xing" aria-hidden="true"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_XING') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } if (in_array('whatsapp', $show_socials)) { $output .= '<li class="sppb-social-share-whatsapp">'; $output .= '<a href="whatsapp://send?text=' . $current_url . '" >'; $output .= '<i class="fab fa-whatsapp" aria-hidden="true"></i>'; if ($show_social_names == 1) { $output .= '<span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_WHATSAPP') . '</span>'; } $output .= '</a>'; $output .= '</li>'; } $output .= '</ul>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $social_style = (isset($this->addon->settings->social_style) && $this->addon->settings->social_style) ? $this->addon->settings->social_style : ''; $css = ''; $settings->social_border_color = !empty($settings->social_border_color) ? $settings->social_border_color : "transparent"; $socialStyle = $cssHelper->generateStyle( '.sppb-social-share-wrap ul li a', $settings, [ 'background_color' => \in_array($social_style, ['custom']) ? 'background' : null, 'icon_color' => \in_array($social_style, ['custom']) ? 'color' : null, 'social_border_width' => 'border-style: solid;border-width', 'social_border_color' => 'border-color', 'social_border_radius' => \in_array($social_style, ['custom', 'solid']) ? 'border-radius' : null, ], ['background_color' => false, 'icon_color' => false, 'social_border_color' => false] ); $socialHoverStyle = $cssHelper->generateStyle('.sppb-social-share-wrap ul li a:hover', $settings, ['background_hover_color' => \in_array($social_style, ['custom']) ? 'background' : null, 'icon_hover_color' => \in_array($social_style, ['custom']) ? 'color' : null, 'social_border_hover_color' => 'border-color'], false); $iconAlignment = $cssHelper->generateStyle('.sppb-social-share-wrap', $settings, ['icon_align' => 'text-align'], false); $css .= $socialStyle; $css .= $iconAlignment; $css .= $socialHoverStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $uri = Uri::getInstance(); $current_url = $uri->toString(); $page_title = Factory::getDocument()->getTitle(); $output = ' <# let current_url = "' . $current_url . '" let page_title = "' . $page_title . '" let share_col = "sppb-col-sm-12" let icons_col = "sppb-col-sm-12" let totalShareText = "' . Text::_("COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_TOTAL_SHARES") . '" data.social_border_color = !_.isEmpty(data.social_border_color) ? data.social_border_color : "transparent" let sShareClass = data.class \|\| "" sShareClass += (!_.isEmpty(data.social_style))? " sppb-social-share-style-"+data.social_style.replace("_","-"):"" #>'; $output .= ' <style type="text/css"> #sppb-addon-{{ data.id }} .sppb-social-share-wrap ul li a { <# if ( data.background_color && data.social_style == "custom" ) {#> background-color: {{ data.background_color }}; <# } #> <# if ( data.icon_color && data.social_style == "custom" ) {#> color: {{ data.icon_color }}; <# } #> <# if ( data.social_border_width ){ #> border-style: solid; <# } #> } #sppb-addon-{{ data.id }} .sppb-social-share-wrap ul li a:hover { <# if( data.background_hover_color && data.social_style == "custom" ) { #> background-color: {{ data.background_hover_color }}; <# } #> <# if( data.icon_hover_color && data.social_style == "custom" ) { #> color: {{ data.icon_hover_color }}; <# } #> }'; // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; // Title $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->unit('border-width', '.sppb-social-share-wrap ul li a', 'data.social_border_width', 'px', false); $output .= $lodash->unit('border-color', '.sppb-social-share-wrap ul li a', 'data.social_border_color', '', false); $output .= $lodash->unit('border-color', '.sppb-social-share-wrap ul li a:hover', 'data.social_border_hover_color', '', false); $output .= $lodash->unit('border-radius', '.sppb-social-share-wrap ul li a', 'data.social_border_radius', 'px', false); $output .= $lodash->alignment('text-align', '.sppb-social-share-wrap', 'data.icon_align'); $output .= ' </style> <div class="sppb-addon sppb-addon-social-share {{ sShareClass }}"> <div class="sppb-social-share"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ data.heading_selector }}><# } #> <div class="sppb-social-share-wrap sppb-row"> <div class="sppb-social-items-wrap {{ icons_col }}"> <ul> <# if(_.indexOf(data.show_socials, "facebook") != "-1") { #> <li class="sppb-social-share-facebook"> <a onClick="window.open(\'https://www.facebook.com/sharer.php?u={{ current_url }}\',\'Facebook\',\'width=600,height=300,left=\'+(screen.availWidth/2-300)+\',top=\'+(screen.availHeight/2-150)+\'\'); return false;" href="https://www.facebook.com/sharer.php?u={{current_url}}"> <i class="fab fa-facebook-f"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_FACEBOOK') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "twitter") != "-1") { #> <li class="sppb-social-share-twitter"> <a onClick="window.open(\'https://twitter.com/share?url={{ current_url }}&text={{ page_title }}\',\'Twitter share\',\'width=600,height=300,left=\'+(screen.availWidth/2-300)+\',top=\'+(screen.availHeight/2-150)+\'\'); return false;" href="https://twitter.com/share?url={{ current_url }}&text={{ page_title }}"> <i class="fab fa-twitter"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_TWITTER') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "linkedin") != "-1") { #> <li class="sppb-social-share-linkedin"> <a onClick="window.open(\'https://www.linkedin.com/shareArticle?mini=true&url={{ current_url }}\',\'Linkedin\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://www.linkedin.com/shareArticle?mini=true&url={{ current_url }}"> <i class="fab fa-linkedin"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_LINKEDIN') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "pinterest") != "-1") { #> <li class="sppb-social-share-pinterest"> <a onClick="window.open(\'https://pinterest.com/pin/create/button/?url={{ current_url }}&description={{ page_title }}\',\'Pinterest\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://pinterest.com/pin/create/button/?url={{ current_url }}&description={{ page_title }}"> <i class="fab fa-pinterest"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_PINTEREST') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "thumblr") != "-1") { #> <li class="sppb-social-share-thumblr"> <a onClick="window.open(\'https://tumblr.com/share?s=&v=3&t={{ page_title }}&u={{ current_url }}\',\'Thumblr\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://tumblr.com/share?s=&v=3&t={{ page_title }}&u={{ current_url }}"> <i class="fab fa-tumblr"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_THUMBLR') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "getpocket") != "-1") { #> <li class="sppb-social-share-getpocket"> <a onClick="window.open(\'https://getpocket.com/save?url={{ current_url }}\',\'Getpocket\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://getpocket.com/save?url={{ current_url }}"> <i class="fab fa-get-pocket"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_GETPOCKET') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "reddit") != "-1") { #> <li class="sppb-social-share-reddit"> <a onClick="window.open(\'https://www.reddit.com/submit?url={{ current_url }}\',\'Reddit\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://www.reddit.com/submit?url={{ current_url }}"> <i class="fab fa-reddit"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_REDDIT') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "vk") != "-1") { #> <li class="sppb-social-share-vk"> <a onClick="window.open(\'https://vk.com/share.php?url={{ current_url }}\',\'Vk\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://vk.com/share.php?url={{ current_url }}"> <i class="fab fa-vk"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_VK') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "xing") != "-1") { #> <li class="sppb-social-share-xing"> <a onClick="window.open(\'https://www.xing.com/spi/shares/new?cb=0&url={{ current_url }}\',\'Xing\',\'width=585,height=666,left=\'+(screen.availWidth/2-292)+\',top=\'+(screen.availHeight/2-333)+\'\'); return false;" href="https://www.xing.com/spi/shares/new?cb=0&url={{ current_url }}"> <i class="fab fa-xing"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_XING') . '</span> <# } #> </a> </li> <# } #> <# if(_.indexOf(data.show_socials, "whatsapp") != "-1") { #> <li class="sppb-social-share-whatsapp"> <a href="whatsapp://send?text={{ current_url }}"> <i class="fab fa-whatsapp"></i> <# if ( data.show_social_names != 0 ) { #> <span class="sppb-social-share-title">' . Text::_('COM_SPPAGEBUILDER_ADDON_SOCIALSHARE_WHATSAPP') . '</span> <# } #> </a> </li> <# } #> </ul> </div> </div> </div> </div> '; return $output; } } ��social_share/admin.php��0000644��00000025110�15231074400�0010774 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'social_share', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_SHARE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_SHARE_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 2a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM19 5.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM6.5 12.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM1 16a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0zM24.5 23a3.5 3.5 0 100 7 3.5 3.5 0 000-7zM19 26.5a5.5 5.5 0 1111 0 5.5 5.5 0 01-11 0z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M9.521 17.762a1 1 0 011.367-.361l10.246 5.97a1 1 0 01-1.007 1.728l-10.245-5.97a1 1 0 01-.361-1.367zM21.479 7.261a1 1 0 01-.36 1.368l-10.23 5.97a1 1 0 01-1.008-1.728l10.23-5.97a1 1 0 011.368.36z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'show_socials' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_DESC'), 'values' => [ 'facebook' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_FACEBOOK'), 'twitter' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_TWITTER'), 'linkedin' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_LINKEDIN'), 'pinterest' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_PINTEREST'), 'thumblr' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_THUMBLR'), 'getpocket' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_GETPOCKET'), 'reddit' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_REDDIT'), 'vk' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_VK'), 'xing' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_XING'), 'whatsapp' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_WHATSAPP'), ], 'multiple' => true, 'std' => [ 'facebook', 'twitter', 'linkedin', 'pinterest', 'thumblr', 'getpocket', 'reddit', 'vk', ], ], 'show_social_names' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_SHOW_NAME'), 'values' => [ 0 => Text::_('COM_SPPAGEBUILDER_NO'), 2 => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_MEDIA_MAJOR_SITES'), 1 => Text::_('COM_SPPAGEBUILDER_ALL'), ], 'std' => 0, 'inline' => true, ], 'social_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_STYLE'), 'values' => [ 'simple' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_STYLE_SIMPLE'), 'solid' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_STYLE_SOLID'), 'colored' => Text::_('COM_SPPAGEBUILDER_ADDON_SOCIAL_STYLE_COLORED'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'solid', 'inline' => true, ], 'social_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'std' => ['xl' => 4, 'lg' => 4, 'md' => 4, 'sm' => 4, 'xs' => 4], 'depends' => [ ['social_style', '!=', 'simple'], ['social_style', '!=', 'colored'], ], ], 'icon_align_separator' => [ 'type' => 'separator', ], 'icon_align' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => ['xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], ], ], 'color' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['social_style', '=', 'custom'], ], 'fields' => [ 'color_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, ], 'icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['color_tab', '!=', 'hover'], ['social_style', '=', 'custom'], ], ], 'background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#4378f8', 'depends' => [ ['color_tab', '!=', 'hover'], ['social_style', '=', 'custom'], ], ], 'social_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'std' => 0, 'depends' => [ ['color_tab', '!=', 'hover'], ['social_style', '=', 'custom'], ], ], 'social_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['color_tab', '!=', 'hover'], ['social_style', '=', 'custom'], ], ], // Hover 'icon_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['color_tab', '=', 'hover'], ['social_style', '=', 'custom'], ], ], 'background_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#2055d4', 'depends' => [ ['color_tab', '=', 'hover'], ['social_style', '=', 'custom'], ], ], 'social_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['color_tab', '=', 'hover'], ['social_style', '=', 'custom'], ], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��social_share/.htaccess��0000555��00000000355�15231074400�0010776 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��icons_group/assets/images/icon.png��0000644��00000003435�15231074400�0013301 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c140 79.160451, 2017/05/06-01:08:21 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:DocumentID="xmp.did:47EC75041BA611E8B361A7B454A8BF06" xmpMM:InstanceID="xmp.iid:47EC75031BA611E8B361A7B454A8BF06" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:34CBF31340E111E69A38F8F21A167467" stRef:documentID="xmp.did:34CBF31440E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>Ɍq��IDATx��IhA�k4ĸ�₢b�� ⊨`��E�&n��B\17�p;x��`�(�и��e�qʤk�g��t'�?�:Й�7�j^U=��Q C��&x��Fm�9�C�� qd��G�Sz��pm4�3��A{S23��zJށ/�՝e{�&��$��'%��JxAH]�ק++��d��Ѩ� ��5��B㹞�E\K�5>!q��oI��A��K�g�J��:̮c�.��B`��{��+}�6Ó%� ��Ȯ �N�e��z��B�^�s�m�Y�_�/r�®)2wi}�ѥ�[}��^�܃�� \,�1�f&7w5`�eDi�1Ғ�<4X֊Z��o"0��.��%]� �L�'F�J`WJ�T�I`v��RBk�r�\��u׈�},�n�'%#��h�N��K�o�r�U�O� ,��$&�"K�m�S��K,�⒚�r}T��B��v��{��b��Cӥ�<�n$NWnwN��;C��ފ��Wy�k1��[-�� +7��-�LF1�G�X,qQ�Ŋ^�5�=��z �(���'�s��r7�LC;��K�lRd�q�^�Fd>�{d �ܺ=`b6)� ��c#�%Pf<��l�k�#ˊy��V/#�F%��7�:,.�=3�kB��{�7�3r ,ѣ:��A`_��f+��G�R�#Z�08�o˨��G�>�Y#��<�U�洐�r��ԲTʎ˹aJJ�+��~ݐ�.�f��+"�MiS��HU��H�(��Z��3U�\|4�EI�q%0#0#0��(#0#0#0�� L�s1}�y�h��[��)�a�]��IEND�B`��icons_group/assets/images/.htaccess��0000555��00000000355�15231074400�0013440 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��icons_group/assets/.htaccess��0000555��00000000355�15231074400�0012173 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��icons_group/site.php��0000644��00000050317�15231074400�0010552 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonIcons_group extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; // Addon Options $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $icon_items = (isset($settings->sp_icons_group_item) && $settings->sp_icons_group_item) ? $settings->sp_icons_group_item : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $title_position = (isset($settings->title_position) && $settings->title_position) ? $settings->title_position : 'top'; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h2'; $title_icon = (isset($settings->title_icon) && $settings->title_icon) ? $settings->title_icon : ''; $title_icon_position = (isset($settings->title_icon_position) && $settings->title_icon_position) ? $settings->title_icon_position : 'before'; $output = ''; $output .= '<div class="sppb-addon sppb-addon-icons-group ' . $class . ' ' . ($title_position ? 'icons-group-title-postion-' . $title_position : '') . '">'; if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">'; if ($title_icon) { $icon_arr = array_filter(explode(' ', $title_icon)); if (count($icon_arr) === 1) { $title_icon = 'fa ' . $title_icon; } } if ($title_icon && $title_icon_position == 'before') { $output .= '<span class="' . $title_icon . '" aria-hidden="true"></span> '; } $output .= $title; if ($title_icon && $title_icon_position == 'after') { $output .= ' <span class="' . $title_icon . '" aria-hidden="true"></span>'; } $output .= '</' . $heading_selector . '>'; } $output .= '<ul class="sppb-icons-group-list">'; if (is_array($icon_items) && count($icon_items) > 0) { foreach ($icon_items as $key => $icon_item) { $key++; $icon_class = (isset($icon_item->icon_class) && $icon_item->icon_class !== '') ? ' ' . $icon_item->icon_class : ''; $title = (isset($icon_item->title) && $icon_item->title) ? $icon_item->title : ''; $icon_id = $this->addon->id . $key; list($link, $target) = AddonHelper::parseLink($icon_item, 'icon_link', ['url' => 'icon_link', 'new_tab' => 'link_open_new_window']); $output .= '<li id="icon-' . $icon_id . '" class="' . $icon_class . '">'; if (!empty($link)) { $output .= '<a href="' . $link . '" aria-label="' . strip_tags($title) . '" ' . $target . '>'; } if (isset($icon_item->label_position) && !empty($icon_item->show_label) && $icon_item->label_position == 'top') { $output .= '<span class="sppb-icons-label-text">' . (isset($icon_item->label_text) ? $icon_item->label_text : '') . '</span>'; } if (isset($icon_item->icon_name)) { $icon_arr2 = array_filter(explode(' ', $icon_item->icon_name)); if (count($icon_arr2) === 1) { $icon_item->icon_name = 'fa ' . $icon_item->icon_name; } $output .= '<i class="' . $icon_item->icon_name . ' " aria-hidden="true" title="' . $title . '"></i>'; $output .= '<span class="sppb-form-label-visually-hidden">' . (empty($title) ? $icon_item->icon_name : $title) . '</span>'; } if (isset($icon_item->label_position) && !empty($icon_item->show_label) && $icon_item->label_position == 'right') { $output .= '<span class="sppb-icons-label-text right"> ' . (isset($icon_item->label_text) ? $icon_item->label_text : '') . '</span>'; } if (isset($icon_item->label_position) && !empty($icon_item->show_label) && $icon_item->label_position == 'bottom') { $output .= '<span class="sppb-icons-label-text">' . (isset($icon_item->label_text) ? $icon_item->label_text : '') . '</span>'; } if (!empty($link)) { $output .= '</a>'; } $output .= '</li>'; } } $output .= '</ul>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $styles = []; foreach ($settings->sp_icons_group_item as $key => $addon_item) { $key++; $icon_id = $this->addon->id . $key; $css = ''; $iconStyle = ''; list($link) = AddonHelper::parseLink($addon_item, 'icon_link', [ 'new_tab' => 'link_open_new_window', 'url' => 'icon_link' ]); if (!empty($link)) { $iconStyle .= $cssHelper->generateStyle( ".sppb-icons-group-list li#icon-" . $icon_id . " a", $addon_item, [ 'height' => 'height', 'padding' => 'padding', 'width' => 'width', 'color' => 'color', 'background' => 'background-color', 'border_color' => 'border-color', 'border_style' => 'border-style', 'border_width' => 'border-width', 'border_radius' => 'border-radius' ], ['color' => false, 'background' => false, 'border_color' => false, 'border_style' => false], ['padding' => 'spacing'] ); } else { $iconStyle .= $cssHelper->generateStyle( ".sppb-icons-group-list li#icon-" . $icon_id . "", $addon_item, [ 'height' => 'height', 'padding' => 'padding', 'width' => 'width', 'color' => 'color', 'background' => 'background-color', 'border_color' => 'border-color', 'border_style' => 'border-style', 'border_width' => 'border-width', 'border_radius' => 'border-radius' ], ['color' => false, 'background' => false, 'border_color' => false, 'border_style' => false], ['padding' => 'spacing'] ); } $itemDisplayStyle = $cssHelper->generateStyle(" .sppb-icons-group-list li#icon-" . $icon_id, $settings, ['item_display' => 'display', 'size' => 'font-size'], ['item_display' => false]); $iconHoverStyle = $cssHelper->generateStyle(".sppb-icons-group-list li#icon-" . $icon_id . " a:hover", $addon_item, ['hover_color' => 'color', 'hover_background' => 'background', 'hover_border_color' => 'border-color'], false); $iconMarginStyle = $cssHelper->generateStyle(".sppb-icons-group-list li#icon-" . $icon_id . " a", $settings, ['margin' => 'margin']); $fontStyle = $cssHelper->generateStyle(".sppb-icons-group-list li#icon-" . $icon_id . " a", $settings, ['size' => 'font-size']); $labelStyle = $cssHelper->generateStyle(".sppb-icons-group-list li#icon-" . $icon_id . " .sppb-icons-label-text", $addon_item, ['label_margin' => 'margin'], false, ['label_margin' => 'spacing']); $labelFontStyle = $cssHelper->typography( ".sppb-icons-group-list li#icon-" . $icon_id . " .sppb-icons-label-text", $addon_item, 'label_typography', [ 'size' => 'label_size', 'line_height' => 'label_lineheight', 'letter_spacing' => 'label_letterspace', 'uppercase' => 'label_font_style.uppercase', 'italic' => 'label_font_style.italic', 'underline' => 'label_font_style.underline', 'weight' => 'label_font_style.weight', ] ); $css .= $cssHelper->generateStyle(".sppb-icons-group-list li", $settings, ["margin" => "margin"]); $css .= $cssHelper->generateStyle(".sppb-icons-group-list", $settings, ["margin" => "margin: -%s"]); $css .= $fontStyle; $css .= $iconStyle; $css .= $labelStyle; $css .= $itemDisplayStyle; $css .= $labelFontStyle; $css .= $iconHoverStyle; $css .= $iconMarginStyle; $styles[$key] = $css; } $styles_explode = implode("\n", $styles); // Alignment style $settings->icon_alignment = $cssHelper->parseAlignment($settings, 'icon_alignment'); $styles_explode .= $cssHelper->generateStyle('.sppb-addon-icons-group', $settings, ['icon_alignment' => 'text-align'], false); $titleStyle = $cssHelper->generateStyle('.sppb-addon-title', $settings, ['title_margin' => 'margin', 'title_text_transform' => 'text-transform', 'title_padding' => 'padding'], false, ['title_margin' => 'spacing', 'title_padding' => 'spacing']); $styles_explode .= $titleStyle; return $styles_explode; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{data.id}}'); $output = ' <style type="text/css">'; $output .= $lodash->alignment('text-align', '.sppb-addon-icons-group', 'data.icon_alignment'); $output .= ' <# _.each (data.sp_icons_group_item, function(addon_item, key) { key ++; var icon_id = data.id + key; #>'; $output .= $lodash->unit('margin', '.sppb-icons-group-list', 'data.margin', 'px', false, '-'); $output .= $lodash->unit('font-size', '.sppb-icons-group-list li#icon-{{icon_id}} i', 'data.size', 'px'); $output .= $lodash->unit('margin', '.sppb-icons-group-list li#icon-{{icon_id}}', 'data.margin', 'px'); $output .= $lodash->unit('display', '.sppb-icons-group-list li#icon-{{icon_id}}', 'data.item_display'); $output .= $lodash->spacing('margin', '.sppb-addon-title', 'data.title_margin'); $output .= $lodash->spacing('padding', '.sppb-addon-title', 'data.title_padding'); // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= '<# const {icon_link} = addon_item; const isUrlObject_title = _.isObject(icon_link) && (!!icon_link.url \|\| !!icon_link.menu \|\| !!icon_link.page); const isUrlString_icon = _.isString(icon_link) && icon_link !== ""; const isUrlString_title = _.isString(data.title_link) && data.title_link !== ""; if(isUrlObject_title \|\| isUrlString_icon \|\| isUrlString_title){ const urlObj = icon_link?.url ? icon_link : window.getSiteUrl(icon_link, addon_item.link_open_new_window); const {url, new_tab, nofollow, type, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank" : ""; let rel = ""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; const title_url = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; if(title_url) { #>'; $output .= $lodash->color('color', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.color'); $output .= $lodash->color('background-color', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.background'); $output .= $lodash->border('border-color', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.border_color'); $output .= $lodash->border('border-style', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.border_style'); $output .= $lodash->unit('width', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.width', 'px'); $output .= $lodash->unit('height', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.height', 'px'); $output .= $lodash->unit('border-width', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.border_width', 'px'); $output .= $lodash->unit('font-size', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'data.size', 'px'); $output .= $lodash->unit('border-radius', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.border_radius', 'px'); $output .= $lodash->spacing('padding', '.sppb-icons-group-list li#icon-{{icon_id}} a', 'addon_item.padding'); $output .= $lodash->color('color', '.sppb-icons-group-list li#icon-{{icon_id}} a:hover', 'addon_item.hover_color'); $output .= $lodash->color('background-color', '.sppb-icons-group-list li#icon-{{icon_id}} a:hover', 'addon_item.hover_background'); $output .= $lodash->border('border-color', '.sppb-icons-group-list li#icon-{{icon_id}} a:hover', 'addon_item.hover_border_color'); $output .= '<# }} else { #>'; $output .= $lodash->color('color', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.color'); $output .= $lodash->color('background-color', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.background'); $output .= $lodash->border('border-color', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.border_color'); $output .= $lodash->border('border-style', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.border_style'); $output .= $lodash->unit('width', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.width', 'px'); $output .= $lodash->unit('height', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.height', 'px'); $output .= $lodash->unit('border-width', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.border_width', 'px'); $output .= $lodash->unit('font-size', '.sppb-icons-group-list li#icon-{{icon_id}}', 'data.size', 'px'); $output .= $lodash->unit('border-radius', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.border_radius', 'px'); $output .= $lodash->spacing('padding', '.sppb-icons-group-list li#icon-{{icon_id}}', 'addon_item.padding'); $output .= $lodash->color('color', '.sppb-icons-group-list li#icon-{{icon_id}}:hover', 'addon_item.hover_color'); $output .= $lodash->color('background-color', '.sppb-icons-group-list li#icon-{{icon_id}}:hover', 'addon_item.hover_background'); $output .= $lodash->border('border-color', '.sppb-icons-group-list li#icon-{{icon_id}}:hover', 'addon_item.hover_border_color'); $output .= '<# } #>'; // label $output .= $lodash->unit('font-size', '.sppb-icons-group-list li#icon-{{icon_id}} .sppb-icons-label-text', 'addon_item.label_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-icons-group-list li#icon-{{icon_id}} .sppb-icons-label-text', 'addon_item.label_lineheight', 'px'); $output .= $lodash->unit('letter-spacing', '.sppb-icons-group-list li#icon-{{icon_id}} .sppb-icons-label-text', 'addon_item.label_letterspace', '', false); $output .= $lodash->unit('font-weight', '.sppb-icons-group-list li#icon-{{icon_id}} .sppb-icons-label-text', 'addon_item.label_font_style?.weight', '', false); $output .= $lodash->spacing('margin', '.sppb-icons-group-list li#icon-{{icon_id}} .sppb-icons-label-text', 'addon_item.label_margin'); $output .= $lodash->typography('.sppb-icons-group-list li#icon-{{icon_id}} .sppb-icons-label-text', 'addon_item.label_typography', [ 'size' => 'addon_item.label_size', 'line_height' => 'addon_item.label_lineheight', 'letter_spacing' => 'addon_item.label_letterspace', 'uppercase' => 'addon_item.label_font_style?.uppercase', 'italic' => 'addon_item.label_font_style?.italic', 'underline' => 'addon_item.label_font_style?.underline', 'weight' => 'addon_item.label_font_style?.weight', ]); $output .= ' <# }) #> </style> <# let contentClass = (!_.isEmpty(data.class) && data.class) ? data.class : ""; let icon_items = (!_.isEmpty(data.sp_icons_group_item) && data.sp_icons_group_item) ? data.sp_icons_group_item : ""; let alignment = (!_.isEmpty(data.icon_alignment) && data.icon_alignment) ? \' \' + data.icon_alignment : ""; #> <div class="sppb-addon sppb-addon-icons-group {{contentClass}} {{(data.title_position ? "icons-group-title-postion-"+data.title_position : "")}}"> <# let heading_selector = data.heading_selector \|\| "h2"; if (!_.isEmpty(data.title)) { #> <{{ heading_selector }} class="sppb-addon-title"> <# let icon_title_arr = (typeof data.title_icon !== "undefined" && data.title_icon) ? data.title_icon.split(" ") : ""; let icon_title_name = icon_title_arr.length === 1 ? "fa "+data.title_icon : data.title_icon; if(data.title_icon && data.title_icon_position == "before"){ #><span class="{{ icon_title_name }}"></span> <# } #> <span class="sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</span> <# if(data.title_icon && data.title_icon_position == "after"){ #> <span class="{{ icon_title_name }}"></span><# } #> </{{ heading_selector }}> <# } #> <ul class="sppb-icons-group-list"> <# _.each (icon_items, function(icon_item, key) { key ++; let icon_class = (!_.isEmpty(icon_item.icon_class) && icon_item.icon_class !== "") ? icon_item.icon_class : " "; let icon_id = data.id + key; #> <li id="icon-{{icon_id}}" class="{{icon_class}}"> <# const {icon_link} = icon_item; const isUrlObject_title = _.isObject(icon_link) && (!!icon_link.url \|\| !!icon_link.menu \|\| !!icon_link.page); const isUrlString = _.isString(icon_link) && icon_link !== ""; const isUrlString_title = _.isString(data.title_link) && data.title_link !== ""; if(isUrlObject_title \|\| isUrlString_title \|\| isUrlString){ const urlObj = icon_link?.url ? icon_link : window.getSiteUrl(icon_link, icon_item.link_open_new_window); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const target = new_tab ? "_blank" : ""; let rel = ""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; const title_url = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; #> <# if(title_url) { #> <a href=\'{{title_url}}\' target="{{target}}" rel=\'{{rel}}\'> <# } #> <# } #> <# if (!_.isEmpty(icon_item.label_position) && icon_item.show_label !== 0 && icon_item.label_position == "top") { #> <span class="sppb-icons-label-text">{{icon_item.label_text}}</span> <# } if (!_.isEmpty(icon_item.icon_name)) { let icon_arr2 = (typeof icon_item.icon_name !== "undefined" && icon_item.icon_name) ? icon_item.icon_name.split(" ") : ""; let icon_name2 = icon_arr2.length === 1 ? "fa "+icon_item.icon_name : icon_item.icon_name; let icon_title = icon_item.title ? icon_item.title : icon_name2; #> <i class="{{icon_name2}}" title="{{icon_item.title}}"></i> <span class="sppb-form-label-visually-hidden">{{ icon_title }}</span> <# } if (!_.isEmpty(icon_item.label_position) && icon_item.show_label !== 0 && icon_item.label_position == "right") { #> <span class="sppb-icons-label-text right">{{icon_item.label_text}}</span> <# } if (!_.isEmpty(icon_item.label_position) && icon_item.show_label !== 0 && icon_item.label_position == "bottom") { #> <span class="sppb-icons-label-text">{{icon_item.label_text}}</span> <# } if (icon_item.icon_link) { #> </a> <# } #> </li> <# }) #> </ul> </div> '; return $output; } } ��icons_group/admin.php��0000644��00000046214�15231074400�0010677 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('resticted aceess'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'icons_group', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICONS_GROUP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ICONS_GROUP_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M30.992 7.064c0 1.33-.02 2.66.007 3.99.02.931-.351 1.634-1.068 2.186-1.49 1.15-4.02 1.095-5.44-.131-1.276-1.096-1.193-2.82.2-3.777 1.282-.882 2.675-.986 4.137-.538.4.124.413.124.413-.275 0-1.765-.007-3.53.007-5.293 0-.345-.117-.414-.42-.359-1.283.22-2.572.427-3.854.648-1 .165-2 .358-3.006.503-.31.041-.359.172-.359.441.007 2.833 0 5.659.007 8.491 0 .958-.393 1.696-1.165 2.247-1.469 1.047-3.875.992-5.295-.124-1.31-1.034-1.317-2.784.02-3.79 1.283-.966 2.71-1.076 4.213-.628.434.131.434.138.434-.31V4.501c0-1.49.49-2.034 1.945-2.268 2.427-.386 4.853-.792 7.273-1.206 1.014-.172 1.91.496 1.93 1.53.028 1.502.008 3.005.008 4.5 0 .007.006.007.013.007zM17.9 12.22c-.559-.035-1.096.082-1.572.427s-.483.737-.014 1.082c.828.613 2.31.606 3.144-.007.469-.345.476-.696.014-1.054-.455-.359-.986-.483-1.572-.448zm9.5.069a2.325 2.325 0 001.517-.497c.393-.303.4-.606.041-.937-.772-.717-2.53-.717-3.316-.007-.365.33-.358.62.035.937.469.373 1.013.504 1.723.504z" fill="currentColor"/><path opacity=".5" d="M9.413 30.993h-6.64c-1.15 0-1.757-.585-1.764-1.75-.014-1.882-.007-3.756-.007-5.638 0-1.413-.007-2.819.02-4.225.014-.827.69-1.447 1.524-1.454.8-.007 1.606-.014 2.406.007.331.007.552-.069.648-.407.035-.13.124-.24.18-.372.324-.806.923-1.13 1.785-1.11 1.33.028 2.661.014 3.992.014.627 0 1.144.297 1.33.855.297.875.821 1.137 1.697 1.02.537-.076 1.096-.014 1.647-.014.91.007 1.593.683 1.593 1.585v9.904c0 .896-.69 1.578-1.6 1.578-2.268.007-4.543.007-6.811.007zm.007-1.792c2.089 0 4.17-.006 6.26.007.262 0 .358-.069.358-.344-.006-2.936-.006-5.872 0-8.801 0-.27-.075-.352-.344-.352-1.02.014-2.041 0-3.062.014-.227 0-.358-.076-.454-.276-.207-.448-.442-.882-.649-1.33-.096-.213-.227-.31-.475-.31-1.103.007-2.2.007-3.303 0-.227 0-.358.09-.448.29-.2.434-.434.861-.627 1.295-.11.241-.255.338-.531.331-.986-.014-1.972.007-2.958-.014-.324-.007-.434.083-.434.42.014 2.875.014 5.755 0 8.63 0 .337.09.454.441.454 2.075-.02 4.15-.014 6.226-.014z" fill="currentColor"/><path d="M1.016 5.486C.982 2.916 2.988.924 5.498 1.006A4.367 4.367 0 018.152 2c.228.186.38.207.634.007 2.682-2.088 6.474-.758 7.088 2.653.276 1.537-.22 2.867-1.31 3.97A1554.577 1554.577 0 019.8 13.44c-.848.855-1.806.855-2.654.008a620.546 620.546 0 01-4.744-4.783c-.882-.896-1.42-1.95-1.386-3.178zm4.296-2.694c-.559 0-1.014.144-1.448.455-1.365.978-1.476 2.867-.228 4.142 1.538 1.57 3.096 3.128 4.64 4.7.214.214.345.22.552 0 .834-.896 1.689-1.778 2.53-2.667.752-.793 1.537-1.551 2.234-2.385.972-1.165.696-2.929-.524-3.797-.986-.703-2.393-.58-3.358.296-.344.317-.675.655-.993 1-.172.185-.29.234-.482.013-.297-.338-.62-.64-.945-.951-.551-.53-1.206-.813-1.978-.806zM26.566 22.599c1 0 1.993.007 2.992 0 .242 0 .324.034.173.282-1.49 2.53-2.965 5.06-4.447 7.589-.304.517-.807.668-1.248.4-.462-.276-.572-.807-.269-1.317.938-1.585 1.882-3.17 2.82-4.756.214-.358.193-.4-.214-.4H20.7c-.372 0-.372 0-.207-.337 1.22-2.447 2.448-4.893 3.668-7.34.172-.345.38-.634.807-.655.737-.048 1.192.607.861 1.29-.523 1.095-1.075 2.17-1.62 3.259-.275.551-.544 1.11-.834 1.654-.131.248-.103.338.2.338 1-.014 2-.007 2.992-.007z" fill="currentColor"/><path opacity=".5" d="M5.71 24.46c0-2.054 1.662-3.729 3.71-3.715 1.985.014 3.716 1.53 3.702 3.722-.014 2.219-1.744 3.673-3.695 3.7-2.048.028-3.716-1.654-3.716-3.707zm3.73-1.923c-1.082-.007-1.895.806-1.95 1.84-.063 1.185.965 2.026 1.888 2.013 1.083-.014 1.965-.855 1.965-1.916a1.918 1.918 0 00-1.903-1.937z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_icons_group_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICONS_GROUP_ITEM'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), ], 'icon_name' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_NAME'), 'std' => 'fa-cogs' ], 'icon_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => ['xl' => 80], 'max' => 500, 'responsive' => true ], 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'std' => ['xl' => 80], 'max' => 500, 'responsive' => true ], 'border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'placeholder' => '3', 'responsive' => true ], 'border_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DESC'), 'values' => [ 'solid' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_SOLID'), 'dotted' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOTTED'), 'dashed' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DASHED'), 'double' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOUBLE'), 'none' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_NONE'), ], 'std' => 'solid', 'depends' => [['border_width', '!==', 0]] ], 'border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'placeholder' => '5', 'max' => 500, 'responsive' => true, 'depends' => [['border_width', '!==', 0]] ], 'border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR') ], 'padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'placeholder' => '10px', 'responsive' => true, 'std' => ['xl' => '20px 20px 20px 20px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], 'label_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_SHOW_LABEL_OPTIONS') ], 'show_label' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_SHOW_LABEL'), 'std' => 0, ], 'label_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_LABEL_POSITION'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], 'std' => 'top', 'depends' => [['show_label', '=', 1]] ], 'label_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_LABEL_TEXT'), 'placeholder' => 'Facebook', 'depends' => [['show_label', '=', 1]] ], 'label_typography' => [ 'type' => 'typography', 'fallbacks' => [ 'size' => 'label_size', 'line_height' => 'label_lineheight', 'letter_spacing' => 'label_letterspace', 'uppercase' => 'label_font_style.uppercase', 'italic' => 'label_font_style.italic', 'underline' => 'label_font_style.underline', 'weight' => 'label_font_style.weight', ], 'depends' => [['show_label', '=', 1]] ], // 'label_size' => [ // 'type' => 'slider', // 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL_FONT_SIZE'), // 'max' => 400, // 'std' => ['md' => 16], // 'responsive' => true, // 'depends' => [['show_label', '=', 1]] // ], // 'label_lineheight' => [ // 'type' => 'slider', // 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINE_HEIGHT'), // 'max' => 400, // 'responsive' => true, // 'std' => '', // 'depends' => [['show_label', '=', 1]] // ], // 'label_letterspace' => [ // 'type' => 'text', // 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LETTER_SPACING'), // 'depends' => [['show_label', '=', 1]] // ], // 'label_font_style' => [ // 'type' => 'fontstyle', // 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_STYLE'), // 'depends' => [['show_label', '=', 1]] // ], 'label_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICONS_GROUP_MARGIN'), 'placeholder' => '10', 'responsive' => true, 'depends' => [['show_label', '=', 1]] ], 'separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MOUSE_HOVER_OPTIONS') ], 'use_hover' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_USE_HOVER'), 'std' => 0, ], 'hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_HOVER'), 'depends' => [['use_hover', '=', 1]] ], 'hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER'), 'depends' => [['use_hover', '=', 1]] ], 'hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR_HOVER'), 'depends' => [['use_hover', '=', 1]] ], 'icon_class' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLASS'), 'std' => '', ], ], ], 'icon_alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => ['xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ] ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 34], 'max' => 400, 'responsive' => true ], 'margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GAP'), 'responsive' => true, 'max' => 100, 'std' => ['xl' => 5], ], 'item_display' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_DISPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_DISPLAY_DESC'), 'values' => [ 'inline-block' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_DISPLAY_INLINE'), 'block' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_DISPLAY_BLOCK'), ], 'std' => 'inline-block', ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'top', ], 'title_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_ICON'), ], 'title_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_ICON_POSITION'), 'values' => [ 'before' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_ICON_POSITION_BEFORE'), 'after' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_ICON_POSITION_AFTER'), ], 'std' => 'before' ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], ], ], ], ]); ��icons_group/.htaccess��0000555��00000000355�15231074400�0010671 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��carousel/assets/images/icon.png��0000644��00000003342�15231074400�0012564 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:E379E79240E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:E379E79340E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:E379E79040E011E69A38F8F21A167467" stRef:documentID="xmp.did:E379E79140E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>,Z��PIDATx��u�0�o}�lF��L`{e��L� �x��A� �LТ�_dD0��P��Õ��Ą.��/v�ª��7+͂'��q��W��Eɺk��}~ag 9��B��%\�,yѳ$�Հ��$��7-��sS\��Dth�}n��B[�w#�C�' � \�z+��`�v��@Lh�N��c�V�Ԛq[��Y��O�ݴIzX�2��y��}zS��͹�JX�B@��b�+�ً��:��D�i��㚊�M뒸�[�H��Q��(y0�_�AA˥{�4�&y��#�o�"6Tt+�5�63`�yG���޲�׊��C��`�^+0��0�0�0��;pXu_65 oT�@�'��=s�s��{$r��FL��5%��U�%=��Е��TD��U�ho�,�\|�xS�~X��SaS��X�}��y̤�)8f��y�y_��P��SI��=ҥ�y�qs�_p\pGg�f�}�\��!��z~��Ȓ΋�[~`��ZT`n�O�x��}�F9dSN��Æ�Җ��A��Ƭ��r��ך��~Q1�c��W5��򤓒�,�=)m��#�z��u�2`x��0�0�0��F� ��[�0��7�X`�{0��x��%�AI:�ֱ��c��`V��w@��G�DTf�q� �@�a�ô#Â}��W��K��a٠�}]5�\�C`i߅��:��6FZ��+��IEND�B`��carousel/assets/images/.htaccess��0000555��00000000355�15231074400�0012726 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��carousel/assets/.htaccess��0000555��00000000355�15231074400�0011461 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��carousel/site.php��0000644��00000043303�15231074400�0010035 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; use Joomla\CMS\Layout\FileLayout; /* * Carousel addon class * * @since 1.0.0 / class SppagebuilderAddonCarousel extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; //Addons option $autoplay = (isset($settings->autoplay) && $settings->autoplay) ? 1 : 0; $controllers = (isset($settings->controllers) && $settings->controllers) ? $settings->controllers : 0; $arrows = (isset($settings->arrows) && $settings->arrows) ? $settings->arrows : 0; $interval = (isset($settings->interval) && $settings->interval) ? ((int) $settings->interval 1000) : 5000; $carousel_autoplay = ($autoplay) ? ' data-sppb-ride="sppb-carousel"' : ''; if ($autoplay == 0) { $interval = 'false'; } $output = '<div id="sppb-carousel-' . $this->addon->id . '" data-interval="' . $interval . '" class="sppb-carousel sppb-slide' . $class . '"' . $carousel_autoplay . '>'; if ($controllers) { $output .= '<ol class="sppb-carousel-indicators">'; foreach ($settings->sp_carousel_item as $key1 => $value) { $output .= '<li data-sppb-target="#sppb-carousel-' . $this->addon->id . '" ' . (($key1 == 0) ? ' class="active"' : '') . ' data-sppb-slide-to="' . $key1 . '"></li>' . "\n"; } $output .= '</ol>'; } $output .= '<div class="sppb-carousel-inner">'; if (isset($settings->sp_carousel_item) && count((array) $settings->sp_carousel_item)) { foreach ($settings->sp_carousel_item as $key => $value) { list($button_url, $button_target) = AddonHelper::parseLink($value, 'button_url', ['url' => 'button_url', 'new_tab' => 'button_target']); $bg_image = (isset($value->bg) && $value->bg) ? $value->bg : ''; $bg_image_src = isset($bg_image->src) ? $bg_image->src : $bg_image; $output .= '<div class="sppb-item sppb-item-' . $this->addon->id . $key . ' ' . ($bg_image_src ? ' sppb-item-has-bg' : '') . (($key == 0) ? ' active' : '') . '">'; $alt_text = isset($value->title) ? $value->title : ''; $output .= $bg_image_src ? '<img src="' . $bg_image_src . '" alt="' . $alt_text . '">' : ''; $output .= '<div class="sppb-carousel-item-inner">'; $output .= '<div class="sppb-carousel-caption">'; $output .= '<div class="sppb-carousel-text">'; if ((isset($value->title) && $value->title) \|\| (isset($value->content) && $value->content)) { $output .= (isset($value->title) && $value->title) ? '<h2>' . $value->title . '</h2>' : ''; $output .= (isset($value->content) && $value->content) ? '<div class="sppb-carousel-content">' . $value->content . '</div>' : ''; if (isset($value->button_text) && $value->button_text) { $button_class = (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ' sppb-btn-default'; $button_class .= (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_class .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_class .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_class .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_icon = (isset($value->button_icon) && $value->button_icon) ? $value->button_icon : ''; $button_icon_position = (isset($value->button_icon_position) && $value->button_icon_position) ? $value->button_icon_position : 'left'; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $value->button_text = ($button_icon) ? '<i aria-hidden="true" class="' . $button_icon . '" aria-hidden="true"></i> ' . $value->button_text : $value->button_text; } else { $value->button_text = ($button_icon) ? $value->button_text . ' <i aria-hidden="true" class="' . $button_icon . '" aria-hidden="true"></i>' : $value->button_text; } $href = !empty($button_url) ? 'href="' . $button_url . '" ' : ''; $output .= '<a ' . $href . ' ' . $button_target . ' id="btn-' . ($this->addon->id . $key) . '" class="sppb-btn' . $button_class . '">' . $value->button_text . '</a>'; } } $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; } } $output .= '</div>'; if ($arrows) { $output .= '<a href="#sppb-carousel-' . $this->addon->id . '" class="sppb-carousel-arrow left sppb-carousel-control" data-slide="prev" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_PREVIOUS') . '"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>'; $output .= '<a href="#sppb-carousel-' . $this->addon->id . '" class="sppb-carousel-arrow right sppb-carousel-control" data-slide="next" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_NEXT') . '"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>'; } $output .= '</div>'; return $output; } /** * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $cssHelper = new CSSHelper($addon_id); $settings = $this->addon->settings; $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $css = ''; // Buttons style foreach ($this->addon->settings->sp_carousel_item as $key => $value) { $options = new stdClass; $options->button_type = (isset($settings->button_type) && $settings->button_type) ? $settings->button_type : ''; $options->button_appearance = (isset($settings->button_appearance) && $settings->button_appearance) ? $settings->button_appearance : ''; $options->button_color = (isset($settings->button_color) && $settings->button_color) ? $settings->button_color : ''; $options->button_color_hover = (isset($settings->button_color_hover) && $settings->button_color_hover) ? $settings->button_color_hover : ''; $options->button_background_color = (isset($settings->button_background_color) && $settings->button_background_color) ? $settings->button_background_color : ''; $options->button_background_color_hover = (isset($settings->button_background_color_hover) && $settings->button_background_color_hover) ? $settings->button_background_color_hover : ''; $options->button_padding = null; if (isset($settings->button_padding_original)) { $options->button_padding = $settings->button_padding_original; } elseif (isset($settings->button_padding)) { $options->button_padding = $settings->button_padding; } $options->button_size = !empty($settings->button_size) ? $settings->button_size : null; $options->button_typography = !empty($settings->button_typography) ? $settings->button_typography : null; $css_path = new FileLayout('addon.css.button', $layout_path); $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . ($this->addon->id . $key))); // Title Margin $itemTitleMarginStyle = $cssHelper->generateStyle('.sppb-carousel-text h2', $value, ['title_margin' => 'margin', 'title_padding' => 'padding'], ['title_margin' => false, 'title_padding' => false], ['title_margin' => 'spacing', 'title_padding' => 'spacing']); $css .= $itemTitleMarginStyle; // Content Margin $itemContentMarginStyle = $cssHelper->generateStyle('.sppb-carousel-text .sppb-carousel-content', $value, ['content_margin' => 'margin', 'content_padding' => 'padding'], ['content_margin' => false, 'content_padding' => 'padding'], ['content_margin' => 'spacing', 'content_padding' => 'spacing']); $css .= $itemContentMarginStyle; } $speed = $cssHelper->generateStyle('.sppb-carousel-inner > .sppb-item', $settings, ['speed' => '-webkit-transition-duration', 'speed' => 'transition-duration'], 'ms'); $css .= $speed; // Title Color $itemAlignment = $cssHelper->generateStyle('.sppb-carousel-text', $settings, ['alignment' => 'text-align'], ['alignment' => false]); $css .= $itemAlignment; // Title $titleFontStyle = $cssHelper->typography('.sppb-carousel-text h2', $settings, 'item_title_typography'); $css .= $titleFontStyle; // Title Color $itemTitleColorStyle = $cssHelper->generateStyle('.sppb-carousel-text h2', $settings, ['item_title_color' => 'color'], ['item_title_color' => false]); $css .= $itemTitleColorStyle; // Content $contentTypography = $cssHelper->typography('.sppb-carousel-text .sppb-carousel-content', $settings, 'item_content_typography'); $css .= $contentTypography; // Content Color $itemContentColorStyle = $cssHelper->generateStyle('.sppb-carousel-text .sppb-carousel-content', $settings, ['item_content_color' => 'color'], ['item_content_color' => false]); $css .= $itemContentColorStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let interval = data.interval ? parseInt(data.interval) 1000 : 5000; if (data.autoplay==0) { interval = "false"; } let autoplay = data.autoplay ? \'data-sppb-ride="sppb-carousel"\' : ""; #> <style type="text/css">'; // Alignment $output .= $lodash->alignment('text-align', '.sppb-carousel-caption .sppb-carousel-text', 'data.alignment'); $output .= ' #sppb-addon-{{ data.id }} .sppb-carousel-inner > .sppb-item{ -webkit-transition-duration: {{ data.speed }}ms; transition-duration: {{ data.speed }}ms; } <# _.each(data.sp_carousel_item, function (carousel_item, key){ #>'; // Custom $output .= '<# if (data.button_type == "custom") { #>'; $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# } else if (data.button_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '.sppb-btn-custom', 'data.button_background_gradient'); $output .= $lodash->color('background-color', '.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } #>'; $output .= $lodash->color('color', '.sppb-btn-custom', 'data.button_color'); $output .= $lodash->color('color', '.sppb-btn-custom:hover', 'data.button_color_hover'); $output .= $lodash->color('background-color', '.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# } #>'; // Typography $output .= $lodash->typography('.sppb-btn-{{ data.button_type }}', 'data.button_typography'); $output .= $lodash->typography('.sppb-carousel-caption h2', 'data.item_title_typography'); $output .= $lodash->typography('.sppb-carousel-caption .sppb-carousel-content', 'data.item_content_typography'); // Color $output .= $lodash->color('color', '.sppb-carousel-caption h2', 'data.item_title_color '); $output .= $lodash->color('color', '.sppb-carousel-caption .sppb-carousel-content', 'data.item_content_color'); // Spacing $output .= $lodash->spacing('margin', '.sppb-carousel-caption h2', 'carousel_item.title_margin'); $output .= $lodash->spacing('margin', '.sppb-carousel-caption .sppb-carousel-content', 'carousel_item.content_margin'); $output .= $lodash->spacing('padding', '.sppb-carousel-caption h2', 'carousel_item.title_padding'); $output .= $lodash->spacing('padding', '.sppb-carousel-caption .sppb-carousel-content', 'carousel_item.content_padding'); $output .= '<# if (data.button_size == "custom") { #>'; $output .= $lodash->spacing('padding', '.sppb-btn-{{ data.button_type }}', 'data.button_padding'); $output .= '<# } #>'; $output .= ' <# }); #> </style> <div class="sppb-carousel sppb-slide {{ data.class }}" id="sppb-carousel-{{ data.id }}" data-interval="{{ interval }}" {{{ autoplay }}}> <# if(data.controllers){ #> <ol class="sppb-carousel-indicators"> <# _.each(data.sp_carousel_item, function (carousel_item, key){ #> <# var active = (key == 0) ? "active" : ""; #> <li data-sppb-target="#sppb-carousel-{{ data.id }}" class="{{ active }}" data-sppb-slide-to="{{ key }}"></li> <# }); #> </ol> <# } #> <div class="sppb-carousel-inner"> <# _.each(data.sp_carousel_item, function (carousel_item, key){ var carouselBg = {} if (typeof carousel_item.bg !== "undefined" && typeof carousel_item.bg.src !== "undefined") { carouselBg = carousel_item.bg } else { carouselBg = {src: carousel_item.bg} } var classNames = (key == 0) ? "active" : ""; classNames += carouselBg.src ? " sppb-item-has-bg" : ""; classNames += " sppb-item-"+data.id+""+key; #> <div class="sppb-item {{ classNames }}"> <# if(carouselBg.src && carouselBg.src.indexOf("http://") == -1 && carouselBg.src.indexOf("https://") == -1){ #> <img src=\'{{ pagebuilder_base + carouselBg.src }}\' alt="{{ carousel_item.title }}"> <# } else if(carouselBg.src){ #> <img src=\'{{ carouselBg.src }}\' alt="{{ carousel_item.title }}"> <# } #> <div class="sppb-carousel-item-inner"> <div class="sppb-carousel-caption"> <div class="sppb-carousel-text"> <# if(carousel_item.title \|\| carousel_item.content) { #> <# if(carousel_item.title) { #> <h2 class="sp-editable-content" id="addon-title-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_carousel_item-{{key}}-title">{{ carousel_item.title }}</h2> <# } #> <div class="sppb-carousel-content sp-editable-content" id="addon-content-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_carousel_item-{{key}}-content">{{{ carousel_item.content }}}</div> <# if(carousel_item.button_text) { #> <# var btnClass = ""; btnClass += data.button_type ? " sppb-btn-"+data.button_type : " sppb-btn-default" ; btnClass += data.button_size ? " sppb-btn-"+data.button_size : "" ; btnClass += data.button_shape ? " sppb-btn-"+data.button_shape : " sppb-btn-rounded" ; btnClass += data.button_appearance ? " sppb-btn-"+data.button_appearance : "" ; btnClass += data.button_block ? " "+data.button_block : "" ; var button_text = carousel_item.button_text; let icon_arr = (typeof carousel_item.button_icon !== "undefined" && carousel_item.button_icon) ? carousel_item.button_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+carousel_item.button_icon : carousel_item.button_icon; if(carousel_item.button_icon_position == "left"){ button_text = (carousel_item.button_icon) ? \'<i class="\'+icon_name+\'"></i> \'+carousel_item.button_text : carousel_item.button_text ; }else{ button_text = (carousel_item.button_icon) ? carousel_item.button_text+\' <i class="\'+icon_name+\'"></i>\' : carousel_item.button_text ; } #> <# const {button_url} = carousel_item; const isUrlObject = _.isObject(button_url) && (!!button_url.url \|\| !!button_url.menu \|\| !!button_url.page); const isUrlString = _.isString(button_url) && button_url !== ""; let target; let href; let rel; let relData=""; if(isUrlObject \|\| isUrlString){ const urlObj = button_url?.url ? button_url : window.getSiteUrl(button_url, data.button_target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const buttonUrl = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; target = new_tab ? `target=_blank` : ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; rel = `rel="${relData}"`; href = buttonUrl ? `href=${buttonUrl}`: ""; } #> <a {{href}} {{target}} rel="{{rel}}" id="btn-{{ data.id + "" + key}}" class="sppb-btn{{ btnClass }}">{{{ button_text }}}</a> <# } #> <# } #> </div> </div> </div> </div> <# }); #> </div> <# if(data.arrows) { #> <a href="#sppb-carousel-{{ data.id }}" class="sppb-carousel-arrow left sppb-carousel-control" data-slide="prev"><i class="fa fa-chevron-left"></i></a> <a href="#sppb-carousel-{{ data.id }}" class="sppb-carousel-arrow right sppb-carousel-control" data-slide="next"><i class="fa fa-chevron-right"></i></a> <# } #> </div> '; return $output; } } ��carousel/admin.php��0000644��00000040440�15231074400�0010160 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'carousel', 'category' => 'Slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_DESC'), 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M23 5H9v22h14V5zM9 3c-1.1 0-2 .9-2 2v22c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H9z" fill="currentColor"/><path d="M27.9 19.5v-6.9c0-.5.5-.7.8-.4l3.1 3.5c.2.2.2.6 0 .8L28.7 20c-.2.2-.8-.1-.8-.5zM4.1 12.5v6.9c0 .5-.5.7-.8.4L.2 16.3c-.2-.2-.2-.6 0-.8L3.3 12c.3-.2.8.1.8.5z" fill="currentColor"/><g opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M25 16.2L20.9 20c-1.8 1.7-5 1.5-6.5-.4-.8-1-2.4-1.1-3.4-.2L8.6 22 7 20.8l2.5-2.5c1.8-1.8 5.1-1.7 6.6.3.8 1 2.4 1.1 3.3.2l4.1-3.8 1.5 1.2zM17.5 9c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5 1.5-.7 1.5-1.5S18.3 9 17.5 9zM14 10.5C14 8.6 15.6 7 17.5 7S21 8.6 21 10.5 19.4 14 17.5 14 14 12.4 14 10.5z"/></g></svg>', 'settings' => [ 'carousel_items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEMS'), 'fields' => [ 'sp_carousel_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEMS'), 'attr' => [ 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'Where Art and Technology Collide', ], 'title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_TITLE_PADDING'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_TITLE_MARGIN'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'content' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_CONTENT_DESC'), 'std' => 'You might remember the Dell computer commercials in which a youth reports this exciting news to his friends.<br />That they are about to get their new computer.' ], 'content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_CONTENT_PADDING'), 'std' => ['xl' => '20px 0px 30px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'content_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CONTENT_MARGIN'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'bg' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_IMAGE_DESC'), 'format' => 'image', 'std' => ['src' => 'https://sppagebuilder.com/addons/carousel/carousel-bg.jpg'] ], ], ], 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT_DESC'), 'std' => 'Learn More', ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_URL_DESC'), ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], ], ], ], ], ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'std' => 'center', ], ], ], 'slider_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SLIDER_OPTIONS'), 'fields' => [ 'autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY_DESC'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_INTERVAL_DESC'), 'std' => 5, 'depends' => [['autoplay', '=', 1]] ], 'speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED_DESC'), 'std' => 600, ], 'controllers' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'arrows' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'options_tab' => [ 'type' => 'buttons', 'std' => 'normal', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'value' => 'typography'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'value' => 'button'], ], 'std' => 'typography', 'tabs' => true, ], // typography 'item_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'depends' => [['options_tab', '=', 'typography']], ], 'item_content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [['options_tab', '=', 'typography']], ], // color 'item_title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'depends' => [['options_tab', '=', 'color']], ], 'item_content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [['options_tab', '=', 'color']], ], // button 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [['options_tab', '=', 'button']], ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'depends' => [['options_tab', '=', 'button']], ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'depends' => [ ['button_type', '=', 'link'], ['options_tab', '=', 'button'] ], ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'depends' => [['options_tab', '=', 'button']], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [ ['button_size', '=', 'custom'], ['options_tab', '=', 'button'] ], ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_colors_tab' => [ 'type' => 'buttons', 'std' => 'normal', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'typography', 'tabs' => true, 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ['button_colors_tab', '!=', 'hover'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ['button_colors_tab', '=', 'hover'], ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ['button_colors_tab', '!=', 'hover'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ['button_colors_tab', '=', 'hover'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ['button_colors_tab', '!=', 'hover'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ['button_colors_tab', '=', 'hover'], ], ], // Link style button 'link_button_colors_tab' => [ 'type' => 'buttons', 'std' => 'normal', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'typography', 'tabs' => true, 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'link'], ], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'link'], ['link_button_colors_tab', '!=', 'hover'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'link'], ['link_button_colors_tab', '!=', 'hover'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'link'], ['link_button_colors_tab', '!=', 'hover'], ], ], //Link Hover 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'link'], ['link_button_colors_tab', '=', 'hover'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['options_tab', '=', 'button'], ['button_type', '=', 'link'], ['link_button_colors_tab', '=', 'hover'], ], ], ], ], ], ]); ��carousel/.htaccess��0000555��00000000355�15231074400�0010157 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flip_box/assets/images/icon.png��0000644��00000003643�15231074400�0012555 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:DocumentID="xmp.did:F89DEFEB0AD111E7B7AEA44987A38BC3" xmpMM:InstanceID="xmp.iid:F89DEFEA0AD111E7B7AEA44987A38BC3" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:8805436640E111E69A38F8F21A167467" stRef:documentID="xmp.did:8805436740E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>z�,��IDATx��MlLQ��T�G�3��D+#"R+t��""I#� ;bc#BB�$�ll$�A��n�N'��qNz�޹��wg:�c�I�}3��w�߻�{�}��D"!�R�<F��\k�@@ j�tZ�G��MʦK��L�9(?C�W�b.��]�w�{M��LCX=\|�dc`��10��c`��10�c`l��tT�c�кt:��p-�I��#��B�듆��.@[6Ԭ~��v�w��5�B�m��#P�0�à_Ҿ��VNV`��>��~��-� 7+�&e��r?C��KyZ�� )6�U��B�7)�z�KD�8�S��O)�y�iǹ+�;0��R�w��FJ\|o�9 ��GR�m��"%�Qy.�C� 忁 ��K��,��9��\r�xEC �dé�[�<-��VF۾<��-`6�l=��>?�?'%��kc��}�%?H��`b 諔x�� X��o�2N��?�Z��w��F`!�r`�U.��Kb(��D�H㍘R`�IlHX _��43`8@]��L�P�@�� S�L}s�t�_"��{��tQq=C��"�/? �͠��ՓvŅ�<�&��Y��AG��k5qjia38�Y-hh+(h��y8'�� rQj��?-��M�N�ݍm9}��^aQF�Χ�ԕ�¾�t�"�B��(#E�RzJ�<�]��%��@5S�(�&^@-Ũ��24�QC ��k��טK�rI�q��%��`.��t�z3A3h$S�jq5�7u��'��&�1�R >Ry�ӏf�k��HC�E7��pX5]uc��G��6Z�<sX�t��b�e��N��K��s-N��M�Px��o�5~��10�c`��Ǡ�b_��[�E�%�m��=�m`��Q�:��]��10�?��.X��IEND�B`��flip_box/assets/images/.htaccess��0000555��00000000355�15231074400�0012713 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flip_box/assets/.htaccess��0000555��00000000355�15231074400�0011446 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flip_box/site.php��0000644��00000025702�15231074400�0010025 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonFlip_box extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { //get data $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $front_text = (isset($settings->front_text) && $settings->front_text) ? $settings->front_text : ''; $flip_text = (isset($settings->flip_text) && $settings->flip_text) ? $settings->flip_text : ''; $rotate = (isset($settings->rotate) && $settings->rotate) ? $settings->rotate : 'flip_right'; $flip_bhave = (isset($settings->flip_bhave) && $settings->flip_bhave) ? $settings->flip_bhave : 'hover'; //Flip Style $flip_style = (isset($settings->flip_style) && $settings->flip_style) ? $settings->flip_style : 'rotate_style'; if ($flip_style != '') { if ($flip_style === 'slide_style') { $flip_style = 'slide-flipbox'; } elseif ($flip_style === 'fade_style') { $flip_style = 'fade-flipbox'; } elseif ($flip_style === 'threeD_style') { $flip_style = 'threeD-flipbox'; } } $output = ''; $output .= '<div class="sppb-addon sppb-addon-sppb-flibox ' . $class . ' ' . $flip_style . ' ' . $rotate . ' flipon-' . $flip_bhave . '">'; if ($flip_style == 'threeD-flipbox') { $output .= '<div class="threeD-content-wrap">'; $output .= '<div class="threeD-item">'; $output .= '<div class="threeD-flip-front">'; $output .= '<div class="threeD-content-inner">'; $output .= $front_text; $output .= '</div>'; $output .= '</div>'; $output .= '<div class="threeD-flip-back">'; $output .= '<div class="threeD-content-inner">'; $output .= $flip_text; $output .= '</div>'; $output .= '</div >'; $output .= '</div>'; //.threeD-item $output .= '</div>'; //.threeD-content-wrap } else { $output .= '<div class="sppb-flipbox-panel">'; $output .= '<div class="sppb-flipbox-front flip-box">'; $output .= '<div class="flip-box-inner">'; $output .= $front_text; $output .= '</div>'; //.flip-box-inner $output .= '</div>'; //.front $output .= '<div class="sppb-flipbox-back flip-box">'; $output .= '<div class="flip-box-inner">'; $output .= $flip_text; $output .= '</div>'; //.flip-box-inner $output .= '</div>'; //.back $output .= '</div>'; //.sppb-flipbox-panel } $output .= '</div>'; //.sppb-addon-sppb-flibox return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $flipProps = ['height' => 'height']; $flipStyle = $cssHelper->generateStyle('.sppb-flipbox-panel, .threeD-item', $settings, $flipProps); // Front style $front_bgimg = isset($settings->front_bgimg) && $settings->front_bgimg ? $settings->front_bgimg : ''; $front_bgimg_src = isset($front_bgimg->src) ? $front_bgimg->src : $front_bgimg; if ($front_bgimg_src) { if (preg_match("@^https?:\/\/@", $front_bgimg_src)) { $front_bgimg = $front_bgimg_src; } else { $front_bgimg = Uri::root() . $front_bgimg_src; } $settings->front_bg_image = $front_bgimg; } $frontProps = ['front_bg_image' => 'background-image: url(%s)', 'front_textcolor' => 'color']; $frontStyle = $cssHelper->generateStyle('.sppb-flipbox-front, .threeD-flip-front', $settings, $frontProps, false); $frontBgStyle = $cssHelper->generateStyle('.threeD-flip-front:before, .sppb-flipbox-front.flip-box:before', $settings, ['front_bgcolor' => 'background-color'], false); // Back style $back_bgimg = isset($settings->back_bgimg) && $settings->back_bgimg ? $settings->back_bgimg : ''; $back_bgimg_src = isset($back_bgimg->src) ? $back_bgimg->src : $back_bgimg; if ($back_bgimg_src) { if (preg_match("@^https?:\/\/@", $back_bgimg_src)) { $back_bgimg = $back_bgimg_src; } else { $back_bgimg = Uri::root() . $back_bgimg_src; } $settings->back_bg_image = $back_bgimg; } $backProps = ['back_bg_image' => 'background-image: url(%s)', 'back_textcolor' => 'color']; $backStyle = $cssHelper->generateStyle('.sppb-flipbox-back, .threeD-flip-back', $settings, $backProps, false); $backBgStyle = $cssHelper->generateStyle('.threeD-flip-back:before, .sppb-flipbox-back.flip-box:before', $settings, ['back_bgcolor' => 'background-color'], false); $settings->text_align = $cssHelper->parseAlignment($settings, 'text_align'); $textAlign = $cssHelper->generateStyle('.sppb-addon-sppb-flibox', $settings, ['text_align' => 'text-align'], false); $css .= $textAlign; $css .= $flipStyle; $css .= $frontStyle; $css .= $frontBgStyle; $css .= $backStyle; $css .= $backBgStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var flip_style = (data.flip_style) ? data.flip_style : "rotate_style"; if (flip_style != "") { if (flip_style == "slide_style") { flip_style = "slide-flipbox"; } else if (flip_style == "fade_style") { flip_style = "fade-flipbox"; } else if (flip_style == "threeD_style") { flip_style = "threeD-flipbox"; } } var border_styles = (data.border_styles) ? data.border_styles : ""; var flip_styles = ""; if(_.isArray(border_styles)) { if(border_styles.indexOf("border_radius") !== -1){ flip_styles += "border-radius: 8px;"; } if(border_styles.indexOf("dashed") !== -1){ flip_styles += "border-style: dashed;"; } else if(border_styles.indexOf("solid") !== -1){ flip_styles += "border-style: solid;"; } else if(border_styles.indexOf("dotted") !== -1){ flip_styles += "border-style: dotted;"; } if(border_styles.indexOf("dashed") !== -1 \|\| border_styles.indexOf("solid") !== -1 \|\| border_styles.indexOf("dotted") !== -1){ flip_styles += "border-width: 2px;"; flip_styles += "border-color:"+data.border_color+";"; } } var frontImg = {} if (typeof data.front_bgimg !== "undefined" && typeof data.front_bgimg.src !== "undefined") { frontImg = data.front_bgimg } else { frontImg = {src: data.front_bgimg} } let front_bgimg = ""; if (_.isObject(frontImg) && frontImg.src != undefined) { if(frontImg.src.indexOf("http://") !== -1 \|\| frontImg.src.indexOf("https://") !== -1){ front_bgimg = frontImg.src; } else { front_bgimg = pagebuilder_base + frontImg.src; } } var backImg = {} if (typeof data.back_bgimg !== "undefined" && typeof data.back_bgimg.src !== "undefined") { backImg = data.back_bgimg } else { backImg = {src: data.back_bgimg} } let back_bgimg = ""; if (_.isObject(backImg) && backImg.src != undefined) { if(backImg.src.indexOf("http://") !== -1 \|\| backImg.src.indexOf("https://") !== -1){ back_bgimg = backImg.src; } else { back_bgimg = pagebuilder_base + backImg.src; } } #> <style type="text/css"> #sppb-addon-{{ data.id }} .sppb-flipbox-panel, #sppb-addon-{{ data.id }} .threeD-item{ {{ flip_styles }} } #sppb-addon-{{ data.id }} .sppb-flipbox-front, #sppb-addon-{{ data.id }} .threeD-flip-front{ background-image: url({{ front_bgimg }}); } #sppb-addon-{{ data.id }} .sppb-flipbox-back, #sppb-addon-{{ data.id }} .threeD-flip-back{ background-image: url({{ back_bgimg }}); }'; $output .= $lodash->color('color', '.sppb-flipbox-front, .threeD-flip-front', 'data.front_textcolor'); $output .= $lodash->color('color', '.sppb-flipbox-back, .threeD-flip-back', 'data.back_textcolor'); $output .= $lodash->color('background-color', '.threeD-flip-front:before, .sppb-flipbox-front.flip-box:before', 'data.front_bgcolor'); $output .= $lodash->color('background-color', '.threeD-flip-back:before, .sppb-flipbox-back.flip-box:before', 'data.back_bgcolor'); $output .= $lodash->unit('height', '.sppb-flipbox-panel, .threeD-item', 'data.height', 'px'); $output .= $lodash->alignment('text-align', '.sppb-addon-sppb-flibox', 'data.text_align'); $output .= '</style> <div class="sppb-addon sppb-addon-sppb-flibox {{ data.class }} {{ flip_style }} {{ data.rotate }} flipon-{{ data.flip_bhave }}"> <# if (flip_style == "threeD-flipbox") { #> <div class="threeD-content-wrap"> <div class="threeD-item"> <div class="threeD-flip-front"> <div class="threeD-content-inner sp-inline-editable-element" data-id={{data.id}} data-fieldName="front_text" contenteditable="true">{{{ data.front_text }}}</div> </div> <div class="threeD-flip-back"> <div class="threeD-content-inner sp-inline-editable-element" data-id={{data.id}} data-fieldName="flip_text" contenteditable="true">{{{ data.flip_text }}}</div> </div > </div> </div> <# } else { #> <div class="sppb-flipbox-panel"> <div class="sppb-flipbox-front flip-box"> <div class="flip-box-inner sp-inline-editable-element" data-id={{data.id}} data-fieldName="front_text" contenteditable="true">{{{ data.front_text }}}</div> </div> <div class="sppb-flipbox-back flip-box"> <div class="flip-box-inner sp-inline-editable-element" data-id={{data.id}} data-fieldName="flip_text" contenteditable="true">{{{ data.flip_text }}}</div> </div> </div> <# } #> </div> '; return $output; } } ��flip_box/admin.php��0000644��00000016256�15231074400�0010155 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'flip_box', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M27 3a3 3 0 00-3-3H8a3 3 0 00-3 3v10.188a1 1 0 102 0V3a1 1 0 011-1h16a1 1 0 011 1v26a1 1 0 01-1 1H8a1 1 0 01-1-1v-6.906a1 1 0 10-2 0V29a3 3 0 003 3h16a3 3 0 003-3V3z" fill="currentColor"/><path d="M18.332 21.539c.039 0 .079-.002.117-.006C26.428 20.835 32 17.32 32 12.987c0-1.338-.217-2.348-1.33-3.556a1.334 1.334 0 00-1.963 1.805c.548.595.626.908.626 1.75 0 2.758-4.882 5.345-11.116 5.89a1.334 1.334 0 00.115 2.663zM13.021 21.475a1.335 1.335 0 00.144-2.66c-6.28-.69-10.498-3.4-10.498-5.495 0-1.05.182-1.377.758-2.255a1.335 1.335 0 00-2.229-1.464C.452 10.736 0 11.551 0 13.32c0 3.9 5.415 7.325 12.873 8.147.05.005.099.008.148.008z" fill="currentColor"/><path d="M16.217 19.955l2.83-3.77a1 1 0 011.79.459l.94 6.6a1 1 0 01-1.59.94l-3.77-2.83a1 1 0 01-.2-1.399z" fill="currentColor"/></svg>', 'settings' => [ 'front' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_FRONT'), 'fields' => [ 'front_text' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_TEXT_DESC'), 'std' => '<i class="fa fa-signal" style="font-size:25px;background-color:#fff;display:inline-block;color:#007BF8;width:60px;height:60px;line-height:60px;border-radius: 50%;" aria-hidden="true"></i><h2>Product Design</h2>' ], 'front_bgcolor' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'front_textcolor' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT'), 'std' => '#FFFFFF', ], 'front_bgimg' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'std' => ['src' => 'https://sppagebuilder.com/addons/flipbox/flipbox-bg-1.jpg'] ], 'text_align' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ], ], ], ], 'back' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_BACK'), 'fields' => [ 'flip_text' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_TEXT_DESC'), 'std' => '<h3>Product Design</h3><p>Successful businesses have many things in common, today we’ll look at the big ‘R’of recognitional advertising network may help.</p><p>Recognition can be illustrated by two individuals entering a crowded room at a party.</p>' ], 'back_bgcolor' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#2E3B3E', ], 'back_textcolor' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT'), 'std' => '#FFFFFF', ], 'back_bgimg' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), ], ], ], 'flip_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'flip_bhave' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE_DESC'), 'values' => [ 'hover' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE_HOVER'), 'click' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE_CLICK'), ], 'std' => 'hover', 'inline' => true, ], 'flip_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_STYLE_DESC'), 'values' => [ 'rotate_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_ROTATE_STYLE'), 'slide_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_SLIDE_STYLE'), 'fade_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FADE_STYLE'), 'threeD_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_3D_STYLE'), ], 'std' => 'flat_style', 'inline' => true, ], 'rotate' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_ROTATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_ROTATE_DESC'), 'values' => [ 'flip_top' => Text::_('COM_SPPAGEBUILDER_ADDON_GLOBAL_FROM_TOP'), 'flip_bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'flip_left' => Text::_('COM_SPPAGEBUILDER_ADDON_GLOBAL_FROM_LEFT'), 'flip_right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'flip_right', 'inline' => true, 'depends' => [['flip_style', '!=', 'fade_style']], ], 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_HEIGHT_DESC'), 'std' => '', 'responsive' => true, 'max' => 1000, ], ], ], ], ]); ��flip_box/.htaccess��0000555��00000000355�15231074400�0010144 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��empty_space/assets/images/icon.png��0000644��00000002643�15231074400�0013263 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:C62DF8C740E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:C62DF8C840E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:C62DF8C540E011E69A38F8F21A167467" stRef:documentID="xmp.did:C62DF8C640E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��t��IDATx��܁q� `��2��+d�v7H7H�� Rr�X.��<ʣ�ǝz� 0��{��E�gP�0��0�.ɗҸ��+H�it��`�.'�XӡKb��0`��`�N�߃Ù��nN��u��w��e�o��V4�`.,n4�`>,N4q`S�3��>��& ̆��?>�} ��R0N4`sX.0.��\|Xs`hI��`��FK,+�~��`��M�ڔ�ʅ��H��>O�8Q㎼�gȼ�1��e-mab��q�R?��1��c>��ma;z텺�-lz��r�0^�C�^�9XEP!h>��C��D`�y�As��Z{Z�C��☇͡M��aqM\]h&�H,Ι� �v[�Ҩ��b�%��Z�/�{��w��TǑ{��㊊��r��"�[A�fCu)�`9��3`��0`��rLi�=��\� ]�7��ڲ \�]`��ɷ��l"��b��IEND�B`��empty_space/assets/images/.htaccess��0000555��00000000355�15231074400�0013422 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��empty_space/assets/.htaccess��0000555��00000000355�15231074400�0012155 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��empty_space/site.php��0000644��00000002176�15231074400�0010534 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); class SppagebuilderAddonEmpty_space extends SppagebuilderAddons { public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; return '<div class="sppb-empty-space ' . $class . ' clearfix"></div>'; } public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; return (new CSSHelper($addon_id))->generateStyle('.sppb-empty-space', $settings, ['gap' => 'height']); } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $output .= $lodash->unit('height', '.sppb-empty-space', 'data.gap', 'px'); $output .= ' </style> <div class="sppb-empty-space sppb-empty-space-edit {{ data.class }} clearfix"></div>'; return $output; } } ��empty_space/admin.php��0000644��00000003167�15231074400�0010661 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'empty_space', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_EMPTY_SPACE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_EMPTY_SPACE_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 13.6h-4.9c-.3 0-.5-.4-.3-.7l2.5-2.5c.2-.2.4-.2.5 0l2.5 2.5c.2.2 0 .7-.3.7zM13.5 18.3h4.9c.3 0 .5.4.3.7l-2.5 2.5c-.2.2-.4.2-.5 0L13.2 19c-.2-.3 0-.7.3-.7z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M29 22.9H2.7c-.9 0-1.7.8-1.7 1.7v5.7c0 .9.8 1.7 1.7 1.7.9 0 1.7-.8 1.7-1.7v-4h22.9v4c0 .9.8 1.7 1.7 1.7.9 0 1.7-.8 1.7-1.7v-5.7c0-1-.8-1.7-1.7-1.7zM29 0c-.9 0-1.7.8-1.7 1.7v4H4.4v-4C4.4.8 3.7 0 2.7 0S1 .8 1 1.7v5.7c0 .9.8 1.7 1.7 1.7H29c.9 0 1.7-.8 1.7-1.7V1.7C30.7.8 29.9 0 29 0z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_EMPTY_SPACE_GAP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_EMPTY_SPACE_GAP_DESC'), 'min' => 10, 'max' => 400, 'std' => ['xl' => 40], 'responsive' => true ], ], ], ], ]); ��empty_space/.htaccess��0000555��00000000355�15231074400�0010653 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��js_slideshow/assets/images/icon.png��0000644��00000004621�15231074400�0013445 0��ustar�00��PNG �� IHDR��i7�@��gAMA��a�� cHRM��z&��u0��`��:��p��Q<��bKGD��#2�� pHYs�� B(�x��tIME� 3��_IDATx��{lE�?��m�,�D�"�M�D�F@�~MQ�/L\|�!1F��Ѣ@�""��E_)��V��]�1�{��w��f��y��Bd�A}��%��0M��V,�J��r��&Y�J)on]��]��~%� ��҉�%�� / �N'(��n��00h�'��n�]�ĐQ'4e]i�(��HS�c�X.��!qR��.I�_�:m�w/!�F=��y8�� H��5_y�p�=g��FA��gM��-1/�U�nEɵ��D�G�~.�ʽN�R��n�b�^� ��(��?�Rz;�O��R$!S@9�0108ȠB�l��)W�.q��4�N�y�J��] �Q��nP4�J��,�d�壒��Sw�x��sY!e�:y�yAS��Tp!��#pCP�iЭgT�Rϧ��&�^Ӡ�>? �%��$��x�.� �E�%fʤ��)�>�O��WCc>�1^��_�"G�`�tWkg�xPK�Ӥ8�.�]��Y�]<�ڀ��q �>&��L�C��N\}��<讀n�� 4�FؐY�� ۨ�^�3x8��>)U�x��G��s5�s=��z��bĉC��N��i� ƈad�_�r8�R�a�h��[s�h�` �"@�ݬ �6؛��E��w$��ְ�{��~��1\��1Q��a��m��.��Y�� Oy%jh��>�)o+CÎƱ\�:��B�ϱ9��\�TB��_gё��M��zq��c(d�8�N�p� �`�d[,6j�``p@� �qk�c�YN�7��bq�:� ogs�+W�i od'G �ac��paX!;��b�kX��#��klW(��z0� �� .D� !�\|X��Ye�0�? ��KY�ɋ�p4y$jX6a��¼��S�\8l9ƣ��8Β� /��5b��HK��-�H�_v/{M�x�ǹx3��o��b��l�3�A�!��{��i��_�3�cg&\b M��t@I����x�5\E��;$`�J��s-��0gz��I �?��ZA}8� �x��}�eR/3�L��.0��W�}´K�]Ȩ��&)��\|<me�D�M�� `p�v��^mǇ��z��TF'��C��n�t��:�K$�&W��#��q~��-��竂��]\>�yCi>�uI��VS��2amw�(�O�A[-�J��(��a�+� �,�:�+&+V��H��B�ވ�J��\5�8Y\��1�v(W� ��3R��T��U��>�1�-��w��4��;L��sZĹɌ�,>Fm �}k,'ĨX<�D�"�b��Tk��5"�?�j�xD��9�j(��\|zHJ �v��џ%��k�>��cӞ�>:y�I�Ƹ��\��9��l8+ �6z�%w�`��t6��/��X$�c�Xl3��N��h�~� �S��֢��>��V�!�l�U�≁��f�s��7��t�C�:O�\�󒗼�W��ݖ��"��0M��z^�O@pE��$<Bea2�p��q�V��{��,<oc2��K��d#�l��ͦA-��9�(��@��d��P� �~��$�� d,%�<��L�i��+�^"��J)�] }��2%y��ApJ�_��%� C�� 膗�\~}�K� �ֻ�iA@�؟�W �J^�p�:�E�G��^a5� �'�\|+��T�E+(s�YT�K��-�Mj��10�I�z�1�+��^,�r� "�m=/y�'p�YT�u!3��[�q��+��<�w��$��X��㱤��ŝ��R�8�R�4�c ��pFt�\�`��Ae�[��7��=\�Y/Y�Z�� C'�>9�@��A�`�n%��u�S`��Up��T�f[��?Vy�01,�"��Jd�A��:��%tEXtdate:create�2018-09-14T08:08:51+02:00C�=��%tEXtdate:modify�2018-09-14T08:08:51+02:002��tEXtSoftware�www.inkscape.org��<��IEND�B`��js_slideshow/assets/images/.htaccess��0000555��00000000355�15231074400�0013606 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��js_slideshow/assets/.htaccess��0000555��00000000355�15231074400�0012341 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��js_slideshow/site.php��0000644��00000404477�15231074400�0010732 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonJs_slideshow extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? '' . $settings->class : ''; $slide_vertically = (isset($settings->slide_vertically) && $settings->slide_vertically) ? $settings->slide_vertically : 0; $three_d_rotate = (isset($settings->three_d_rotate) && gettype($settings->three_d_rotate) == 'string') ? $settings->three_d_rotate : ''; $autoplay = (isset($settings->autoplay) && $settings->autoplay) ? $settings->autoplay : ''; $pause_on_hover = (isset($settings->pause_on_hover) && $settings->pause_on_hover) ? $settings->pause_on_hover : ''; $interval = (isset($settings->interval) && $settings->interval) ? $settings->interval : 5; $speed = (isset($settings->speed) && $settings->speed) ? $settings->speed : ''; $content_container_option = (isset($settings->content_container_option) && $settings->content_container_option) ? $settings->content_container_option : ''; //Height $height = (isset($settings->height) && $settings->height) ? $settings->height : ''; $custom_height_xl = (isset($settings->custom_height_xl) && $settings->custom_height_xl) ? $settings->custom_height_xl . 'px' : ''; $custom_height_lg = (isset($settings->custom_height_lg) && $settings->custom_height_lg) ? $settings->custom_height_lg . 'px' : ''; $custom_height_md = (isset($settings->custom_height_md) && $settings->custom_height_md) ? $settings->custom_height_md . 'px' : ''; $custom_height_sm = (isset($settings->custom_height_sm) && $settings->custom_height_sm) ? $settings->custom_height_sm . 'px' : ''; $custom_height_xs = (isset($settings->custom_height_xs) && $settings->custom_height_xs) ? $settings->custom_height_xs . 'px' : ''; $slider_animation = (isset($settings->slider_animation) && $settings->slider_animation) ? $settings->slider_animation : ''; //Verticle slide $dataVerticleSlide = ''; if ($slider_animation === 'stack') { $dataVerticleSlide = 'data-slide-vertically="' . ($slide_vertically ? 'true' : 'false') . '"'; } //3D rotate $data_three_d_rotate = ''; if ($slider_animation === '3D') { $data_three_d_rotate = 'data-3d-rotate="' . ($three_d_rotate ? $three_d_rotate : '15') . '"'; } //Timer $timer = (isset($settings->timer) && $settings->timer) ? $settings->timer : ''; //Slide counter $slide_counter = (isset($settings->slide_counter) && $settings->slide_counter) ? $settings->slide_counter : ''; //Dot $dot_controllers = (isset($settings->dot_controllers) && $settings->dot_controllers) ? $settings->dot_controllers : ''; $dot_controllers_style = (isset($settings->dot_controllers_style) && $settings->dot_controllers_style) ? $settings->dot_controllers_style : ''; $dot_controllers_position = (isset($settings->dot_controllers_position) && $settings->dot_controllers_position) ? $settings->dot_controllers_position : ''; //Arrow $arrow_controllers = (isset($settings->arrow_controllers) && $settings->arrow_controllers) ? $settings->arrow_controllers : ''; $arrow_controllers_content = (isset($settings->arrow_controllers_content) && $settings->arrow_controllers_content) ? $settings->arrow_controllers_content : ''; $arrow_controllers_style = (isset($settings->arrow_controllers_style) && $settings->arrow_controllers_style) ? $settings->arrow_controllers_style : ''; $arrow_controllers_position = (isset($settings->arrow_controllers_position) && $settings->arrow_controllers_position) ? $settings->arrow_controllers_position : ''; $arrow_on_hover = (isset($settings->arrow_on_hover) && $settings->arrow_on_hover) ? $settings->arrow_on_hover : ''; //Line $line_indecator = (isset($settings->line_indecator) && $settings->line_indecator) ? $settings->line_indecator : ''; //Height calculate $slider_height_xl = ''; $slider_height_lg = ''; $slider_height_md = ''; $slider_height_sm = ''; $slider_height_xs = ''; if ($height == 'full') { $slider_height_xl = 'full'; $slider_height_lg = 'full'; $slider_height_md = 'full'; $slider_height_sm = 'full'; $slider_height_xs = 'full'; } else { $slider_height_xl = $custom_height_xl; $slider_height_lg = $custom_height_lg; $slider_height_md = $custom_height_md; $slider_height_sm = $custom_height_sm; $slider_height_xs = $custom_height_xs; } //Dot classes $dot_style_class = ''; $dot_position_class = ''; if ($dot_controllers) { if ($dot_controllers_style) { $dot_style_class = 'dot-controller-' . $dot_controllers_style; } if ($dot_controllers_position) { $dot_position_class = 'dot-controller-position-' . $dot_controllers_position; } } //Arrow Classes $arrow_position_class = ''; if ($arrow_controllers_style == "along" && $arrow_controllers_position) { $arrow_position_class = 'arrow-position-' . $arrow_controllers_position; } $arrow_hover_class = ''; if ($arrow_on_hover) { $arrow_hover_class = 'arrow-show-on-hover'; } //Content $content_vertical_alignment = (isset($settings->content_vertical_alignment) && $settings->content_vertical_alignment) ? $settings->content_vertical_alignment : ''; //Output $dots = ''; $output = ''; $output .= '<div id="sppb-sp-slider-' . $this->addon->id . '" data-id="sppb-sp-slider-' . $this->addon->id . '" class="sppb-addon-sp-slider sp-slider ' . $class . ' ' . $dot_style_class . ' ' . $dot_position_class . ' ' . $arrow_position_class . ' ' . $arrow_hover_class . '" data-height-xl="' . $slider_height_xl . '" data-height-lg="' . $slider_height_lg . '" data-height-md="' . $slider_height_md . '" data-height-sm="' . $slider_height_sm . '" data-height-xs="' . $slider_height_xs . '" data-slider-animation="' . $slider_animation . '" ' . $dataVerticleSlide . ' ' . $data_three_d_rotate . ' data-autoplay="' . ($autoplay ? 'true' : 'false') . '" data-interval="' . ($interval ? $interval 1000 : '4000') . '" data-timer="' . ($timer ? 'true' : 'false') . '" data-speed="' . ($speed ? $speed : 800) . '" data-dot-control="' . ($dot_controllers ? 'true' : 'false') . '" data-arrow-control="' . ($arrow_controllers ? 'true' : 'false') . '" data-indecator="' . ($line_indecator ? 'true' : 'false') . '" data-arrow-content="' . ($arrow_controllers_content ? $arrow_controllers_content : 'text_only') . '" data-slide-count="' . ($slide_counter ? 'true' : 'false') . '" data-dot-style="' . $dot_controllers_style . '" data-pause-hover="' . ($pause_on_hover && $autoplay ? 'true' : 'false') . '">'; if (isset($settings->slideshow_items) && is_array($settings->slideshow_items)) { $increasing_addon_id = $this->addon->id; foreach ($settings->slideshow_items as $item_key => $item_value) { if ($increasing_addon_id === $increasing_addon_id) { $increasing_addon_id++; } $uniqid = 'sp-slider-item-' . $this->addon->id . '-num-' . $item_key . '-key'; $output .= '<div id="' . $uniqid . '" class="sp-item ' . (($item_key == 0) ? ' active' : '') . ' ' . ($content_vertical_alignment ? 'slider-content-vercally-center' : '') . '">'; if ($content_container_option === 'bootstrap') { $output .= '<div class="sppb-container">'; $output .= '<div class="sppb-row">'; $output .= '<div class="sppb-col-sm-12">'; } else { $output .= '<div class="sp-slider-content-wrap">'; } $image_in_column = (isset($item_value->image_in_column) && $item_value->image_in_column) ? $item_value->image_in_column : ''; $image_column_width_lg = (isset($item_value->image_column_width->xl) && $item_value->image_column_width->xl) ? (int) $item_value->image_column_width->xl : 6; $image_column_width_md = (isset($item_value->image_column_width->lg) && $item_value->image_column_width->lg) ? (int) $item_value->image_column_width->lg : 6; $image_column_width_sm = (isset($item_value->image_column_width->md) && $item_value->image_column_width->md) ? (int) $item_value->image_column_width->md : 6; $image_column_width_xs = (isset($item_value->image_column_width->sm) && $item_value->image_column_width->sm) ? (int) $item_value->image_column_width->sm : 6; $image_column_width = (isset($item_value->image_column_width->xs) && $item_value->image_column_width->xs) ? (int) $item_value->image_column_width->xs : 6; $image_column_reverse = (isset($item_value->image_column_reverse) && $item_value->image_column_reverse) ? $item_value->image_column_reverse : ''; $icon_display_block = (isset($item_value->icon_display_block) && $item_value->icon_display_block) ? $item_value->icon_display_block : ''; $content_alignment = (isset($item_value->content_alignment) && $item_value->content_alignment) ? $item_value->content_alignment : ''; $image_content_alignment = (isset($item_value->image_content_alignment) && $item_value->image_content_alignment) ? $item_value->image_content_alignment : ''; if (!$image_in_column) { $output .= '<div class="sp-slider-content-align-' . $content_alignment . '">'; if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $inner_uniqid = 'sp-slider-inner-item-' . $increasing_addon_id . '-num-' . $inner_item_key . '-key'; $content_class = (isset($inner_value->content_class) && $inner_value->content_class) ? ' ' . $inner_value->content_class : ''; //Common animation options for settings $animation_duration = (isset($inner_value->animation_duration) && $inner_value->animation_duration != '') ? $inner_value->animation_duration : 800; $animation_delay = (isset($inner_value->animation_delay) && $inner_value->animation_delay != '') ? $inner_value->animation_delay : 1000; $animation_timing_function = (isset($inner_value->animation_timing_function) && $inner_value->animation_timing_function) ? $inner_value->animation_timing_function : 'ease'; $animation_cubic_bezier_value = (isset($inner_value->animation_cubic_bezier_value) && $inner_value->animation_cubic_bezier_value) ? $inner_value->animation_cubic_bezier_value : ''; if ($animation_timing_function == 'cubic-bezier') { $animation_timing_function = 'cubic-bezier(' . $animation_cubic_bezier_value . ')'; } //Slide animation options $content_animation_type = (isset($inner_value->content_animation_type) && $inner_value->content_animation_type) ? $inner_value->content_animation_type : 'slide'; $animation_slide_direction = (isset($inner_value->animation_slide_direction) && $inner_value->animation_slide_direction) ? $inner_value->animation_slide_direction : 'top'; $animation_slide_from = (isset($inner_value->animation_slide_from) && gettype($inner_value->animation_slide_from) == 'string') ? $inner_value->animation_slide_from : 100; //Rotate animation options $animation_rotate_from = (isset($inner_value->animation_rotate_from) && gettype($inner_value->animation_rotate_from) == 'string') ? $inner_value->animation_rotate_from : ''; $animation_rotate_to = (isset($inner_value->animation_rotate_to) && gettype($inner_value->animation_rotate_to) == 'string') ? $inner_value->animation_rotate_to : ''; //animation settings $animation_settings = ''; if ($content_animation_type == 'rotate') { $animation_settings = '"type":"rotate","from":"' . $animation_rotate_from . 'deg", "to":"' . $animation_rotate_to . 'deg","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'text-animate') { $animation_settings = '"type":"text-animate","direction":"' . $animation_slide_direction . '","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'zoom') { $animation_settings = '"type":"zoom","direction":"zoomIn","from":"0", "to":"1","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } else { $animation_settings = '"type":"slide","direction":"' . $animation_slide_direction . '","from":"' . $animation_slide_from . '%", "to":"0%","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } //Content type $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; //Title $title_content_title = (isset($inner_value->title_content_title) && $inner_value->title_content_title) ? $inner_value->title_content_title : ''; $title_heading_selector = (isset($inner_value->title_heading_selector) && $inner_value->title_heading_selector) ? $inner_value->title_heading_selector : 'h2'; //Text $content_text = (isset($inner_value->content_text) && $inner_value->content_text) ? $inner_value->content_text : ''; //Image $image_content = (isset($inner_value->image_content) && $inner_value->image_content) ? $inner_value->image_content : ''; $image_content_src = isset($image_content->src) ? $image_content->src : $image_content; //Button $btn_content = (isset($inner_value->btn_content) && $inner_value->btn_content) ? $inner_value->btn_content : ''; list($button_url, $button_target) = AddonHelper::parseLink($inner_value, 'button_url', ['url' => 'button_url', 'new_tab' => 'button_target']); $button_icon = (isset($inner_value->button_icon) && $inner_value->button_icon) ? $inner_value->button_icon : ''; $button_icon_position = (isset($inner_value->button_icon_position) && $inner_value->button_icon_position) ? $inner_value->button_icon_position : ''; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $btn_content = ($button_icon) ? '<span class="sp-slider-btn-text"> <span class="sp-slider-btn-icon"><i class="' . $button_icon . '"></i></span> ' . $btn_content . '</span>' : '<span class="sp-slider-btn-text">' . $btn_content . '</span>'; } else { $btn_content = ($button_icon) ? '<span class="sp-slider-btn-text">' . $btn_content . ' <span class="sp-slider-btn-icon"><i class="' . $button_icon . '" aria-hidden="true"></i></span></span>' : '<span class="sp-slider-btn-text">' . $btn_content . '</span>'; } //Icon $icon_content = (isset($inner_value->icon_content) && $inner_value->icon_content) ? $inner_value->icon_content : ''; $icon_content_arr = array_filter(explode(' ', $icon_content)); if (count($icon_content_arr) === 1) { $icon_content = 'fa ' . $icon_content; } if ($content_type == 'text_content') { $output .= '<div id="' . $inner_uniqid . '" class="sppb-sp-slider-text' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $content_text; $output .= '</div>'; } elseif ($content_type == 'image_content') { $output .= '<div id="' . $inner_uniqid . '" class="sppb-sp-slider-image' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= '<img src="' . $image_content_src . '" alt="' . $title_content_title . '"/>'; $output .= '</div>'; } elseif ($content_type == 'btn_content') { $output .= '<a id="' . $inner_uniqid . '" ' . (stripos($button_target, '_blank') !== false ? $button_target : '') . ' class="sppb-sp-slider-button' . $content_class . '" href="' . $button_url . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $btn_content; $output .= '</a>'; } elseif ($content_type == 'icon_content') { $output .= '<span id="' . $inner_uniqid . '" class="sppb-sp-slider-icon' . $content_class . ' ' . ($icon_display_block ? 'sp-slider-icon-block' : '') . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= '<span class="' . $icon_content . '" aria-hidden="true"></span>'; $output .= '</span>'; } elseif ($content_type == 'title_content') { $output .= '<' . $title_heading_selector . ' id="' . $inner_uniqid . '" class="sppb-sp-slider-title' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $title_content_title; $output .= '</' . $title_heading_selector . '>'; } } } $output .= '</div>'; //.sp-slider-content-align } else { $output .= '<div class="sppb-row">'; if (!$image_column_reverse) { $output .= '<div class="sppb-col-xs-' . ($image_column_width_xs === 12 ? 12 : (12 - $image_column_width_xs)) . ' sppb-col-sm-' . ($image_column_width_sm === 12 ? 12 : (12 - $image_column_width_sm)) . ' sppb-col-md-' . ($image_column_width_md === 12 ? 12 : (12 - $image_column_width_md)) . ' sppb-col-lg-' . ($image_column_width_lg === 12 ? 12 : (12 - $image_column_width_lg)) . ' sppb-col-' . ($image_column_width === 12 ? 12 : (12 - $image_column_width)) . '">'; $output .= '<div class="sp-slider-content-align-' . $content_alignment . '">'; if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $inner_uniqid = 'sp-slider-inner-item-' . $increasing_addon_id . '-num-' . $inner_item_key . '-key'; $content_class = (isset($inner_value->content_class) && $inner_value->content_class) ? ' ' . $inner_value->content_class : ''; //Common animation options for settings $animation_duration = (isset($inner_value->animation_duration) && $inner_value->animation_duration != '') ? $inner_value->animation_duration : 800; $animation_delay = (isset($inner_value->animation_delay) && $inner_value->animation_delay != '') ? $inner_value->animation_delay : 1000; $animation_timing_function = (isset($inner_value->animation_timing_function) && $inner_value->animation_timing_function) ? $inner_value->animation_timing_function : 'ease'; $animation_cubic_bezier_value = (isset($inner_value->animation_cubic_bezier_value) && $inner_value->animation_cubic_bezier_value) ? $inner_value->animation_cubic_bezier_value : ''; if ($animation_timing_function == 'cubic-bezier') { $animation_timing_function = 'cubic-bezier(' . $animation_cubic_bezier_value . ')'; } //Slide animation options $content_animation_type = (isset($inner_value->content_animation_type) && $inner_value->content_animation_type) ? $inner_value->content_animation_type : 'slide'; $animation_slide_direction = (isset($inner_value->animation_slide_direction) && $inner_value->animation_slide_direction) ? $inner_value->animation_slide_direction : 'top'; $animation_slide_from = (isset($inner_value->animation_slide_from) && gettype($inner_value->animation_slide_from) == 'string') ? $inner_value->animation_slide_from : 100; //Rotate animation options $animation_rotate_from = (isset($inner_value->animation_rotate_from) && gettype($inner_value->animation_rotate_from) == 'string') ? $inner_value->animation_rotate_from : ''; $animation_rotate_to = (isset($inner_value->animation_rotate_to) && gettype($inner_value->animation_rotate_to) == 'string') ? $inner_value->animation_rotate_to : ''; //animation settings $animation_settings = ''; if ($content_animation_type == 'rotate') { $animation_settings = '"type":"rotate","from":"' . $animation_rotate_from . 'deg", "to":"' . $animation_rotate_to . 'deg","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'text-animate') { $animation_settings = '"type":"text-animate","direction":"' . $animation_slide_direction . '","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'zoom') { $animation_settings = '"type":"zoom","direction":"zoomIn","from":"0", "to":"1","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } else { $animation_settings = '"type":"slide","direction":"' . $animation_slide_direction . '","from":"' . $animation_slide_from . '%", "to":"0%","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } //Content type $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; //Title $title_content_title = (isset($inner_value->title_content_title) && $inner_value->title_content_title) ? $inner_value->title_content_title : ''; $title_heading_selector = (isset($inner_value->title_heading_selector) && $inner_value->title_heading_selector) ? $inner_value->title_heading_selector : 'h2'; //Text $content_text = (isset($inner_value->content_text) && $inner_value->content_text) ? $inner_value->content_text : ''; //Button $btn_content = (isset($inner_value->btn_content) && $inner_value->btn_content) ? $inner_value->btn_content : ''; list($button_url, $button_target) = AddonHelper::parseLink($inner_value, 'button_url', ['url' => 'button_url', 'new_tab' => 'button_target']); $button_icon = (isset($inner_value->button_icon) && $inner_value->button_icon) ? $inner_value->button_icon : ''; $button_icon_position = (isset($inner_value->button_icon_position) && $inner_value->button_icon_position) ? $inner_value->button_icon_position : ''; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $btn_content = ($button_icon) ? '<span class="sp-slider-btn-text"> <span class="sp-slider-btn-icon"><i class="' . $button_icon . '" aria-hidden="true"></i></span> ' . $btn_content . '</span>' : '<span class="sp-slider-btn-text">' . $btn_content . '</span>'; } else { $btn_content = ($button_icon) ? '<span class="sp-slider-btn-text">' . $btn_content . ' <span class="sp-slider-btn-icon"><i class="' . $button_icon . '" aria-hidden="true"></i></span></span>' : '<span class="sp-slider-btn-text">' . $btn_content . '</span>'; } //Icon $icon_content = (isset($inner_value->icon_content) && $inner_value->icon_content) ? $inner_value->icon_content : ''; $icon_content_arr = array_filter(explode(' ', $icon_content)); if (count($icon_content_arr) === 1) { $icon_content = 'fa ' . $icon_content; } if ($content_type == 'text_content') { $output .= '<div id="' . $inner_uniqid . '" class="sppb-sp-slider-text' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $content_text; $output .= '</div>'; } elseif ($content_type == 'btn_content') { $output .= '<a id="' . $inner_uniqid . '" ' . (stripos($button_target, '_blank') !== false ? $button_target : '') . ' class="sppb-sp-slider-button' . $content_class . '" href="' . $button_url . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $btn_content; $output .= '</a>'; } elseif ($content_type == 'icon_content') { $output .= '<span id="' . $inner_uniqid . '" class="sppb-sp-slider-icon' . $content_class . ' ' . ($icon_display_block ? 'sp-slider-icon-block' : '') . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= '<span class="' . $icon_content . '" aria-hidden="true"></span>'; $output .= '</span>'; } elseif ($content_type == 'title_content') { $output .= '<' . $title_heading_selector . ' id="' . $inner_uniqid . '" class="sppb-sp-slider-title' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $title_content_title; $output .= '</' . $title_heading_selector . '>'; } } } $output .= '</div>'; //.sp-slider-content-align $output .= '</div>'; //sppb-column $output .= '<div class="sppb-col-xs-' . $image_column_width_xs . ' sppb-col-sm-' . $image_column_width_sm . ' sppb-col-md-' . $image_column_width_md . ' sppb-col-lg-' . $image_column_width_lg . ' sppb-col-' . $image_column_width . '">'; $output .= '<div class="sp-slider-image-align-' . $image_content_alignment . '">'; if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $inner_uniqid = 'sp-slider-inner-item-' . $increasing_addon_id . '-num-' . $inner_item_key . '-key'; $content_class = (isset($inner_value->content_class) && $inner_value->content_class) ? ' ' . $inner_value->content_class : ''; //Common animation options for settings $animation_duration = (isset($inner_value->animation_duration) && $inner_value->animation_duration != '') ? $inner_value->animation_duration : 800; $animation_delay = (isset($inner_value->animation_delay) && $inner_value->animation_delay != '') ? $inner_value->animation_delay : 1000; $animation_timing_function = (isset($inner_value->animation_timing_function) && $inner_value->animation_timing_function) ? $inner_value->animation_timing_function : 'ease'; $animation_cubic_bezier_value = (isset($inner_value->animation_cubic_bezier_value) && $inner_value->animation_cubic_bezier_value) ? $inner_value->animation_cubic_bezier_value : ''; if ($animation_timing_function == 'cubic-bezier') { $animation_timing_function = 'cubic-bezier(' . $animation_cubic_bezier_value . ')'; } //Slide animation options $content_animation_type = (isset($inner_value->content_animation_type) && $inner_value->content_animation_type) ? $inner_value->content_animation_type : 'slide'; $animation_slide_direction = (isset($inner_value->animation_slide_direction) && $inner_value->animation_slide_direction) ? $inner_value->animation_slide_direction : 'top'; $animation_slide_from = (isset($inner_value->animation_slide_from) && gettype($inner_value->animation_slide_from) == 'string') ? $inner_value->animation_slide_from : 100; //Rotate animation options $animation_rotate_from = (isset($inner_value->animation_rotate_from) && gettype($inner_value->animation_rotate_from) == 'string') ? $inner_value->animation_rotate_from : ''; $animation_rotate_to = (isset($inner_value->animation_rotate_to) && gettype($inner_value->animation_rotate_to) == 'string') ? $inner_value->animation_rotate_to : ''; //animation settings $animation_settings = ''; if ($content_animation_type == 'rotate') { $animation_settings = '"type":"rotate","from":"' . $animation_rotate_from . 'deg", "to":"' . $animation_rotate_to . 'deg","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'text-animate') { $animation_settings = '"type":"text-animate","direction":"' . $animation_slide_direction . '","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'zoom') { $animation_settings = '"type":"zoom","direction":"zoomIn","from":"0", "to":"1","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } else { $animation_settings = '"type":"slide","direction":"' . $animation_slide_direction . '","from":"' . $animation_slide_from . '%", "to":"0%","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } //Content type $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; //Image $image_content = (isset($inner_value->image_content) && $inner_value->image_content) ? $inner_value->image_content : ''; $image_content_src = isset($image_content->src) ? $image_content->src : $image_content; $title_content_title = (isset($inner_value->title_content_title) && $inner_value->title_content_title) ? $inner_value->title_content_title : ''; if ($content_type == 'image_content') { $output .= '<div id="' . $inner_uniqid . '" class="sppb-sp-slider-image' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= '<img src="' . $image_content_src . '" alt="' . $title_content_title . '">'; $output .= '</div>'; } } } $output .= '</div>'; //.sp-slider-content-align $output .= '</div>'; //sppb-column } else { $output .= '<div class="sppb-col-xs-' . $image_column_width_xs . ' sppb-col-sm-' . $image_column_width_sm . ' sppb-col-md-' . $image_column_width_md . ' sppb-col-lg-' . $image_column_width_lg . ' sppb-col-' . $image_column_width . '">'; $output .= '<div class="sp-slider-image-align-' . $image_content_alignment . '">'; if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $inner_uniqid = 'sp-slider-inner-item-' . $increasing_addon_id . '-num-' . $inner_item_key . '-key'; $content_class = (isset($inner_value->content_class) && $inner_value->content_class) ? ' ' . $inner_value->content_class : ''; //Common animation options for settings $animation_duration = (isset($inner_value->animation_duration) && $inner_value->animation_duration != '') ? $inner_value->animation_duration : 800; $animation_delay = (isset($inner_value->animation_delay) && $inner_value->animation_delay != '') ? $inner_value->animation_delay : 1000; $animation_timing_function = (isset($inner_value->animation_timing_function) && $inner_value->animation_timing_function) ? $inner_value->animation_timing_function : 'ease'; $animation_cubic_bezier_value = (isset($inner_value->animation_cubic_bezier_value) && $inner_value->animation_cubic_bezier_value) ? $inner_value->animation_cubic_bezier_value : ''; if ($animation_timing_function == 'cubic-bezier') { $animation_timing_function = 'cubic-bezier(' . $animation_cubic_bezier_value . ')'; } //Slide animation options $content_animation_type = (isset($inner_value->content_animation_type) && $inner_value->content_animation_type) ? $inner_value->content_animation_type : 'slide'; $animation_slide_direction = (isset($inner_value->animation_slide_direction) && $inner_value->animation_slide_direction) ? $inner_value->animation_slide_direction : 'top'; $animation_slide_from = (isset($inner_value->animation_slide_from) && gettype($inner_value->animation_slide_from) == 'string') ? $inner_value->animation_slide_from : 100; //Rotate animation options $animation_rotate_from = (isset($inner_value->animation_rotate_from) && gettype($inner_value->animation_rotate_from) == 'string') ? $inner_value->animation_rotate_from : ''; $animation_rotate_to = (isset($inner_value->animation_rotate_to) && gettype($inner_value->animation_rotate_to) == 'string') ? $inner_value->animation_rotate_to : ''; //animation settings $animation_settings = ''; if ($content_animation_type == 'rotate') { $animation_settings = '"type":"rotate","from":"' . $animation_rotate_from . 'deg", "to":"' . $animation_rotate_to . 'deg","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'text-animate') { $animation_settings = '"type":"text-animate","direction":"' . $animation_slide_direction . '","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'zoom') { $animation_settings = '"type":"zoom","direction":"zoomIn","from":"0", "to":"1","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } else { $animation_settings = '"type":"slide","direction":"' . $animation_slide_direction . '","from":"' . $animation_slide_from . '%", "to":"0%","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } //Content type $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; //Image $image_content = (isset($inner_value->image_content) && $inner_value->image_content) ? $inner_value->image_content : ''; $image_content_src = isset($image_content->src) ? $image_content->src : $image_content; $title_content_title = (isset($inner_value->title_content_title) && $inner_value->title_content_title) ? $inner_value->title_content_title : ''; if ($content_type == 'image_content') { $output .= '<div id="' . $inner_uniqid . '" class="sppb-sp-slider-image' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= '<img src="' . $image_content_src . '" alt="' . $title_content_title . '">'; $output .= '</div>'; //.sppb-sp-slider-image } } } $output .= '</div>'; //.sp-slider-content-align $output .= '</div>'; //sppb-column $output .= '<div class="sppb-col-xs-' . ($image_column_width_xs === 12 ? 12 : (12 - $image_column_width_xs)) . ' sppb-col-sm-' . ($image_column_width_sm === 12 ? 12 : (12 - $image_column_width_sm)) . ' sppb-col-md-' . ($image_column_width_md === 12 ? 12 : (12 - $image_column_width_md)) . ' sppb-col-lg-' . ($image_column_width_lg === 12 ? 12 : (12 - $image_column_width_lg)) . ' sppb-col-' . ($image_column_width === 12 ? 12 : (12 - $image_column_width)) . '">'; $output .= '<div class="sp-slider-content-align-' . $content_alignment . '">'; if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $inner_uniqid = 'sp-slider-inner-item-' . $increasing_addon_id . '-num-' . $inner_item_key . '-key'; $content_class = (isset($inner_value->content_class) && $inner_value->content_class) ? ' ' . $inner_value->content_class : ''; //Common animation options for settings $animation_duration = (isset($inner_value->animation_duration) && $inner_value->animation_duration != '') ? $inner_value->animation_duration : 800; $animation_delay = (isset($inner_value->animation_delay) && $inner_value->animation_delay != '') ? $inner_value->animation_delay : 1000; $animation_timing_function = (isset($inner_value->animation_timing_function) && $inner_value->animation_timing_function) ? $inner_value->animation_timing_function : 'ease'; $animation_cubic_bezier_value = (isset($inner_value->animation_cubic_bezier_value) && $inner_value->animation_cubic_bezier_value) ? $inner_value->animation_cubic_bezier_value : ''; if ($animation_timing_function == 'cubic-bezier') { $animation_timing_function = 'cubic-bezier(' . $animation_cubic_bezier_value . ')'; } //Slide animation options $content_animation_type = (isset($inner_value->content_animation_type) && $inner_value->content_animation_type) ? $inner_value->content_animation_type : 'slide'; $animation_slide_direction = (isset($inner_value->animation_slide_direction) && $inner_value->animation_slide_direction) ? $inner_value->animation_slide_direction : 'top'; $animation_slide_from = (isset($inner_value->animation_slide_from) && gettype($inner_value->animation_slide_from) == 'string') ? $inner_value->animation_slide_from : 100; //Rotate animation options $animation_rotate_from = (isset($inner_value->animation_rotate_from) && gettype($inner_value->animation_rotate_from) == 'string') ? $inner_value->animation_rotate_from : ''; $animation_rotate_to = (isset($inner_value->animation_rotate_to) && gettype($inner_value->animation_rotate_to) == 'string') ? $inner_value->animation_rotate_to : ''; //animation settings $animation_settings = ''; if ($content_animation_type == 'rotate') { $animation_settings = '"type":"rotate","from":"' . $animation_rotate_from . 'deg", "to":"' . $animation_rotate_to . 'deg","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'text-animate') { $animation_settings = '"type":"text-animate","direction":"' . $animation_slide_direction . '","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } elseif ($content_animation_type == 'zoom') { $animation_settings = '"type":"zoom","direction":"zoomIn","from":"0", "to":"1","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } else { $animation_settings = '"type":"slide","direction":"' . $animation_slide_direction . '","from":"' . $animation_slide_from . '%", "to":"0%","duration":"' . $animation_duration . '","after":"' . $animation_delay . '", "timing_function":"' . $animation_timing_function . '"'; } //Content type $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; //Title $title_content_title = (isset($inner_value->title_content_title) && $inner_value->title_content_title) ? $inner_value->title_content_title : ''; $title_heading_selector = (isset($inner_value->title_heading_selector) && $inner_value->title_heading_selector) ? $inner_value->title_heading_selector : 'h2'; //Text $content_text = (isset($inner_value->content_text) && $inner_value->content_text) ? $inner_value->content_text : ''; //Button $btn_content = (isset($inner_value->btn_content) && $inner_value->btn_content) ? $inner_value->btn_content : ''; list($button_url, $button_target) = AddonHelper::parseLink($inner_value, 'button_url', ['url' => 'button_url', 'new_tab' => 'button_target']); $button_icon = (isset($inner_value->button_icon) && $inner_value->button_icon) ? $inner_value->button_icon : ''; $button_icon_position = (isset($inner_value->button_icon_position) && $inner_value->button_icon_position) ? $inner_value->button_icon_position : ''; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $btn_content = ($button_icon) ? '<span class="sp-slider-btn-text"> <span class="sp-slider-btn-icon"><i class="' . $button_icon . '" aria-hidden="true"></i></span> ' . $btn_content . '</span>' : '<span class="sp-slider-btn-text">' . $btn_content . '</span>'; } else { $btn_content = ($button_icon) ? '<span class="sp-slider-btn-text">' . $btn_content . ' <span class="sp-slider-btn-icon"><i class="' . $button_icon . '" aria-hidden="true"></i></span></span>' : '<span class="sp-slider-btn-text">' . $btn_content . '</span>'; } //Icon $icon_content = (isset($inner_value->icon_content) && $inner_value->icon_content) ? $inner_value->icon_content : ''; $icon_content_arr = array_filter(explode(' ', $icon_content)); if (count($icon_content_arr) === 1) { $icon_content = 'fa ' . $icon_content; } if ($content_type == 'text_content') { $output .= '<div id="' . $inner_uniqid . '" class="sppb-sp-slider-text' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $content_text; $output .= '</div>'; } elseif ($content_type == 'btn_content') { $output .= '<a id="' . $inner_uniqid . '" ' . (stripos($button_target, '_blank') !== false ? $button_target : '') . ' class="sppb-sp-slider-button' . $content_class . '" href="' . $button_url . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $btn_content; $output .= '</a>'; } elseif ($content_type == 'icon_content') { $output .= '<span id="' . $inner_uniqid . '" class="sppb-sp-slider-icon' . $content_class . ' ' . ($icon_display_block ? 'sp-slider-icon-block' : '') . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= '<span class="' . $icon_content . '" aria-hidden="true"></span>'; $output .= '</span>'; } elseif ($content_type == 'title_content') { $output .= '<' . $title_heading_selector . ' id="' . $inner_uniqid . '" class="sppb-sp-slider-title' . $content_class . '" data-layer="true" data-animation=\'{' . $animation_settings . '}\'>'; $output .= $title_content_title; $output .= '</' . $title_heading_selector . '>'; } } } $output .= '</div>'; //.sp-slider-content-align $output .= '</div>'; //sppb-column } $output .= '</div>'; //sppb-row } if ($content_container_option === 'bootstrap') { $output .= '</div>'; //.sppb-col-sm-12 $output .= '</div>'; //.sppb-row $output .= '</div>'; //.sppb-container } else { $output .= '</div>'; //.sp-slider-content-wrap } $slider_img = (isset($item_value->slider_img) && $item_value->slider_img) ? $item_value->slider_img : ''; $slider_img_src = isset($slider_img->src) ? $slider_img->src : $slider_img; if ($slider_img_src) { if (strpos($slider_img_src, "http://") !== false \|\| strpos($slider_img_src, "https://") !== false) { $output .= '<div class="sp-background" style="background-image: url(' . $slider_img_src . ');"></div>'; } else { $output .= '<div class="sp-background" style="background-image: url(' . Uri::base() . $slider_img_src . ');"></div>'; } } if ($slider_animation != '3D') { $slider_video = (isset($item_value->slider_video) && $item_value->slider_video) ? $item_value->slider_video : ''; $slider_video_src = isset($slider_video->src) ? $slider_video->src : $slider_video; if (($slider_video_src) && (!isset($item_value->enable_youtube_vimeo) \|\| (isset($item_value->enable_youtube_vimeo) && !$item_value->enable_youtube_vimeo))) { if (strpos($slider_video_src, "http://") !== false \|\| strpos($slider_video_src, "https://") !== false) { $output .= '<div class="sp-video-background" data-video_src="' . $slider_video_src . '"></div>'; } else { $output .= '<div class="sp-video-background" data-video_src="' . Uri::base() . $slider_video_src . '"></div>'; } } elseif (isset($item_value->youtube_vimeo_url) && $item_value->youtube_vimeo_url && $item_value->enable_youtube_vimeo) { if (strpos($item_value->youtube_vimeo_url, "http://") !== false \|\| strpos($item_value->youtube_vimeo_url, "https://") !== false) { $output .= '<div class="sp-video-background" data-video_src="' . $item_value->youtube_vimeo_url . '"></div>'; } else { $output .= '<div class="sp-video-background" data-video_src="' . Uri::base() . $item_value->youtube_vimeo_url . '"></div>'; } } } if ($dot_controllers_style == 'with_text') { $captionItem = []; if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { $dot_item = 0; foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; if ($content_type == 'title_content' && $dot_item < 2) { array_unshift($captionItem, $inner_value); } $dot_item++; } } $dots .= '<li class="' . ($item_key == 0 ? 'active sp-text-thumbnail-list' : 'sp-text-thumbnail-list') . '">'; $dots .= '<div class="sp-slider-text-thumb-number">' . ($item_key > 8 ? ($item_key + 1) : '0' . ($item_key + 1) . '') . '</div>'; //.sp-slider-text-thumb-number $dots .= '<div class="sp-dot-indicator-wrap">'; $dots .= '<span class="dot-indicator"></span>'; $dots .= '</div>'; //.sp-dot-indicator-wrap $dots .= '<div class="sp-slider-text-thumb-caption">'; if (count($captionItem) > 0) { foreach ($captionItem as $dot_key => $inner_value) { //Content type $title_content_title = (isset($inner_value->title_content_title) && $inner_value->title_content_title) ? $inner_value->title_content_title : ''; $dots .= '<div class="sp-slider-dot-indecator-text sp-dot-text-key-' . ($dot_key + 1) . '">'; $dots .= $title_content_title; $dots .= '</div>'; //.sp-slider-dot-indecator-text } } $dots .= '</div>'; //.sp-slider-text-thumb-caption $dots .= '</li>'; } $output .= '</div>'; } } if ($dot_controllers_style == 'with_text' && $dot_controllers) { $output .= '<div class="sp-slider-custom-dot-indecators"> <ul> ' . $dots . ' </ul>'; $output .= '</div>'; //.sp-slider-custom-dot-indecators } $output .= '</div>'; //.sppb-addon-sp-slider return $output; } /** * Add scripts to the document. * * @return array The list of scripts. * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/js_slider.js'); } /* * Add stylesheets to the document. * * @return array The list of stylesheets. * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/js_slider.css'); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $content_container_option = (isset($settings->content_container_option) && $settings->content_container_option) ? $settings->content_container_option : ''; //Css output start $css = ''; //Timer style $css .= $cssHelper->generateStyle('.sp-dot-indicator-wrap .dot-indicator, .sp-indicator.line-indicator', $settings, ['timer_color' => 'background'], false); $css .= $cssHelper->generateStyle('.sp-dot-indicator-wrap', $settings, ['timer_bg_color' => 'background'], false); $css .= $cssHelper->generateStyle('.sp-indicator-container', $settings, ['timer_bg_color' => 'background', 'timer_width' => 'width', 'timer_top_gap' => 'top', 'timer_left_gap' => 'left'], ['timer_bg_color' => false, 'timer_width' => '%']); //Dot/line style $dot_controllers_position = (isset($settings->dot_controllers_position) && $settings->dot_controllers_position) ? $settings->dot_controllers_position : ''; $dot_controllers_style = (isset($settings->dot_controllers_style) && $settings->dot_controllers_style) ? $settings->dot_controllers_style : ''; if ($dot_controllers_position == 'vertical_left' \|\| $dot_controllers_position == 'vertical_right') { $css .= $cssHelper->generateStyle('.sp-slider .sp-dots', $settings, ['dot_ctlr_width' => 'height:100%;max-width']); $css .= $cssHelper->generateStyle('.sp-slider .sp-dots ul', $settings, ['dot_ctlr_width' => 'width']); } $dotsPros = [ 'dot_ctlr_bg' => 'background-color', 'dot_ctlr_border_color' => 'border-color', 'dot_ctlr_border_width' => 'border-style:solid;border-width', 'dot_ctlr_border_radius' => 'border-radius', 'dot_ctlr_height' => 'height', 'dot_ctlr_width' => 'width', 'dot_ctlr_margin' => 'margin' ]; $dotsUnits = [ 'dot_ctlr_bg' => false, 'dot_ctlr_border_color' => false, 'dot_ctlr_margin' => false ]; $css .= $cssHelper->generateStyle('.sp-slider .sp-dots ul li', $settings, $dotsPros, $dotsUnits, ['dot_ctlr_margin' => 'spacing']); //Active style options $css .= $cssHelper->generateStyle('.sp-slider.dot-controller-line .sp-dots ul li.active span', $settings, ['dot_ctlr_hover_height' => 'height', 'dot_ctlr_center_bg' => 'background-color', 'dot_ctlr_border_radius' => 'border-radius'], ['dot_ctlr_center_bg' => false]); $css .= $cssHelper->generateStyle('.sp-slider.dot-controller-line .sp-dots ul li.active', $settings, ['dot_ctlr_border_radius' => 'border-radius', 'dot_ctlr_hover_width' => 'width', 'dot_ctlr_hover_border_color' => 'border-color'], ['dot_ctlr_hover_border_color' => false]); if ($dot_controllers_style !== 'line') { $dosSpanProps = [ 'dot_controllers_style' => ($dot_controllers_style !== 'with_image') ? 'background-color' : null, 'dot_ctlr_border_radius' => 'border-radius', 'dot_ctlr_hover_height' => 'height', 'dot_ctlr_hover_width' => 'width' ]; $css .= $cssHelper->generateStyle('.sp-slider .sp-dots ul li span, .sp-slider .sp-dots ul li:hover span, .sp-slider .sp-dots ul li:hover:after, .sp-slider .sp-dots ul li:after', $settings, $dosSpanProps, ['dot_controllers_style' => ($dot_controllers_style !== 'with_image') ? false : null]); $css .= $cssHelper->generateStyle('.sp-slider .sp-dots ul li.active', $settings, ['dot_ctlr_hover_border_color' => 'border-color'], false); } //Dot/line gap if ($dot_controllers_position === 'bottom_center') { $css .= $cssHelper->generateStyle('.sp-slider .sp-dots', $settings, ['dot_controllers_bottom_gap' => 'bottom']); } if ($dot_controllers_position === 'bottom_left') { $css .= $cssHelper->generateStyle('.sp-slider .sp-dots', $settings, ['dot_controllers_bottom_gap' => 'bottom']); $css .= $cssHelper->generateStyle('.dot-controller-position-bottom_left.sp-slider .sp-dots', $settings, ['dot_controllers_left_gap' => 'left']); } if ($dot_controllers_position === 'bottom_right') { $css .= $cssHelper->generateStyle('.sp-slider .sp-dots', $settings, ['dot_controllers_bottom_gap' => 'bottom']); $css .= $cssHelper->generateStyle('.dot-controller-position-bottom_right.sp-slider .sp-dots', $settings, ['dot_controllers_right_gap' => 'right']); } if ($dot_controllers_position === 'vertical_left') { $css .= $cssHelper->generateStyle('.dot-controller-position-vertical_left.sp-slider .sp-dots', $settings, ['dot_controllers_left_gap' => 'left']); } if ($dot_controllers_position === 'vertical_right') { $css .= $cssHelper->generateStyle('.dot-controller-position-vertical_right.sp-slider .sp-dots', $settings, ['dot_controllers_right_gap' => 'right']); } //Text thumbnail style $css .= $cssHelper->generateStyle('.sp-slider-custom-dot-indecators', $settings, ['text_thumb_ctlr_wrap_bg' => 'background', 'text_thumb_ctlr_wrap_padding' => 'padding', 'text_thumb_ctlr_wrap_width' => 'width'], ['text_thumb_ctlr_wrap_bg' => false, 'text_thumb_ctlr_wrap_padding' => false, 'text_thumb_ctlr_wrap_width' => '%'], ['text_thumb_ctlr_wrap_padding' => 'spacing']); $css .= $cssHelper->generateStyle('.sp-slider-custom-dot-indecators ul li', $settings, ['text_thumb_ctlr_individual_width' => 'width']); //thumb number style $css .= $cssHelper->generateStyle('.sp-slider-text-thumb-number', $settings, ['text_thumb_number_color' => 'color', 'text_thumb_number_font_size' => 'font-size', 'text_thumb_number_font_weight' => 'font-weight'], ['text_thumb_number_font_weight' => false, 'text_thumb_number_color' => false]); //thumb title style $css .= $cssHelper->generateStyle('.sp-slider-dot-indecator-text.sp-dot-text-key-1', $settings, ['text_thumb_title_color' => 'color', 'text_thumb_title_font_size' => 'font-size', 'text_thumb_title_font_weight' => 'font-weight', 'text_thumb_title_lineheight' => 'line-height'], ['text_thumb_title_color' => false, 'text_thumb_title_font_weight' => false]); //thumb subtitle style $css .= $cssHelper->generateStyle('.sp-slider-dot-indecator-text.sp-dot-text-key-2', $settings, ['text_thumb_subtitle_color' => 'color', 'text_thumb_subtitle_font_size' => 'font-size', 'text_thumb_subtitle_font_weight' => 'font-weight'], ['text_thumb_subtitle_color' => false, 'text_thumb_subtitle_font_weight' => false]); //Arrow style $arrow_controllers_style = (isset($settings->arrow_controllers_style) && $settings->arrow_controllers_style) ? $settings->arrow_controllers_style : ''; $arrow_controllers_position = (isset($settings->arrow_controllers_position) && $settings->arrow_controllers_position) ? $settings->arrow_controllers_position : ''; $arrow_ctlr_border_width = (isset($settings->arrow_ctlr_border_width) && $settings->arrow_ctlr_border_width != '') ? $settings->arrow_ctlr_border_width : 1; if ($arrow_controllers_style !== 'spread') { $css .= $cssHelper->generateStyle('.sp-slider .sp-nav-control', $settings, ['arrow_ctlr_height' => 'height']); } $controlProps = [ 'arrow_ctlr_background' => 'background', 'arrow_ctlr_border_color' => 'border-color', 'arrow_ctlr_border_radius' => 'border-radius', 'arrow_ctlr_border_width' => 'border-width', 'arrow_ctlr_color' => 'color', 'arrow_ctlr_width' => 'width', 'arrow_ctlr_height' => 'height', 'arrow_ctlr_font_size' => 'font-size' ]; $controlPropsUnits = [ 'arrow_ctlr_background' => false, 'arrow_ctlr_border_color' => false, 'arrow_ctlr_color' => false, ]; $css .= $cssHelper->generateStyle('.sp-slider .sp-nav-control .nav-control', $settings, $controlProps, $controlPropsUnits); $settings->dummy_arrow_ctlr_width = null; if (!empty($settings->arrow_ctlr_width_original)) { if (\is_object($settings->arrow_ctlr_width_original)) { $settings->dummy_arrow_ctlr_width = AddonHelper::initDeviceObject(); foreach ($settings->arrow_ctlr_width_original as $key => $value) { $settings->dummy_arrow_ctlr_width->$key = (int) ((int)$value 2) + 20; } } else { $settings->dummy_arrow_ctlr_width = (int) ((int)$settings->arrow_ctlr_width_original * 20) + 20; } } $css .= $cssHelper->generateStyle('div[class="arrow-position-bottom"].sp-slider .sp-nav-control', $settings, ['dummy_arrow_ctlr_width' => 'width']); if ($arrow_controllers_style === 'spread') { $css .= $cssHelper->generateStyle('.sp-slider .sp-nav-control', $settings, ['arrow_ctlr_height' => 'top: -%s']); } $settings->arrow_ctlr_border_width = !$arrow_ctlr_border_width ? 1 : $arrow_ctlr_border_width; $settings->dummy_arrow_ctlr_height = null; if (!empty($settings->arrow_ctlr_height_original)) { if (\is_object($settings->arrow_ctlr_height_original)) { $settings->dummy_arrow_ctlr_height = AddonHelper::initDeviceObject(); foreach ($settings->arrow_ctlr_height_original as $key => $value) { $settings->dummy_arrow_ctlr_height->$key = ((int)$value - ((int)$settings->arrow_ctlr_border_width 2)); } } else { $settings->dummy_arrow_ctlr_height = ((int)$settings->arrow_ctlr_height_original - ((int)$settings->arrow_ctlr_border_width * 2)); } } $css .= $cssHelper->generateStyle('.sp-slider .sp-nav-control .nav-control', $settings, ['dummy_arrow_ctlr_height' => 'line-height']); $css .= $cssHelper->generateStyle('.sp-slider .sp-nav-control .nav-control i', $settings, ['dummy_arrow_ctlr_height' => 'line-height']); //Arrow gap if ($arrow_controllers_position === 'bottom_center') { $css .= $cssHelper->generateStyle('.sp-slider.arrow-position-bottom_center .sp-nav-control', $settings, ['arrow_controllers_bottom_gap' => 'bottom', 'arrow_controllers_left_gap' => 'left', 'arrow_controllers_right_gap' => 'right']); } if ($arrow_controllers_position === 'bottom_left') { $css .= $cssHelper->generateStyle('.sp-slider.arrow-position-bottom_left .sp-nav-control', $settings, ['arrow_controllers_bottom_gap' => 'bottom', 'arrow_controllers_left_gap' => 'left']); } if ($arrow_controllers_position === 'bottom_right') { $css .= $cssHelper->generateStyle('.sp-slider.arrow-position-bottom_right .sp-nav-control', $settings, ['arrow_controllers_bottom_gap' => 'bottom', 'arrow_controllers_right_gap' => 'right']); } //Spread arrow gap if ($arrow_controllers_style === 'spread') { $css .= $cssHelper->generateStyle('div.sp-slider .sp-nav-control', $settings, ['arrow_spread_controllers_left_gap' => 'left', 'arrow_spread_controllers_right_gap' => 'right']); } //Arrow hover $css .= $cssHelper->generateStyle('.sp-slider .sp-nav-control .nav-control:hover', $settings, ['arrow_ctlr_hover_background' => 'background', 'arrow_ctlr_hover_border_color' => 'border-color', 'arrow_ctlr_hover_color' => 'color'], false); //Slide Counter Style $slide_counter = (isset($settings->slide_counter) && $settings->slide_counter) ? $settings->slide_counter : 0; if ($slide_counter) { $sliderNumberProps = [ 'slide_counter_color' => 'color', 'slide_counter_fontsize' => 'font-size', 'slide_counter_fontfamily' => 'font-family', 'slide_counter_bg_color' => 'background', 'slide_counter_padding' => 'padding', 'slide_counter_gap_bottom' => 'bottom', 'slide_counter_gap_left' => 'left' ]; $sliderNumberUnits = [ 'slide_counter_color' => false, 'slide_counter_fontfamily' => false, 'slide_counter_bg_color' => false, 'slide_counter_padding' => false, ]; $css .= $cssHelper->generateStyle('.sp-slider .sp-slider_number', $settings, $sliderNumberProps, $sliderNumberUnits, ['slide_counter_padding' => 'spacing']); } // Item content style if (isset($settings->slideshow_items) && is_array($settings->slideshow_items)) { $increasing_addon_id = $this->addon->id; foreach ($settings->slideshow_items as $item_key => $item_value) { $uniqid = '#sp-slider-item-' . $this->addon->id . '-num-' . $item_key . '-key'; $content_alignment = (isset($item_value->content_alignment) && $item_value->content_alignment) ? $item_value->content_alignment : ''; $css .= $cssHelper->generateStyle(".sp-slider-content-align-{$content_alignment}", $item_value, ['slideshow_item_margin' => 'margin', 'slideshow_item_padding' => 'padding'], ['slideshow_item_margin' => false, 'slideshow_item_padding' => false]); if ($increasing_addon_id === $increasing_addon_id) { $increasing_addon_id++; } //Image dot style $slider_img = (isset($item_value->slider_img) && $item_value->slider_img) ? $item_value->slider_img : ''; $slider_img_src = isset($slider_img->src) ? $slider_img->src : $slider_img; $css .= $addon_id . ' .dot-controller-with_image.sp-slider .sp-dots ul li.sp-dot-' . $item_key . ' {'; if (strpos($slider_img_src, "http://") !== false \|\| strpos($slider_img_src, "https://") !== false) { $css .= 'background: url(\'' . $slider_img_src . '\') no-repeat scroll center center / cover;'; } else { $css .= 'background: url(\'' . Uri::base() . '/' . $slider_img_src . '\') no-repeat scroll center center / cover;'; } $css .= '}'; if (isset($item_value->video_volume_btn) && $item_value->video_volume_btn) { $css .= $addon_id . ' ' . $uniqid . '.sp-item .sp-video-control {'; $css .= 'display:block;'; $css .= '}'; } else { $css .= $addon_id . ' ' . $uniqid . '.sp-item .sp-video-control {'; $css .= 'display:none;'; $css .= '}'; } if (isset($item_value->slider_overlay_options) && $item_value->slider_overlay_options == 'color_overlay') { if (isset($item_value->slider_bg_overlay) && $item_value->slider_bg_overlay) { $css .= $cssHelper->generateStyle($uniqid . '.sp-item .sp-background:after,' . $uniqid . '.sp-item .sp-video-background-mask', $item_value, ['slider_bg_overlay' => 'background'], false); } } if (isset($item_value->slider_overlay_options) && $item_value->slider_overlay_options == 'gradient_overlay') { if (isset($item_value->slider_bg_gradient_overlay) && $item_value->slider_bg_gradient_overlay) { $item_value->slider_bg_gradient_overlay = $cssHelper->parseColor($item_value, 'slider_bg_gradient_overlay'); $css .= $cssHelper->generateStyle($uniqid . '.sp-item .sp-background:after,' . $uniqid . '.sp-item .sp-video-background-mask', $item_value, ["slider_bg_gradient_overlay" => "background"], false); } } if (isset($item_value->slideshow_inner_items) && is_array($item_value->slideshow_inner_items)) { foreach ($item_value->slideshow_inner_items as $inner_item_key => $inner_value) { $inner_uniqid = '#sp-slider-inner-item-' . $increasing_addon_id . '-num-' . $inner_item_key . '-key'; //Content type $content_type = (isset($inner_value->content_type) && $inner_value->content_type) ? $inner_value->content_type : ''; //Content style $contentStyleProps = []; if ($content_type !== 'image_content') { $inner_value->content_text_shadow = $cssHelper->parseBoxShadow($inner_value, 'content_text_shadow', true); $contentStyleProps = array_merge($contentStyleProps, ["content_color" => "color", "content_text_shadow" => "text-shadow"]); $contentTypographyFallbacks = [ 'size' => 'content_fontsize', 'line_height' => 'content_lineheight', 'letter_spacing' => 'content_letterspacing', 'custom_letterspacing' => 'custom_letterspacing' ]; } if ($content_type !== 'btn_content') { $contentStyleProps = array_merge($contentStyleProps, ["content_background" => "background", "content_margin" => "margin"]); } if ($content_type === 'btn_content' \|\| $content_type === 'image_content') { $inner_value->btn_box_shadow = $cssHelper->parseBoxShadow($inner_value, 'btn_box_shadow'); $contentStyleProps = array_merge($contentStyleProps, ["btn_box_shadow" => "box-shadow"]); } $css .= $cssHelper->generateStyle(".sp-slider {$uniqid} {$inner_uniqid}", $inner_value, $contentStyleProps, ['btn_box_shadow' => false, 'content_color' => false, "content_text_shadow" => false, 'content_margin' => false]); $contentStyleProps = array_merge($contentStyleProps, ["content_padding" => "padding", "content_border" => "border-style: solid;border-width", "content_border_color" => "border-color", "content_border_radius" => "border-radius"]); if ($content_type !== 'icon_content') { $contentTypographyFallbacks = [ 'size' => 'content_fontsize', 'font' => 'content_font_family', 'line_height' => 'content_lineheight', 'letter_spacing' => 'content_letterspacing', 'custom_letterspacing' => 'custom_letterspacing', 'uppercase' => 'content_font_style.uppercase', 'italic' => 'content_font_style.italic', 'underline' => 'content_font_style.underline', 'weight' => 'content_font_style.weight', ]; } //Content css if ($content_type !== 'btn_content') { $css .= $cssHelper->generateStyle(".sp-slider {$uniqid} {$inner_uniqid}", $inner_value, $contentStyleProps, ['content_color' => false, 'content_margin' => false, 'content_padding' => false, 'content_border' => false, 'content_border_color' => false, 'content_background' => false]); $css .= $cssHelper->typography(".sp-slider {$uniqid} {$inner_uniqid}", $inner_value, 'content_typography', $contentTypographyFallbacks); } //Image content style $css .= $cssHelper->generateStyle('.sp-slider ' . $uniqid . ' ' . $inner_uniqid . ' img', $inner_value, ["image_content_height" => "height", "image_content_width" => "width"]); $button_background_options = (isset($inner_value->button_background_options) && $inner_value->button_background_options) ? $inner_value->button_background_options : ''; if ($button_background_options === 'color_bg') { $buttonNormalProps = [ 'button_background_color' => 'background' ]; $buttonHoverProps = [ 'button_background_color_hover' => 'background' ]; } else { $inner_value->button_background_gradient = $cssHelper->parseColor($inner_value, 'button_background_gradient'); $inner_value->button_background_gradient_hover = $cssHelper->parseColor($inner_value, 'button_background_gradient_hover'); $buttonNormalProps = [ 'button_background_gradient' => 'background' ]; $buttonHoverProps = [ 'button_background_gradient_hover' => 'background' ]; } //Button content style $css .= $cssHelper->generateStyle(".sp-slider {$uniqid} {$inner_uniqid}.sppb-sp-slider-button", $inner_value, ["content_margin" => "margin"], false, ["content_margin" => "spacing"]); $unit = ["content_margin" => false, "content_color" => false, "content_padding" => false, "content_border" => false, "content_border_color" => false, "content_border_radius" => "px", "button_background_gradient" => false, "button_background_color" => false]; $css .= $cssHelper->generateStyle(".sp-slider {$uniqid} {$inner_uniqid}.sppb-sp-slider-button .sp-slider-btn-text", $inner_value, array_merge($buttonNormalProps, ["content_margin" => "margin", "content_color" => "color"], ["content_padding" => "padding", "content_border" => "border-style: solid;border-width", "content_border_color" => "border-color", "content_border_radius" => "border-radius"]), $unit, ["content_margin" => "spacing", "content_padding" => "spacing"]); $css .= $cssHelper->typography(".sp-slider {$uniqid} {$inner_uniqid}.sppb-sp-slider-button .sp-slider-btn-text", $inner_value, 'content_typography', $contentTypographyFallbacks); //Button Icon style $css .= $cssHelper->generateStyle(".sp-slider {$uniqid} {$inner_uniqid}.sppb-sp-slider-button .sp-slider-btn-icon", $inner_value, ["button_icon_margin" => "margin"], false, ["button_icon_margin" => "spacing"]); //Button hover style $css .= $cssHelper->generateStyle(".sp-slider {$uniqid} {$inner_uniqid}.sppb-sp-slider-button .sp-slider-btn-text:hover, .sp-slider {$uniqid} {$inner_uniqid}.sppb-sp-slider-button .sp-slider-btn-text:focus", $inner_value, array_merge($buttonHoverProps, ["button_hover_color" => "color", "button_hover_border_color" => "border-color"]), false); } } } } //Content container style if ($content_container_option !== 'bootstrap') { $css .= $cssHelper->generateStyle('.sp-slider .sp-slider-content-wrap', $settings, ['content_container_width' => 'margin: 0 auto;width'], ['content_container_width' => '%']); } return $css; } /** * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css"> <# _.each (data.slideshow_items, function(item_value, item_key) { var slider_img = {} if (typeof item_value.slider_img !== "undefined" && typeof item_value.slider_img.src !== "undefined") { slider_img = item_value.slider_img } else { slider_img = {src: item_value.slider_img} } if(slider_img.src){ #> #sppb-addon-{{ data.id }} #sp-slider-item-{{ data.id }}-num-{{ item_key }}-key .sp-background { <# if(slider_img.src.indexOf("http://") == 0 \|\| slider_img.src.indexOf("https://") == 0){ #> background-image: url({{ slider_img.src }}); <# } else { #> background-image: url({{ pagebuilder_base + slider_img.src }}); <# } #> } <# } }) #>'; $output .= $lodash->unit('background', '.sp-dot-indicator-wrap .dot-indicator,.sp-indicator.line-indicator', 'data.timer_color'); $output .= $lodash->unit('background', '.sp-dot-indicator-wrap', 'data.timer_bg_color'); $output .= $lodash->unit('background', '.sp-indicator-container', 'data.timer_bg_color'); $output .= $lodash->unit('width', '.sp-indicator-container', 'data.timer_width', '%'); $output .= $lodash->unit('top', '.sp-indicator-container', 'data.timer_top_gap', 'px'); $output .= $lodash->unit('left', '.sp-indicator-container', 'data.timer_left_gap', 'px'); $output .= ' <# if (data.dot_controllers_position == "vertical_left" \|\| data.dot_controllers_position == "vertical_right") { #> '; $output .= $lodash->unit('max-width', '.sp-slider .sp-dots', 'data.dot_ctlr_width', 'px', true, '', 'height:100%;'); $output .= $lodash->unit('width', '.sp-slider .sp-dots ul', 'data.dot_ctlr_width'); $output .= '<# } #>'; // Dots style $output .= $lodash->color('background-color', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_bg'); $output .= $lodash->border('border-color', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_border_color'); $output .= '<# if (!_.isEmpty(data.dot_ctlr_border_width)) { #>'; $output .= $lodash->unit('border-width', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_border_width', 'px', false, '', 'border-style:solid;'); $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_border_radius', 'px', false); $output .= $lodash->unit('height', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_height', 'px', false); $output .= $lodash->unit('width', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_width', 'px', false); $output .= $lodash->spacing('margin', '.sp-slider .sp-dots ul li', 'data.dot_ctlr_margin'); // Dots Active Style $output .= $lodash->unit('height', '.sp-slider.dot-controller-line .sp-dots ul li.active span', 'data.dot_ctlr_hover_height', 'px', false); $output .= $lodash->unit('border-radius', '.sp-slider.dot-controller-line .sp-dots ul li.active span', 'data.dot_ctlr_border_radius', 'px', false); $output .= $lodash->color('background-color', '.sp-slider.dot-controller-line .sp-dots ul li.active span', 'data.dot_ctlr_center_bg'); $output .= $lodash->unit('width', '.sp-slider.dot-controller-line .sp-dots ul li.active', 'data.dot_ctlr_hover_width', 'px', false); $output .= $lodash->unit('border-radius', '.sp-slider.dot-controller-line .sp-dots ul li.active', 'data.dot_ctlr_border_radius', 'px', false); $output .= $lodash->border('border-color', '.sp-slider.dot-controller-line .sp-dots ul li.active', 'data.dot_ctlr_hover_border_color'); $output .= '<# if (data.dot_controllers_style !== "line") { #>'; $output .= '<# if (data.dot_controllers_style !== "with_image") { #>'; $output .= $lodash->color('background-color', '.sp-slider .sp-dots ul li span,.sp-slider .sp-dots ul li:hover span,.sp-slider .sp-dots ul li:hover:after,.sp-slider .sp-dots ul li:after', 'data.dot_ctlr_center_bg'); $output .= '<# } #>'; $output .= $lodash->unit('height', '.sp-slider .sp-dots ul li span,.sp-slider .sp-dots ul li:hover span,.sp-slider .sp-dots ul li:hover:after,.sp-slider .sp-dots ul li:after', 'data.dot_ctlr_hover_height', 'px', false); $output .= $lodash->unit('width', '.sp-slider .sp-dots ul li span,.sp-slider .sp-dots ul li:hover span,.sp-slider .sp-dots ul li:hover:after,.sp-slider .sp-dots ul li:after', 'data.dot_ctlr_hover_width', 'px', false); $output .= $lodash->unit('border-radius', '.sp-slider .sp-dots ul li span,.sp-slider .sp-dots ul li:hover span,.sp-slider .sp-dots ul li:hover:after,.sp-slider .sp-dots ul li:after', 'data.dot_ctlr_border_radius', 'px', false); $output .= $lodash->border('border-color', '.sp-slider .sp-dots ul li.active', 'data.dot_ctlr_hover_border_color'); $output .= '<# } #>'; $output .= '<# if (data.dot_controllers_position === "bottom_center") { #>'; $output .= $lodash->unit('bottom', '.sp-slider .sp-dots', 'data.dot_controllers_bottom_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.dot_controllers_position === "bottom_left") { #>'; $output .= $lodash->unit('bottom', '.sp-slider .sp-dots', 'data.dot_controllers_bottom_gap', 'px'); $output .= $lodash->unit('left', '.sp-slider .sp-dots', 'data.dot_controllers_left_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.dot_controllers_position === "bottom_right") { #>'; $output .= $lodash->unit('bottom', '.sp-slider .sp-dots', 'data.dot_controllers_bottom_gap', 'px'); $output .= $lodash->unit('left', '.sp-slider .sp-dots', 'data.dot_controllers_right_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.dot_controllers_position === "vertical_left") { #>'; $output .= $lodash->unit('left', '.dot-controller-position-vertical_left.sp-slider .sp-dots', 'data.dot_controllers_left_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.dot_controllers_position === "vertical_right") { #>'; $output .= $lodash->unit('right', '.dot-controller-position-vertical_right.sp-slider .sp-dots', 'data.dot_controllers_right_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.dot_controllers_position === "spread") { #>'; $output .= $lodash->unit('height', '.sp-slider .sp-nav-control', 'data.arrow_ctlr_height', 'px'); $output .= '<# } #>'; $output .= '<# _.isEmpty(data.arrow_ctlr_border_width) ? data.arrow_ctlr_border_width = 1 : data.arrow_ctlr_border_width; #>'; $output .= $lodash->color('background', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_background'); $output .= $lodash->color('color', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_color'); $output .= $lodash->border('border-color', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_border_color'); $output .= $lodash->unit('border-radius', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_border_radius', 'px', false); $output .= $lodash->unit('border-width', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_border_width', 'px', false); $output .= $lodash->unit('width', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_width', 'px'); $output .= $lodash->unit('height', '.sp-slider .sp-nav-control, .sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_height', 'px'); $output .= $lodash->unit('font-size', '.sp-slider .sp-nav-control .nav-control', 'data.arrow_ctlr_font_size', 'px'); $output .= '<# if(_.isObject(data.arrow_ctlr_width) && !data.arrow_ctlr_width.xl){ data.arrow_ctlr_width.xl = 70; } if(_.isObject(data.arrow_ctlr_width)){ data.arrow_ctlr_width.xl = (data.arrow_ctlr_width.xl 2) + 20; }#>'; $output .= $lodash->unit('width', 'div[class="arrow-position-bottom"].sp-slider .sp-nav-control', 'data.arrow_ctlr_width.xl', 'px'); $output .= '<# if (data.arrow_controllers_style == "spread") { #>'; $output .= $lodash->unit('top', '.sp-slider .sp-nav-control', 'data.arrow_ctlr_height', 'px', true, '-'); $output .= '<# } #>'; $output .= '<# if (_.isEmpty(data.arrow_ctlr_border_width)) {data.arrow_ctlr_border_width = 1; } #>'; $output .= '<# let dummy_arrow_ctlr = {}; if (_.isObject(data.arrow_ctlr_height)) {#>'; $output .= '<# _.each(data.arrow_ctlr_height,(ctlr_height_value, ctlr_height_key) => dummy_arrow_ctlr[ctlr_height_key] = ctlr_height_value - (data.arrow_ctlr_border_width 2))#>'; $output .= '<# } #>'; $output .= $lodash->unit('line-height', '.sp-slider .sp-nav-control .nav-control', 'dummy_arrow_ctlr', 'px'); $output .= $lodash->unit('line-height', '.sp-slider .sp-nav-control .nav-control i', 'dummy_arrow_ctlr', 'px'); $output .= '<# if (data.arrow_controllers_position=="bottom_center") { #>'; $output .= $lodash->unit('bottom', '.sp-slider.arrow-position-bottom_center .sp-nav-control', 'data.arrow_controllers_bottom_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.arrow_controllers_position=="bottom_left") { #>'; $output .= $lodash->unit('bottom', '.sp-slider.arrow-position-bottom_left .sp-nav-control', 'data.arrow_controllers_bottom_gap', 'px'); $output .= $lodash->unit('left', '.sp-slider.arrow-position-bottom_left .sp-nav-control', 'data.arrow_controllers_left_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.arrow_controllers_position=="bottom_right") { #>'; $output .= $lodash->unit('bottom', '.sp-slider.arrow-position-bottom_right .sp-nav-control', 'data.arrow_controllers_bottom_gap', 'px'); $output .= $lodash->unit('right', '.sp-slider.arrow-position-bottom_right .sp-nav-control', 'data.arrow_controllers_right_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.arrow_controllers_style==="spread") { #>'; $output .= $lodash->unit('left', 'div.sp-slider .sp-nav-control', 'data.arrow_spread_controllers_left_gap', 'px'); $output .= $lodash->unit('right', 'div.sp-slider .sp-nav-control', 'data.arrow_spread_controllers_right_gap', 'px'); $output .= '<# } #>'; $output .= $lodash->color('background', '.sp-slider .sp-nav-control .nav-control:hover', 'data.arrow_ctlr_hover_background'); $output .= $lodash->color('color', '.sp-slider .sp-nav-control .nav-control:hover', 'data.arrow_ctlr_hover_color'); $output .= $lodash->border('border-color', '.sp-slider .sp-nav-control .nav-control:hover', 'data.arrow_ctlr_hover_border_color'); $output .= $lodash->color('color', '.sp-slider .sp-slider_number', 'data.slide_counter_color'); $output .= $lodash->color('background', '.sp-slider .sp-slider_number', 'data.slide_counter_bg_color'); $output .= $lodash->unit('font-size', '.sp-slider .sp-slider_number', 'data.slide_counter_fontsize', 'px'); $output .= $lodash->unit('font-family', '.sp-slider .sp-slider_number', 'data.slide_counter_fontfamily', '', false); $output .= $lodash->unit('bottom', '.sp-slider .sp-slider_number', 'data.slide_counter_gap_bottom', 'px'); $output .= $lodash->unit('left', '.sp-slider .sp-slider_number', 'data.slide_counter_gap_left', 'px'); $output .= $lodash->spacing('padding', '.sp-slider .sp-slider_number', 'data.slide_counter_padding'); $output .= ' <# if (!_.isEmpty(data.slideshow_items) && data.slideshow_items) { _.each (data.slideshow_items, function(item_value, item_key) { let uniqid = `#sp-slider-item-${data.id}-num-${item_key}-key`; let content_alignment = (!_.isEmpty(item_value.content_alignment) && item_value.content_alignment) ? item_value.content_alignment : ""; #>'; $output .= ' #sppb-addon-{{ data.id }} .dot-controller-with_image.sp-slider .sp-dots ul li.sp-dot-{{item_key}}{ <# var slider_img = {} if (typeof item_value.slider_img !== "undefined" && typeof item_value.slider_img.src !== "undefined") { slider_img = item_value.slider_img } else { slider_img = {src: item_value.slider_img} } if(slider_img.src){ if(slider_img.src.indexOf("http://") == 0 \|\| slider_img.src.indexOf("https://") == 0){ #> background: url({{slider_img.src}}) no-repeat scroll center center / cover; <# } else { #> background: url({{pagebuilder_base + slider_img.src}}) no-repeat scroll center center / cover; <# } } #> }'; $output .= $lodash->spacing('margin', '.sp-slider-content-align-{{content_alignment}}', 'item_value.slideshow_item_margin'); $output .= $lodash->spacing('padding', '.sp-slider-content-align-{{content_alignment}}', 'item_value.slideshow_item_padding'); $output .= '<# if (item_value.slider_overlay_options !== "undefined" && item_value.slider_overlay_options === "color_overlay"){ #>'; $output .= $lodash->color('background', '{{uniqid}}.sp-item .sp-background:after, {{uniqid}}.sp-item .sp-video-background-mask', 'item_value.slider_bg_overlay'); $output .= '<# } else if(item_value.slider_overlay_options !== "undefined" && item_value.slider_overlay_options === "gradient_overlay") { #>'; $output .= $lodash->color('background-color', '{{uniqid}}.sp-item .sp-background:after,{{uniqid}}.sp-item .sp-video-background-mask', 'item_value.slider_bg_gradient_overlay'); $output .= '<# } #>'; $output .= ' <# if(item_value.video_volume_btn !== "undefined" && item_value.video_volume_btn){ #> #sppb-addon-{{ data.id }} {{uniqid}}.sp-item .sp-video-control { display:block; } <# } else { #> #sppb-addon-{{ data.id }} {{uniqid}}.sp-item .sp-video-control { display:none; } <# } #> <# if (!_.isEmpty(item_value.slideshow_inner_items)) { _.each (item_value.slideshow_inner_items, function(inner_value, inner_item_key) { let inner_uniqid = `#sp-slider-inner-item-${data.id}-num-${inner_item_key}-key`; #>'; $output .= '<# if (inner_value.content_type !== "image_content") { #>'; $output .= $lodash->color('color', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_color'); // $output .= $lodash->unit('font-size', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_fontsize', 'px'); // $output .= $lodash->unit('line-height', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_lineheight', 'px'); $output .= $lodash->textShadow('.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_text_shadow'); $output .= $lodash->typography('.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_typography', [ 'font' => 'inner_value.content_font_family', 'size' => 'inner_value.content_fontsize', 'line_height' => 'inner_value.content_lineheight', 'letter_spacing' => 'inner_value.content_letterspacing', 'uppercase' => 'inner_value.content_font_style?.uppercase', 'italic' => 'inner_value.content_font_style?.italic', 'underline' => 'inner_value.content_font_style?.underline', 'weight' => 'inner_value.content_font_style?.weight', ]); // $output .= $lodash->unit('letter-spacing', '.sp-slider {{uniqid}} {{inner_uniqid}}', ('inner_value.content_letterspacing' !== "custom") ? 'inner_value.content_letterspacing' : 'inner_value.custom_letterspacing'); $output .= '<# } #>'; $output .= '<# if (inner_value.content_type !== "btn_content") { #>'; $output .= $lodash->color('background', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_background'); $output .= $lodash->spacing('margin', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_margin'); $output .= $lodash->spacing('padding', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_padding'); $output .= '<# if (!_.isEmpty(inner_value.content_border) && _.trim(inner_value.content_border)) { #>'; $output .= '<# inner_value.border_style = "solid"#>'; $output .= $lodash->border('border-style', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.border_style'); $output .= '<# } #>'; $output .= $lodash->border('border-width', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_border'); $output .= $lodash->border('border-color', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_border_color'); $output .= $lodash->unit('border-radius', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_border_radius', 'px', false); $output .= '<# } #>'; $output .= '<# if (inner_value.content_type == "btn_content" \|\| inner_value.content_type == "image_content") { #>'; $output .= $lodash->boxShadow('.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.btn_box_shadow'); $output .= '<# } #>'; $output .= '<# if (!["icon_content", "btn_content"].includes(inner_value.content_type)) { #>'; $output .= $lodash->unit('font-family', '.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_font_family'); $output .= $lodash->typography('.sp-slider {{uniqid}} {{inner_uniqid}}', 'inner_value.content_typography', [ 'font' => 'inner_value.content_font_family', 'size' => 'inner_value.content_fontsize', 'line_height' => 'inner_value.content_lineheight', 'letter_spacing' => 'inner_value.content_letterspacing', 'uppercase' => 'inner_value.content_font_style?.uppercase', 'italic' => 'inner_value.content_font_style?.italic', 'underline' => 'inner_value.content_font_style?.underline', 'weight' => 'inner_value.content_font_style?.weight', ]); $output .= '<# } else if (inner_value.content_type === "btn_content") { #>'; $output .= $lodash->typography('.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.content_typography', [ 'font' => 'inner_value.content_font_family', 'size' => 'inner_value.content_fontsize', 'line_height' => 'inner_value.content_lineheight', 'letter_spacing' => 'inner_value.content_letterspacing', 'uppercase' => 'inner_value.content_font_style?.uppercase', 'italic' => 'inner_value.content_font_style?.italic', 'underline' => 'inner_value.content_font_style?.underline', 'weight' => 'inner_value.content_font_style?.weight', ]); $output .= '<# } #>'; $output .= '<# let image_content_style = ""; var image_content = {} if(!_.isEmpty(inner_value.image_content) && inner_value.image_content){ if (typeof inner_value.image_content !== "undefined" && typeof inner_value.image_content.src !== "undefined") { image_content = inner_value.image_content } else { image_content = {src: inner_value.image_content} } } if(image_content.src){ if(image_content.src.indexOf("http://") == 0 \|\| image_content.src.indexOf("https://") == 0){ image_content_style += `background-image:url(${image_content.src});background-size:100% 100%;background-position:center center;background-attachment:scroll;background-repeat: no-repeat;`; } else { image_content_style += `background-image:url(${image_content.src});background-size:100% 100%;background-position:center center;background-attachment:scroll;background-repeat: no-repeat;`; } } #> .sp-slider {{uniqid}} {{inner_uniqid}} .sp-slider-caption-image { {{image_content_style}} } #>'; $output .= '<# if (_.isEmpty(inner_value.image_content_height)) { inner_value.image_content_height = {xl: 385, lg: 385, md: "", sm: "", xs: ""}; } inner_value.inner_content_min_height = 385; if(!Object.prototype.hasOwnProperty.call(inner_value, "image_content_width") \|\| _.isEmpty(inner_value.image_content_width)) { inner_value.image_content_width = 400; } #>'; $output .= $lodash->unit('min-height', '.sp-slider {{uniqid}} {{inner_uniqid}} .sp-slider-caption-image', 'inner_value.inner_content_min_height', 'px'); $output .= $lodash->unit('height', '.sp-slider {{uniqid}} {{inner_uniqid}} .sp-slider-caption-image', 'inner_value.image_content_height', 'px'); $output .= $lodash->unit('width', '.sp-slider {{uniqid}} {{inner_uniqid}} .sp-slider-caption-image', 'inner_value.image_content_width', 'px'); $output .= '<# if (inner_value.button_background_options === "color_bg") { #>'; $output .= $lodash->color('background', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.button_background_color'); $output .= $lodash->color('color', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.content_color'); $output .= '<# } else { #>'; $output .= $lodash->color('background', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.button_background_gradient'); $output .= $lodash->color('background', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.button_background_gradient_hover'); $output .= '<# } #>'; // Border Style $output .= '<# if (!_.isEmpty(inner_value.content_border) && _.trim(inner_value.content_border)) { #>'; $output .= '<# inner_value.border_style = "solid"#>'; $output .= $lodash->border('border-style', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.border_style'); $output .= $lodash->border('border-width', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.content_border'); $output .= '<# } #>'; $output .= $lodash->border('border-color', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.content_border_color'); $output .= $lodash->unit('border-radius', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.content_border_radius', 'px'); $output .= $lodash->color('background', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text:hover', 'inner_value.button_background_color_hover'); $output .= $lodash->color('color', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text:hover, .sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text:focus', 'inner_value.button_hover_color'); $output .= $lodash->border('border-color', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text:hover, .sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text:focus', 'inner_value.button_hover_border_color'); $output .= $lodash->spacing('margin', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button', 'inner_value.content_margin'); $output .= $lodash->spacing('padding', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-text', 'inner_value.content_padding'); $output .= $lodash->spacing('margin', '.sp-slider {{uniqid}} {{inner_uniqid}}.sppb-sp-slider-button .sp-slider-btn-icon', 'inner_value.button_icon_margin'); $output .= '<# }) } }) } #>'; $output .= $lodash->spacing('padding', '.sp-slider-custom-dot-indecators', 'data.text_thumb_ctlr_wrap_padding'); $output .= $lodash->color('background', '.sp-slider-custom-dot-indecators', 'data.text_thumb_ctlr_wrap_bg'); $output .= $lodash->unit('width', '.sp-slider-custom-dot-indecators', 'data.text_thumb_ctlr_wrap_width', '%'); $output .= $lodash->unit('width', '.sp-slider-custom-dot-indecators ul li', 'data.text_thumb_ctlr_individual_width', 'px'); $output .= $lodash->color('color', '.sp-slider-text-thumb-number', 'data.text_thumb_number_color'); $output .= $lodash->unit('font-weight', '.sp-slider-text-thumb-number', 'data.text_thumb_number_font_weight', '', false); $output .= $lodash->unit('font-size', '.sp-slider-text-thumb-number', 'data.text_thumb_number_font_size', 'px'); $output .= $lodash->color('color', '.sp-slider-dot-indecator-text.sp-dot-text-key-1', 'data.text_thumb_title_color'); $output .= $lodash->unit('font-weight', '.sp-slider-dot-indecator-text.sp-dot-text-key-1', 'data.text_thumb_title_font_weight', '', false); $output .= $lodash->unit('font-size', '.sp-slider-dot-indecator-text.sp-dot-text-key-1', 'data.text_thumb_title_font_size', 'px'); $output .= $lodash->unit('line-height', '.sp-slider-dot-indecator-text.sp-dot-text-key-1', 'data.text_thumb_title_lineheight', 'px'); $output .= $lodash->color('color', '.sp-slider-dot-indecator-text.sp-dot-text-key-2', 'data.text_thumb_subtitle_color'); $output .= $lodash->unit('font-weight', '.sp-slider-dot-indecator-text.sp-dot-text-key-2', 'data.text_thumb_subtitle_font_weight', '', false); $output .= $lodash->unit('font-size', '.sp-slider-dot-indecator-text.sp-dot-text-key-2', 'data.text_thumb_subtitle_font_size', 'px'); $output .= $lodash->unit('width', '.sp-slider .sp-slider-content-wrap', 'data.content_container_width', '%', true, '', 'margin: 0 auto;'); $output .= ' </style> <# let content_class = (!_.isEmpty(data.class) && data.class) ? data.class : ""; let slide_vertically = (typeof data.slide_vertically !== "undefined" && data.slide_vertically) ? true : false; let autoplay = (typeof data.autoplay !== "undefined" && data.autoplay) ? true : false; let pause_on_hover = (typeof data.pause_on_hover !== "undefined" && data.pause_on_hover) ? true : false; let interval = (!_.isEmpty(data.interval) && data.interval) ? data.interval : 5; let speed = (!_.isEmpty(data.speed) && data.speed) ? data.speed : 800; let height = (!_.isEmpty(data.height) && data.height) ? data.height : ""; let slider_animation = (!_.isEmpty(data.slider_animation) && data.slider_animation) ? data.slider_animation : ""; let dataVerticleSlide = ""; if(slider_animation === "stack"){ dataVerticleSlide = \'data-slide-vertically="\'+(slide_vertically ? "true" : "false")+\'"\'; } let data_three_d_rotate = ""; if(slider_animation === "3D"){ data_three_d_rotate = \'data-3d-rotate="\'+(data.three_d_rotate ? data.three_d_rotate : "15")+\'"\'; } let timer = (typeof data.timer !== "undefined" && data.timer) ? true : false; let dot_controllers = (typeof data.dot_controllers !== "undefined" && data.dot_controllers) ? true : false; let dot_controllers_style = (!_.isEmpty(data.dot_controllers_style) && data.dot_controllers_style) ? data.dot_controllers_style : ""; let dot_controllers_position = (!_.isEmpty(data.dot_controllers_position) && data.dot_controllers_position) ? data.dot_controllers_position : ""; let arrow_controllers = (typeof data.arrow_controllers!=="undefined" && data.arrow_controllers) ? true : false; let arrow_controllers_content = (!_.isEmpty(data.arrow_controllers_content) && data.arrow_controllers_content) ? data.arrow_controllers_content : "text_only"; let arrow_controllers_style = (!_.isEmpty(data.arrow_controllers_style) && data.arrow_controllers_style) ? data.arrow_controllers_style : ""; let arrow_controllers_position = (!_.isEmpty(data.arrow_controllers_position) && data.arrow_controllers_position) ? data.arrow_controllers_position : ""; let arrow_on_hover = (typeof data.arrow_on_hover!=="undefined" && data.arrow_on_hover) ? true : false; let line_indecator = (typeof data.line_indecator!=="undefined" && data.line_indecator) ? true : false; let slide_counter = (typeof data.slide_counter!=="undefined" && data.slide_counter) ? true : false; let slider_height_xl = ""; let slider_height_lg = ""; let slider_height_md = ""; let slider_height_sm = ""; let slider_height_xs = ""; if(height=="full"){ slider_height_xl = "full"; slider_height_lg = "full"; slider_height_md = "full"; slider_height_sm = "full"; slider_height_xs = "full"; } else { const {xl, lg, md, sm, xs} = data.custom_height; slider_height_xl = `${xl}px`; slider_height_lg = `${lg}px`; slider_height_md = `${md}px`; slider_height_sm = `${sm}px`; slider_height_xs = `${xs}px`; } let dot_style_class = ""; let dot_position_class =""; if(dot_controllers){ if(dot_controllers_style){ dot_style_class = "dot-controller-" + dot_controllers_style; } if(dot_controllers_position){ dot_position_class = "dot-controller-position-" + dot_controllers_position; } } let arrow_position_class = ""; if(arrow_controllers_style == "along" && arrow_controllers_position){ arrow_position_class = "arrow-position-" + arrow_controllers_position; } let arrow_hover_class = ""; if(arrow_on_hover){ arrow_hover_class = "arrow-show-on-hover"; } let content_vertical_alignment = (typeof data.content_vertical_alignment !== "undefined" && data.content_vertical_alignment) ? "slider-content-vercally-center" : ""; var dots = ""; #> <div id="sppb-sp-slider-{{data.id}}" data-id="sppb-sp-slider-{{data.id}}" class="sppb-addon-sp-slider sp-slider {{content_class}} {{dot_style_class}} {{dot_position_class}} {{arrow_position_class}} {{arrow_hover_class}}" data-height-xl="{{slider_height_xl}}" data-height-lg="{{slider_height_lg}}" data-height-md="{{slider_height_md}}" data-height-sm="{{slider_height_sm}}" data-height-xs="{{slider_height_xs}}" data-slider-animation="{{slider_animation}}" {{{dataVerticleSlide}}} {{{data_three_d_rotate}}} data-autoplay="{{autoplay}}" data-interval="{{interval * 1000}}" data-timer="{{timer}}" data-speed="{{speed}}" data-dot-control="{{dot_controllers}}" data-arrow-control="{{arrow_controllers}}" data-indecator="{{line_indecator}}" data-arrow-content="{{arrow_controllers_content}}" data-slide-count="{{slide_counter}}" data-dot-style="{{data.dot_controllers_style}}" data-pause-hover="{{(pause_on_hover && autoplay ? \'true\' : \'false\')}}"> <# if(!_.isEmpty(data.slideshow_items)){ _.each (data.slideshow_items, function(item_value, item_key) { let uniqid = `sp-slider-item-${data.id}-num-${item_key}-key`; let last_field_key = item_key; let activeClass = ""; if(item_key==0){ activeClass = "active"; } #> <div id="{{uniqid}}" class="sp-item {{activeClass}} {{content_vertical_alignment}}"> <# if(data.content_container_option==="bootstrap"){ #> <div class="sppb-container"> <div class="sppb-row"> <div class="sppb-col-sm-12"> <# } else { #> <div class="sp-slider-content-wrap"> <# } var image_in_column = (typeof item_value.image_in_column !== "undefined" && item_value.image_in_column) ? true : false; var image_column_width_lg = (_.isObject(item_value.image_column_width) && item_value.image_column_width.xl) ? Number(item_value.image_column_width.xl) : 6; var image_column_width_md = (_.isObject(item_value.image_column_width) && item_value.image_column_width.lg) ? Number(item_value.image_column_width.lg) : 6; var image_column_width_sm = (_.isObject(item_value.image_column_width) && item_value.image_column_width.md) ? Number(item_value.image_column_width.md) : 6; var image_column_width_xs = (_.isObject(item_value.image_column_width) && item_value.image_column_width.sm) ? Number(item_value.image_column_width.sm) : 6; var image_column_width = (_.isObject(item_value.image_column_width) && item_value.image_column_width.xs) ? Number(item_value.image_column_width.xs) : 6; var image_column_reverse = (typeof item_value.image_column_reverse!=="undefined" && item_value.image_column_reverse) ? true : false; var icon_display_block = (typeof item_value.icon_display_block!=="undefined" && item_value.icon_display_block) ? "sp-slider-icon-block" : ""; var content_alignment = (!_.isEmpty(item_value.content_alignment) && item_value.content_alignment) ? item_value.content_alignment : ""; var image_content_alignment = (!_.isEmpty(item_value.image_content_alignment) && item_value.image_content_alignment) ? item_value.image_content_alignment : ""; if(!image_in_column){ #> <div class="sp-slider-content-align-{{content_alignment}}"> <# _.each(item_value.slideshow_inner_items, function(inner_value, inner_item_key){ let last_field_inner_key = `slideshow_inner_items-${inner_item_key}`; let inner_uniqid = `sp-slider-inner-item-${data.id}-num-${inner_item_key}-key`; let animation_timing_function = (!_.isEmpty(inner_value.animation_timing_function) && inner_value.animation_timing_function) ? inner_value.animation_timing_function : ""; let animation_cubic_bezier_value = (!_.isEmpty(inner_value.animation_cubic_bezier_value) && inner_value.animation_cubic_bezier_value) ? inner_value.animation_cubic_bezier_value.replace(/\s/g,"") : ""; if(animation_timing_function == "cubic-bezier"){ animation_timing_function = `cubic-bezier(${animation_cubic_bezier_value})`; } let animation_settings = {}; if(inner_value.content_animation_type == "rotate"){ animation_settings = { "type":"rotate", "from":inner_value.animation_rotate_from + "deg", "to":inner_value.animation_rotate_to + "deg", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else if(inner_value.content_animation_type == "text-animate"){ animation_settings = { "type":"text-animate", "direction":inner_value.animation_slide_direction, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, } } else if(inner_value.content_animation_type == "zoom"){ animation_settings = { "type":"zoom", "direction":"zoomIn", "from":0, "to":1, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else { animation_settings = { "type":"slide", "direction":inner_value.animation_slide_direction, "from":inner_value.animation_slide_from+"%", "to":"0%", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } let animationJson = JSON.stringify(animation_settings); let btn_content = ""; let btn_icon_arr = (typeof inner_value.button_icon !== "undefined" && inner_value.button_icon) ? inner_value.button_icon.split(" ") : ""; let btn_icon_name = btn_icon_arr.length === 1 ? "fa "+inner_value.button_icon : inner_value.button_icon; if (inner_value.button_icon_position == "left") { if(inner_value.button_icon) { btn_content = \'<span class="sp-slider-btn-text"> <span class="sp-slider-btn-icon"> <i class="\' + btn_icon_name + \'"></i></span> \' + inner_value?.btn_content + \'</span>\'; } else { btn_content = \'<span class="sp-slider-btn-text">\' + inner_value?.btn_content + \'</span>\'; } } else { if(inner_value.button_icon){ btn_content = \'<span class="sp-slider-btn-text">\' + inner_value?.btn_content + \' <span class="sp-slider-btn-icon"><i class="\' + btn_icon_name + \'"></i></span></span>\'; } else { btn_content = \'<span class="sp-slider-btn-text">\'+ inner_value?.btn_content + \'</span>\'; } } let content_class = typeof inner_value.content_class !== "undefined" && inner_value.content_class ? inner_value.content_class : ""; if(inner_value.content_type == "text_content"){ #> <div id="{{inner_uniqid}}" class="sppb-sp-slider-text sp-editable-content {{content_class}}" data-id={{data.id}} data-fieldName="{{last_field_key}}-{{last_field_inner_key}}-content_text" data-layer="true" data-animation={{animationJson}}> {{{inner_value.content_text}}} </div> <# } else if(inner_value.content_type == "image_content"){ #> <div id="{{inner_uniqid}}" class="sppb-sp-slider-image {{content_class}}" data-layer="true" data-animation={{animationJson}}> <div class="sp-slider-caption-image"></div> </div> <# } else if(inner_value.content_type == "btn_content"){ #> <# let buttonUrl = _.isObject(inner_value.button_url) ? inner_value.button_url : window.getSiteUrl(inner_value.button_url, inner_value.button_target === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = buttonUrl; const target = new_tab ? "_blank": ""; let rel=""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a id="{{inner_uniqid}}" target="{{ target }}" rel="{{ rel }}" class="sppb-sp-slider-button {{content_class}}" href="{{newUrl}}" data-layer="true" data-animation={{animationJson}}> {{{btn_content}}} </a> <# } else if(inner_value.content_type == "icon_content"){ let content_icon_arr = !_.isEmpty(inner_value.icon_content) ? inner_value.icon_content.split(" ") : ""; let content_icon_name = content_icon_arr.length === 1 ? "fa "+inner_value.icon_content : faIconList.version === 4 ? "fa " +content_icon_arr[1] : inner_value.icon_content; #> <span id="{{inner_uniqid}}" class="sppb-sp-slider-icon {{content_class}} {{icon_display_block}}" data-layer="true" data-animation={{animationJson}}> <span class="{{content_icon_name}}"></span> </span> <# } else if(inner_value.content_type == "title_content") { if(!inner_value.title_heading_selector){ inner_value.title_heading_selector = "h2"; } #> <{{inner_value.title_heading_selector}} id="{{inner_uniqid}}" class="sppb-sp-slider-title sp-inline-editable-element {{content_class}}" data-id={{data.id}} data-fieldName="title_content_title" data-itemPosition={{inner_item_key}} data-slideNumber={{last_field_key}} contenteditable="true" data-layer="true" data-animation={{animationJson}}> {{{inner_value.title_content_title}}} </{{inner_value.title_heading_selector}}> <# } }) #> </div> <# } else { #> <div class="sppb-row"> <# if(!image_column_reverse){ #> <div class="sppb-col-xs-{{image_column_width_xs === 12 ? 12 : 12-image_column_width_xs}} sppb-col-sm-{{image_column_width_sm === 12 ? image_column_width_sm : 12-image_column_width_sm}} sppb-col-md-{{image_column_width_md === 12 ? image_column_width_md : 12-image_column_width_md}} sppb-col-lg-{{image_column_width_lg === 12 ? image_column_width_lg : 12-image_column_width_lg}} sppb-col-{{image_column_width === 12 ? image_column_width : 12-image_column_width}}"> <div class="sp-slider-content-align-{{content_alignment}}"> <# _.each(item_value.slideshow_inner_items, function(inner_value, inner_item_key){ let last_field_inner_key = `slideshow_inner_items-${inner_item_key}`; let inner_uniqid = `sp-slider-inner-item-${data.id}-num-${inner_item_key}-key`; let animation_timing_function = (!_.isEmpty(inner_value.animation_timing_function) && inner_value.animation_timing_function) ? inner_value.animation_timing_function : ""; let animation_cubic_bezier_value = (!_.isEmpty(inner_value.animation_cubic_bezier_value) && inner_value.animation_cubic_bezier_value) ? inner_value.animation_cubic_bezier_value.replace(/\s/g,"") : ""; if(animation_timing_function == "cubic-bezier"){ animation_timing_function = `cubic-bezier(${animation_cubic_bezier_value})`; } let animation_settings = {}; if(inner_value.content_animation_type == "rotate"){ animation_settings = { "type":"rotate", "from":inner_value.animation_rotate_from + "deg", "to":inner_value.animation_rotate_to + "deg", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else if(inner_value.content_animation_type == "text-animate"){ animation_settings = { "type":"text-animate", "direction":inner_value.animation_slide_direction, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, } } else if(inner_value.content_animation_type == "zoom"){ animation_settings = { "type":"zoom", "direction":"zoomIn", "from":0, "to":1, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else { animation_settings = { "type":"slide", "direction":inner_value.animation_slide_direction, "from":inner_value.animation_slide_from+"%", "to":"0%", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } let animationJson = JSON.stringify(animation_settings); let btn_content = ""; let btn_icon_arr = (typeof inner_value.button_icon !== "undefined" && inner_value.button_icon) ? inner_value.button_icon.split(" ") : ""; let btn_icon_name = btn_icon_arr.length === 1 ? "fa "+inner_value.button_icon : inner_value.button_icon; if (inner_value.button_icon_position == "left") { if(inner_value.button_icon) { btn_content = \'<span class="sp-slider-btn-text"> <span class="sp-slider-btn-icon"> <i class="\' + btn_icon_name + \'"></i></span> \' + inner_value?.btn_content + \'</span>\'; } else { btn_content = \'<span class="sp-slider-btn-text">\' + inner_value?.btn_content + \'</span>\'; } } else { if(inner_value.button_icon){ btn_content = \'<span class="sp-slider-btn-text">\' + inner_value?.btn_content + \' <span class="sp-slider-btn-icon"><i class="\' + btn_icon_name + \'"></i></span></span>\'; } else { btn_content = \'<span class="sp-slider-btn-text">\'+ inner_value?.btn_content + \'</span>\'; } } let content_class = typeof inner_value.content_class !== "undefined" && inner_value.content_class ? inner_value.content_class : ""; if(inner_value.content_type == "text_content"){ #> <div id="{{inner_uniqid}}" class="sppb-sp-slider-text sp-editable-content {{content_class}}" data-id={{data.id}} data-fieldName="{{last_field_key}}-{{last_field_inner_key}}-content_text" data-layer="true" data-layer="true" data-animation={{animationJson}}> {{{inner_value.content_text}}} </div> <# } else if(inner_value.content_type == "btn_content"){ #> <# let buttonUrl = _.isObject(inner_value.button_url) ? inner_value.button_url : window.getSiteUrl(inner_value.button_url, inner_value.button_target === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = buttonUrl; const target = new_tab ? "_blank": ""; let rel=""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a id="{{inner_uniqid}}" target="{{ target }}" rel="{{ rel }}" class="sppb-sp-slider-button {{content_class}}" href="{{newUrl}}" data-layer="true" data-animation={{animationJson}}> {{{btn_content}}} </a> <# } else if(inner_value.content_type == "icon_content"){ let content_icon_arr = !_.isEmpty(inner_value.icon_content) ? inner_value.icon_content.split(" ") : ""; let content_icon_name = content_icon_arr.length === 1 ? "fa "+inner_value.icon_content : faIconList.version === 4 ? "fa " +content_icon_arr[1] : inner_value.icon_content; #> <span id="{{inner_uniqid}}" class="sppb-sp-slider-icon {{content_class}} {{icon_display_block}}" data-layer="true" data-animation={{animationJson}}> <span class="{{content_icon_name}}"></span> </span> <# } else if(inner_value.content_type == "title_content") { if(!inner_value.title_heading_selector){ inner_value.title_heading_selector = "h2"; } #> <{{inner_value.title_heading_selector}} id="{{inner_uniqid}}" class="sppb-sp-slider-title sp-inline-editable-element {{content_class}}" data-id={{data.id}} data-fieldName="title_content_title" contenteditable="true" data-itemPosition={{inner_item_key}} data-slideNumber={{last_field_key}} data-layer="true" data-animation={{animationJson}}> {{{inner_value.title_content_title}}} </{{inner_value.title_heading_selector}}> <# } }) #> </div> </div> <div class="sppb-col-xs-{{image_column_width_xs}} sppb-col-sm-{{image_column_width_sm}} sppb-col-md-{{image_column_width_md}} sppb-col-lg-{{image_column_width_lg}} sppb-col-{{image_column_width}}"> <div class="sp-slider-image-align-{{image_content_alignment}}"> <# _.each(item_value.slideshow_inner_items, function(inner_value, inner_item_key){ let last_field_inner_key = `slideshow_inner_items-${inner_item_key}`; let inner_uniqid = `sp-slider-inner-item-${data.id}-num-${inner_item_key}-key`; let animation_timing_function = (!_.isEmpty(inner_value.animation_timing_function) && inner_value.animation_timing_function) ? inner_value.animation_timing_function : ""; let animation_cubic_bezier_value = (!_.isEmpty(inner_value.animation_cubic_bezier_value) && inner_value.animation_cubic_bezier_value) ? inner_value.animation_cubic_bezier_value.replace(/\s/g,"") : ""; if(animation_timing_function == "cubic-bezier"){ animation_timing_function = `cubic-bezier(${animation_cubic_bezier_value})`; } let animation_settings = {}; if(inner_value.content_animation_type == "rotate"){ animation_settings = { "type":"rotate", "from":inner_value.animation_rotate_from + "deg", "to":inner_value.animation_rotate_to + "deg", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else if(inner_value.content_animation_type == "text-animate"){ animation_settings = { "type":"text-animate", "direction":inner_value.animation_slide_direction, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, } } else if(inner_value.content_animation_type == "zoom"){ animation_settings = { "type":"zoom", "direction":"zoomIn", "from":0, "to":1, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else { animation_settings = { "type":"slide", "direction":inner_value.animation_slide_direction, "from":inner_value.animation_slide_from+"%", "to":"0%", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } let animationJson = JSON.stringify(animation_settings); let content_class = typeof inner_value.content_class !== "undefined" && inner_value.content_class ? inner_value.content_class : ""; if(inner_value.content_type == "image_content"){ #> <div id="{{inner_uniqid}}" class="sppb-sp-slider-image {{content_class}}" data-layer="true" data-animation={{animationJson}}> <div class="sp-slider-caption-image"></div> </div> <# } }) #> </div> </div> <# } else { #> <div class="sppb-col-xs-{{image_column_width_xs}} sppb-col-sm-{{image_column_width_sm}} sppb-col-md-{{image_column_width_md}} sppb-col-lg-{{image_column_width_lg}} sppb-col-{{image_column_width}}"> <div class="sp-slider-image-align-{{image_content_alignment}}"> <# _.each(item_value.slideshow_inner_items, function(inner_value, inner_item_key){ let last_field_inner_key = `slideshow_inner_items-${inner_item_key}`; let inner_uniqid = `sp-slider-inner-item-${data.id}-num-${inner_item_key}-key`; let animation_timing_function = (!_.isEmpty(inner_value.animation_timing_function) && inner_value.animation_timing_function) ? inner_value.animation_timing_function : ""; let animation_cubic_bezier_value = (!_.isEmpty(inner_value.animation_cubic_bezier_value) && inner_value.animation_cubic_bezier_value) ? inner_value.animation_cubic_bezier_value.replace(/\s/g,"") : ""; if(animation_timing_function == "cubic-bezier"){ animation_timing_function = `cubic-bezier(${animation_cubic_bezier_value})`; } let animation_settings = {}; if(inner_value.content_animation_type == "rotate"){ animation_settings = { "type":"rotate", "from":inner_value.animation_rotate_from + "deg", "to":inner_value.animation_rotate_to + "deg", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else if(inner_value.content_animation_type == "text-animate"){ animation_settings = { "type":"text-animate", "direction":inner_value.animation_slide_direction, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, } } else if(inner_value.content_animation_type == "zoom"){ animation_settings = { "type":"zoom", "direction":"zoomIn", "from":0, "to":1, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else { animation_settings = { "type":"slide", "direction":inner_value.animation_slide_direction, "from":inner_value.animation_slide_from+"%", "to":"0%", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } let animationJson = JSON.stringify(animation_settings); let content_class = typeof inner_value.content_class !== "undefined" && inner_value.content_class ? inner_value.content_class : ""; if(inner_value.content_type == "image_content"){ #> <div id="{{inner_uniqid}}" class="sppb-sp-slider-image {{content_class}}" data-layer="true" data-animation={{animationJson}}> <div class="sp-slider-caption-image"></div> </div> <# } }) #> </div> </div> <div class="sppb-col-xs-{{image_column_width_xs === 12 ? 12 : 12-image_column_width_xs}} sppb-col-sm-{{image_column_width_sm === 12 ? image_column_width_sm : 12-image_column_width_sm}} sppb-col-md-{{image_column_width_md === 12 ? image_column_width_md : 12-image_column_width_md}} sppb-col-lg-{{image_column_width_lg === 12 ? image_column_width_lg : 12-image_column_width_lg}} sppb-col-{{image_column_width === 12 ? image_column_width : 12-image_column_width}}"> <div class="sp-slider-content-align-{{content_alignment}}"> <# _.each(item_value.slideshow_inner_items, function(inner_value, inner_item_key){ let last_field_inner_key = `slideshow_inner_items-${inner_item_key}`; let inner_uniqid = `sp-slider-inner-item-${data.id}-num-${inner_item_key}-key`; let animation_timing_function = (!_.isEmpty(inner_value.animation_timing_function) && inner_value.animation_timing_function) ? inner_value.animation_timing_function : ""; let animation_cubic_bezier_value = (!_.isEmpty(inner_value.animation_cubic_bezier_value) && inner_value.animation_cubic_bezier_value) ? inner_value.animation_cubic_bezier_value.replace(/\s/g,"") : ""; if(animation_timing_function == "cubic-bezier"){ animation_timing_function = `cubic-bezier(${animation_cubic_bezier_value})`; } let animation_settings = {}; if(inner_value.content_animation_type == "rotate"){ animation_settings = { "type":"rotate", "from":inner_value.animation_rotate_from + "deg", "to":inner_value.animation_rotate_to + "deg", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else if(inner_value.content_animation_type == "text-animate"){ animation_settings = { "type":"text-animate", "direction":inner_value.animation_slide_direction, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, } } else if(inner_value.content_animation_type == "zoom"){ animation_settings = { "type":"zoom", "direction":"zoomIn", "from":0, "to":1, "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } else { animation_settings = { "type":"slide", "direction":inner_value.animation_slide_direction, "from":inner_value.animation_slide_from+"%", "to":"0%", "duration":inner_value.animation_duration, "after":inner_value.animation_delay, "timing_function":animation_timing_function, }; } let animationJson = JSON.stringify(animation_settings); let btn_content = ""; let btn_icon_arr = (typeof inner_value.button_icon !== "undefined" && inner_value.button_icon) ? inner_value.button_icon.split(" ") : ""; let btn_icon_name = btn_icon_arr.length === 1 ? "fa "+inner_value.button_icon : inner_value.button_icon; if (inner_value.button_icon_position == "left") { if(inner_value.button_icon) { btn_content = \'<span class="sp-slider-btn-text"> <span class="sp-slider-btn-icon"> <i class="\' + btn_icon_name + \'"></i></span> \' + inner_value?.btn_content + \'</span>\'; } else { btn_content = \'<span class="sp-slider-btn-text">\' + inner_value?.btn_content + \'</span>\'; } } else { if(inner_value.button_icon){ btn_content = \'<span class="sp-slider-btn-text">\' + inner_value?.btn_content + \' <span class="sp-slider-btn-icon"><i class="\' + btn_icon_name + \'"></i></span></span>\'; } else { btn_content = \'<span class="sp-slider-btn-text">\'+ inner_value?.btn_content + \'</span>\'; } } let content_class = typeof inner_value.content_class !== "undefined" && inner_value.content_class ? inner_value.content_class : ""; if(inner_value.content_type == "text_content"){ #> <div id="{{inner_uniqid}}" class="sppb-sp-slider-text sp-editable-content {{content_class}}" data-id={{data.id}} data-fieldName="{{last_field_key}}-{{last_field_inner_key}}-content_text" data-layer="true" data-layer="true" data-animation={{animationJson}}> {{{inner_value.content_text}}} </div> <# } else if(inner_value.content_type == "btn_content"){ #> <# let buttonUrl = _.isObject(inner_value.button_url) ? inner_value.button_url : window.getSiteUrl(inner_value.button_url, inner_value.button_target === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = buttonUrl; const target = new_tab ? "_blank": ""; let rel=""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a id="{{inner_uniqid}}" target="{{ target }}" rel="{{ rel }}" class="sppb-sp-slider-button {{content_class}}" href="{{newUrl}}" data-layer="true" data-animation={{animationJson}}> {{{btn_content}}} </a> <# } else if(inner_value.content_type == "icon_content"){ let content_icon_arr = !_.isEmpty(inner_value.icon_content) ? inner_value.icon_content.split(" ") : ""; let content_icon_name = content_icon_arr.length === 1 ? "fa "+inner_value.icon_content : faIconList.version === 4 ? "fa " +content_icon_arr[1] : inner_value.icon_content; #> <span id="{{inner_uniqid}}" class="sppb-sp-slider-icon {{content_class}} {{icon_display_block}}" data-layer="true" data-animation={{animationJson}}> <span class="{{content_icon_name}}"></span> </span> <# } else if(inner_value.content_type == "title_content") { if(!inner_value.title_heading_selector){ inner_value.title_heading_selector = "h2"; } #> <{{inner_value.title_heading_selector}} id="{{inner_uniqid}}" class="sppb-sp-slider-title sp-inline-editable-element {{content_class}}" data-id={{data.id}} data-fieldName="title_content_title" data-itemPosition={{inner_item_key}} data-slideNumber={{last_field_key}}contenteditable="true" data-layer="true" data-animation={{animationJson}}> {{{inner_value.title_content_title}}} </{{inner_value.title_heading_selector}}> <# } }) #> </div> </div> <# } #> </div> <# } if(data.content_container_option === "bootstrap"){ #> </div> </div> </div> <# } else { #> </div> <# } if(!_.isEmpty(item_value.slider_img)){ #> <div class="sp-background"></div> <# } if(data.slider_animation !== "3D"){ var slider_video = {} if(!_.isEmpty(item_value.slider_video) && item_value.slider_video){ if (typeof item_value.slider_video !== "undefined" && typeof item_value.slider_video.src !== "undefined") { slider_video = item_value.slider_video } else { slider_video = {src: item_value.slider_video} } } if(slider_video.src && !item_value.enable_youtube_vimeo){ if(slider_video.src.indexOf("http://") == 0 \|\| slider_video.src.indexOf("https://") == 0){ #> <div class="sp-video-background" data-video_src="{{slider_video.src}}"></div> <# } else { #> <div class="sp-video-background" data-video_src="{{pagebuilder_base + slider_video.src }}"></div> <# } } else if(!_.isEmpty(item_value.youtube_vimeo_url) && item_value.youtube_vimeo_url && item_value.enable_youtube_vimeo) { if(item_value.youtube_vimeo_url.indexOf("http://") == 0 \|\| item_value.youtube_vimeo_url.indexOf("https://") == 0){ #> <div class="sp-video-background" data-video_src="{{item_value.youtube_vimeo_url}}"></div> <# } else { #> <div class="sp-video-background" data-video_src="{{ pagebuilder_base + item_value.youtube_vimeo_url }}"></div> <# } } } #> <# if(data.dot_controllers_style == "with_text"){ let captionItem = []; if(_.isArray(item_value.slideshow_inner_items)){ let dot_item = 0; _.each(item_value.slideshow_inner_items, function(inner_value, inner_item_key){ if(inner_value.content_type == "title_content" && dot_item < 2 ) { captionItem.unshift(inner_value); } dot_item++; }) } dots += `<li class="${item_key == 0 ? "active sp-text-thumbnail-list" : "sp-text-thumbnail-list"}">`; dots += `<div class="sp-slider-text-thumb-number">${(item_key > 8 ? (item_key + 1) : "0"+(item_key + 1))}</div>`; dots += `<div class="sp-dot-indicator-wrap">`; dots += `<span class="dot-indicator"></span>`; dots += `</div>`; dots += `<div class="sp-slider-text-thumb-caption">`; if(_.isArray(captionItem)){ _.each(captionItem, function(inner_value, dot_key){ dots += `<div class="sp-slider-dot-indecator-text sp-dot-text-key-${dot_key + 1}">`; dots += inner_value.title_content_title; dots +=`</div>`; }) } dots += `</div>`; dots += `</li>`; } #> </div> <# }) } #> <# if(data.dot_controllers_style == "with_text" && data.dot_controllers){ #> <div class="sp-slider-custom-dot-indecators"> <ul> {{{dots}}} </ul> </div> <# } #> </div>'; return $output; } } ��js_slideshow/admin.php��0000644��00000303716�15231074400�0011050 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https: //www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http: //www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig( [ 'type' => 'repeatable', 'addon_name' => 'js_slideshow', 'category' => 'Slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_DESC'), 'icon' => '<svg viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M17.656 10.518a1.138 1.138 0 1 0 0 2.276 1.138 1.138 0 0 0 0-2.276ZM15 11.656a2.656 2.656 0 1 1 5.312 0 2.656 2.656 0 0 1-5.312 0ZM10 27a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm12 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm-6.636-9.909c.885.842 1.854 1.306 2.88 1.345 1.014.038 1.939-.343 2.738-.91 1.563-1.108 2.888-3.095 3.906-5.067l-1.776-.918c-.985 1.906-2.13 3.533-3.287 4.354-.561.398-1.06.56-1.505.543-.433-.017-.96-.207-1.578-.796-1.163-1.106-2.319-1.737-3.458-1.923-1.157-.188-2.186.101-3.042.63-1.648 1.018-2.698 2.941-3.185 4.318l1.886.666c.42-1.19 1.265-2.612 2.35-3.282.511-.316 1.058-.457 1.67-.358.628.102 1.432.477 2.4 1.398Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 8h14v11H9V8ZM7 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V8Zm-2.193 2.591A1 1 0 1 0 3.193 9.41L.236 13.444a1.246 1.246 0 0 0 0 1.46l2.703 3.687a1 1 0 1 0 1.613-1.182L2.18 14.174l2.626-3.583ZM16 27a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM27.409 9.193a1 1 0 0 1 1.398.216l2.957 4.035c.315.43.315 1.03 0 1.46l-2.703 3.687a1 1 0 1 1-1.613-1.182l2.371-3.235-2.626-3.583a1 1 0 0 1 .216-1.398Z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'slideshow_items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEMS'), 'type' => 'repeatable', 'std' => [ [ 'slider_img' => ['src' => 'https://sppagebuilder.com/addons/js_slideshow/slideshow-default-bg.jpg'], 'content_alignment' => 'center', 'slider_bg_options' => 'bg_image', 'slideshow_inner_items' => [ [ 'title_content_title' => 'THE AMAZING SLIDESHOW ADDON!', 'content_type' => 'title_content', 'title_heading_selector' => 'h2', 'content_color' => '#fff', 'content_animation_type' => 'slide', 'animation_slide_direction' => 'top', 'animation_duration' => 800, 'animation_delay' => 1000, 'animation_slide_from' => 100, 'animation_timing_function' => 'ease', ], [ 'content_text' => '<br>Want to make your website more attractive? Get a stunning hero <br>section with the Slideshow addon in SP Page Builder Pro. <br>It\'s easy, fast, and gorgeous.<br><br>', 'content_type' => 'text_content', 'content_color' => '#fff', 'content_fontsize' => [ 'xl' => 20, 'lg' => 20, 'md' => 20, 'sm' => 16, 'xs' => 14, ], 'content_animation_type' => 'slide', 'animation_slide_direction' => 'top', 'animation_duration' => 800, 'animation_delay' => 1000, 'animation_slide_from' => 100, 'animation_timing_function' => 'ease', ], [ 'btn_content' => 'LEARN MORE', 'content_type' => 'btn_content', 'content_color' => '#fff', 'content_animation_type' => 'slide', 'animation_slide_direction' => 'top', 'animation_duration' => 800, 'animation_delay' => 1000, 'animation_slide_from' => 100, 'animation_timing_function' => 'ease', ], ], ], [ 'slider_img' => ['src' => 'https://sppagebuilder.com/addons/js_slideshow/slideshow-default-bg.jpg'], 'content_alignment' => 'center', 'slideshow_inner_items' => [ [ 'title_content_title' => 'THE AMAZING SLIDESHOW ADDON!', 'content_type' => 'title_content', 'title_heading_selector' => 'h2', 'content_color' => '#fff', 'content_animation_type' => 'slide', 'animation_slide_direction' => 'top', 'animation_duration' => 800, 'animation_delay' => 1000, 'animation_slide_from' => 100, 'animation_timing_function' => 'ease', ], [ 'content_text' => '<br>Want to make your website more attractive? Get a stunning hero <br>section with the Slideshow addon in SP Page Builder Pro. <br>It’s easy, fast, and gorgeous.<br><br>', 'content_type' => 'text_content', 'content_color' => '#fff', 'content_fontsize' => [ 'xl' => 20, 'lg' => 20, 'md' => 20, 'sm' => 16, 'xs' => 14, ], 'content_animation_type' => 'slide', 'animation_slide_direction' => 'top', 'animation_duration' => 800, 'animation_delay' => 1000, 'animation_slide_from' => 100, 'animation_timing_function' => 'ease', ], [ 'btn_content' => 'LEARN MORE', 'content_type' => 'btn_content', 'content_color' => '#fff', 'content_animation_type' => 'slide', 'animation_slide_direction' => 'top', 'animation_duration' => 800, 'animation_delay' => 1000, 'animation_slide_from' => 100, 'animation_timing_function' => 'ease', ], ], ], ], 'attr' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ //Admin label 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL'), 'std' => 'Item number 1', ], 'slider_bg_options' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_BACKGROUND_TYPE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'value' => 'bg_image'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_VIDEO'), 'value' => 'bg_video'], ], 'std' => 'bg_image', 'tabs' => true, ], 'slider_img' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_BACKGROUND_IMAGE_DESC'), 'std' => ['src' => 'https://sppagebuilder.com/addons/js_slideshow/slideshow-default-bg.jpg'], 'depends' => [['slider_bg_options', '!=', 'bg_video']], ], 'enable_youtube_vimeo' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_YTUBE_VIMEO_VIDEO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_YTUBE_VIMEO_VIDEO_DESC'), 'std' => 0, 'depends' => [['slider_bg_options', '!=', 'bg_image']], ], 'youtube_vimeo_url' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_YTUBE_VIMEO_VIDEO_SRC'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_YTUBE_VIMEO_VIDEO_SRC_DESC'), 'depends' => [ ['slider_bg_options', '!=', 'bg_image'], ['enable_youtube_vimeo', '!=', 0], ], ], 'slider_video' => [ 'type' => 'media', 'format' => 'video', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_VIDEO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_BACKGROUND_VIDEO_DESC'), 'depends' => [ ['slider_bg_options', '!=', 'bg_image'], ['enable_youtube_vimeo', '!=', 1], ], ], 'video_volume_btn' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_VOLUME_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_VOLUME_ICON_DESC'), 'depends' => [['slider_bg_options', '!=', 'bg_image']], 'std' => 0, ], 'slider_overlay_separator' => [ 'type' => 'separator', ], 'slider_overlay_options' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OVERLAY'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color_overlay'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'value' => 'gradient_overlay'], ], 'std' => 'color_overlay', 'tabs' => true, ], 'slider_bg_overlay' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_OVERLAY_DESC'), 'depends' => [['slider_overlay_options', '=', 'color_overlay']], ], 'slider_bg_gradient_overlay' => [ 'type' => 'gradient', 'std' => [ "color" => "#00ad75", "color2" => "#8700fc", "deg" => "45", "type" => "linear" ], 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_GD_OVERLAY_DESC'), 'depends' => [['slider_overlay_options', '=', 'gradient_overlay']], ], 'item_content_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTENT_GLOBAL_OPTIONS'), ], 'image_in_column' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMAGE_IN_COLUMN'), 'desc' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMAGE_IN_COLUMN_DESC'), 'std' => 0, ], 'image_column_width' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMAGE_COLUMN_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMAGE_COLUMN_WIDTH_DESC'), 'depends' => [ ['image_in_column', '!=', 0], ], 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'std' => ['xl' => 6], 'responsive' => true, ], 'image_column_reverse' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMAGE_COLUMN_REVERSE'), 'desc' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMAGE_COLUMN_REVERSE_DESC'), 'std' => 0, 'depends' => [ ['image_in_column', '!=', 0], ], ], 'image_content_alignment' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_IMG_CONTENT_ALIGNMENT'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', 'depends' => [ ['image_in_column', '!=', 0], ], ], 'content_alignment' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_CONTENT_ALIGNMENT'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'center', ], 'slideshow_item_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => '', 'responsive' => true, ], 'slideshow_item_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => '', 'responsive' => true, ], 'icon_display_block' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_ICON_DISPLAY_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_ICON_DISPLAY_BLOCK_DESC'), 'std' => 0, ], ], ], 'inner_items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'fields' => [ 'slideshow_inner_items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTENTS'), 'type' => 'repeatable', 'attr' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GENERAL'), 'fields' => [ 'content_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'values' => [ 'title_content' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'text_content' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_CONTENT_TEXT'), 'image_content' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE'), 'btn_content' => Text::_('COM_SPPAGEBUILDER_ADDON_BUTTON'), 'icon_content' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_NAME'), ], 'std' => 'title_content', ], // Title Type 'title_content_title' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'The Amazing Slideshow Addon!', 'depends' => [['content_type', '=', 'title_content']], ], 'title_heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h2', 'depends' => [['content_type', '=', 'title_content']], ], // Content Type 'content_text' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TEXT_CONTENT'), 'std' => 'Lorem ipsum dolor sit amet, ne eam iusto sapientem persecuti, id noster volumus nec.', 'depends' => [['content_type', '=', 'text_content']], ], 'content_class' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CUSTOME_CLASS'), ], // Image Type 'image_content' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'std' => ['src' => ''], 'depends' => [['content_type', '=', 'image_content']], ], // Icon Type 'icon_content' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'std' => 'fa-cogs', 'depends' => [['content_type', '=', 'icon_content']], ], // Button Type 'btn_content' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Learn More', 'depends' => [['content_type', '=', 'btn_content']], ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), 'depends' => [['content_type', '=', 'btn_content']], ], 'button_icon_separator' => [ 'type' => 'separator', 'depends' => [['content_type', '=', 'btn_content']], ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [['content_type', '=', 'btn_content']], ], 'button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', 'depends' => [['content_type', '=', 'btn_content']], ], 'button_icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => '', 'depends' => [['content_type', '=', 'btn_content']], ], 'style_separator' => [ 'type' => 'separator', ], 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_font_family', 'size' => 'content_fontsize', 'line_height' => 'content_lineheight', 'letter_spacing' => 'content_letterspacing', 'custom_letter_spacing' => 'custom_letterspacing', 'uppercase' => 'content_font_style.uppercase', 'italic' => 'content_font_style.italic', 'underline' => 'content_font_style.underline', 'weight' => 'content_font_style.weight', ], 'depends' => [['content_type', '!=', 'image_content']], ], 'content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#fff', 'depends' => [['content_type', '!=', 'image_content']], ], 'button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER'), 'std' => '#fff', 'depends' => [['content_type', '=', 'btn_content']] ], 'content_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [['content_type', '!=', 'btn_content']], ], 'image_content_style_separator' => [ 'type' => 'separator', 'depends' => [['content_type', '=', 'image_content']], ], 'image_content_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 2000, 'responsive' => true, 'std' => ['xl' => 400, 'sm' => ''], 'depends' => [['content_type', '=', 'image_content']], ], 'image_content_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 2000, 'responsive' => true, 'std' => ['xl' => 385, 'sm' => ''], 'depends' => [['content_type', '=', 'image_content']], ], // Button style 'button_background_options' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'std' => 'color_bg', 'values' => [ 'color_bg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'color_gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), ], 'depends' => [['content_type', '=', 'btn_content']] ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#444444', 'depends' => [ ['content_type', '=', 'btn_content'], ['button_background_options', '=', 'color_bg'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#B4EC51", "color2" => "#429321", "deg" => "45", "type" => "linear" ], 'depends' => [ ['content_type', '=', 'btn_content'], ['button_background_options', '=', 'color_gradient'], ] ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_HOVER'), 'std' => '#222', 'depends' => [ ['content_type', '=', 'btn_content'], ['button_background_options', '=', 'color_bg'], ] ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT_HOVER'), 'std' => [ "color" => "#429321", "color2" => "#B4EC51", "deg" => "45", "type" => "linear" ], 'depends' => [ ['content_type', '=', 'btn_content'], ['button_background_options', '=', 'color_gradient'], ] ], 'title_separator' => [ 'type' => 'separator', ], 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL'), 'std' => 'The Amazing Slideshow Addon!', ], ], ], 'style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'fields' => [ 'content_text_shadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_SHADOW'), 'config' => ['spread' => false], 'std' => '0 0 0 #ffffff', 'depends' => [['content_type', '!=', 'image_content']], ], 'btn_box_shadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOXSHADOW'), 'std' => '0 0 0 0 #ffffff', 'depends' => [ ['content_type', '!=', 'text_content'], ['content_type', '!=', 'icon_content'], ['content_type', '!=', 'title_content'], ], ], 'content_border_separator' => [ 'type' => 'separator', 'depends' => [['content_type', '!=', 'image_content']], ], 'content_border' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'std' => '', ], 'content_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', ], 'button_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR_HOVER'), 'std' => '#fff', 'depends' => [['content_type', '=', 'btn_content']] ], 'content_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'std' => '', ], 'content_spacing_separator' => [ 'type' => 'separator', ], 'content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => '', 'responsive' => true, ], 'content_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => '', 'responsive' => true, ], ], ], 'animation' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ANIMATION'), 'fields' => [ 'content_animation_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'values' => [ 'slide' => 'Slide', 'rotate' => 'Rotate', 'text-animate' => 'Text Animate', 'zoom' => 'Zoom', ], 'std' => 'slide' ], 'animation_slide_direction' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_SLIDE_DIRECTION'), 'values' => [ 'top' => 'Top', 'right' => 'Right', 'bottom' => 'Bottom', 'left' => 'Left', ], 'std' => 'bottom', 'depends' => [ ['content_animation_type', '!=', 'rotate'], ['content_animation_type', '!=', 'zoom'], ], ], 'animation_duration' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ANIMATION_DURATION'), 'std' => 800, ], 'animation_delay' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ANIMATION_DELAY'), 'std' => 1000, ], 'animation_slide_from' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_SLIDE_FROM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_SLIDE_FROM_DESC'), 'min' => -100, 'max' => 100, 'std' => '100', 'depends' => [['content_animation_type', '=', 'slide']], ], 'animation_rotate_from' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_ROTATE_FROM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_ROTATE_FROM_DESC'), 'max' => 360, 'std' => '360', 'depends' => [['content_animation_type', '=', 'rotate']], ], 'animation_rotate_to' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_ROTATE_TO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_ROTATE_TO_DESC'), 'max' => 360, 'std' => '0', 'depends' => [['content_animation_type', '=', 'rotate']], ], 'animation_timing_function' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_TIMINIG_FUNCTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_TIMINIG_FUNCTION_DESC'), 'values' => [ 'ease' => 'Ease', 'ease-in' => 'Ease In', 'ease-out' => 'Ease Out', 'ease-in-out' => 'Ease In Out', 'linear' => 'Linear', 'cubic-bezier' => 'Cubic Bezier', ], 'std' => 'ease', 'depends' => [['content_animation_type', '!=', 'zoom']], ], 'animation_cubic_bezier_value' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_CUBIC_BEZIER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_ANIMATION_CUBIC_BEZIER_DESC'), 'std' => '0,0.46,0,0.63', 'depends' => [ ['content_animation_type', '!=', 'width'], ['content_animation_type', '!=', 'zoom'], ['animation_timing_function', '=', 'cubic-bezier'], ], ], ], ], ], ], ], ], ], ], 'content_container_separator' => [ 'type' => 'separator', ], 'content_container_option' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTAINER_OPTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTAINER_OPTION_DESC'), 'values' => [ 'bootstrap' => Text::_('Bootstrap'), 'custom' => Text::_('Custom'), ], 'std' => 'bootstrap', ], 'content_container_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_CONTAINER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ITEM_CONTAINER_DESC'), 'std' => ['xl' => 75], 'max' => 100, 'responsive' => true, 'depends' => [['content_container_option', '=', 'custom']], ], 'content_vertical_alignment' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_JS_SLIDER_CONTENT_VERTICAL_ALIGNMENT'), 'std' => 1, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'height' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_HEIGHT'), 'values' => [ 'full' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_WIN_HEIGHT'), 'custom' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CUS_HEIGHT'), ], 'std' => 'full' ], 'custom_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 4000, 'std' => ['xl' => 900, 'lg' => 900, 'md' => 900, 'sm' => 600, 'xs' => 350], 'responsive' => true, 'depends' => [['height', '!=', 'full']] ], 'slider_animation_separator' => [ 'type' => 'separator', ], 'slider_animation' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ANIMATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ANIMATION_DESC'), 'values' => [ 'slide' => 'Slide', 'stack' => 'Stack', 'clip' => 'Clip', 'bubble' => 'Bubble', 'fade' => 'Fade', '3D' => '3D', ], 'std' => 'slide' ], 'slide_vertically' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_VERTICALLY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_VERTICALLY_DESC'), 'std' => 0, 'depends' => [['slider_animation', '=', 'stack']] ], 'three_d_rotate' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_3D_ROTATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_3D_ROTATE_DESC'), 'max' => 90, 'min' => -90, 'std' => 15, 'depends' => [['slider_animation', '=', '3D']] ], 'autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_AUTOPLAY_DESC'), 'std' => 0, ], 'pause_on_hover' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_PAUSE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_PAUSE_DESC'), 'std' => 0, 'depends' => [['autoplay', '=', 1]] ], 'interval' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_INTERVAL_DESC'), 'std' => 5, ], 'speed' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SPEED_DESC'), 'std' => 800, ], 'timer' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_TIMER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_TIMER_DESC'), 'std' => 1, ], 'timer_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TIMER_BG_COLOR'), 'std' => '', ], 'timer_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TIMER_COLOR'), 'std' => '', ], 'timer_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TIMER_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TIMER_WIDTH_DESC'), 'min' => 1, 'max' => 100, 'responsive' => true, 'step' => .1, 'std' => ['md' => ''], 'depends' => [['timer', '=', 1]], ], 'timer_top_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TIMER_TOP_GAP'), 'min' => 0, 'max' => 2500, 'responsive' => true, 'std' => ['md' => ''], 'depends' => [['timer', '=', 1]], ], 'timer_left_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TIMER_LEFT_GAP'), 'min' => 0, 'max' => 2500, 'responsive' => true, 'std' => ['md' => ''], 'depends' => [['timer', '=', 1]], ], // counter 'slide_counter' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_NUMBER_DESC'), 'std' => 0, ], 'slide_counter_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_COLOR'), 'depends' => [['slide_counter', '=', 1]] ], 'slide_counter_fontsize' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_FONTSIZE'), 'min' => 5, 'max' => 100, 'responsive' => true, 'std' => ['xl' => 22], 'depends' => [['slide_counter', '=', 1]] ], 'slide_counter_fontfamily' => [ 'type' => 'fonts', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_FONTFAMILY'), 'depends' => [['slide_counter', '=', 1]] ], 'slide_counter_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_BG'), 'depends' => [['slide_counter', '=', 1]] ], 'slide_counter_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_PADDING'), 'responsive' => true, 'std' => '0px 0px 0px 0px', 'depends' => [['slide_counter', '=', 1]] ], 'slide_counter_gap_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_GAP_BOTTOM'), 'min' => 0, 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 20], 'depends' => [['slide_counter', '=', 1]] ], 'slide_counter_gap_left' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_NUMBER_GAP_LEFT'), 'min' => 0, 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 20], 'depends' => [['slide_counter', '=', 1]] ], 'class' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLASS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CLASS_DESC'), 'std' => '', ], ], ], 'bullets_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_CONTROLLERS'), 'fields' => [ 'dot_controllers' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_CONTROLLERS_DESC'), 'std' => 1, 'is_header' => 1, ], 'dot_controllers_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_STYLE_DESC'), 'values' => [ 'dot' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_STYLE_DOT'), 'line' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_STYLE_LINE'), 'with_image' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_IMAGE_WITH'), 'with_text' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_WITH_TEXT'), ], 'std' => 'dot', 'depends' => [['dot_controllers', '!=', 0]], ], 'line_indecator' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_LINE_INDECATOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_LINE_INDECATOR_DESC'), 'std' => 1, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'line'], ] ], 'dot_controllers_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_POSITION_DESC'), 'values' => [ 'bottom_center' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_BOTTOM_CENTER'), 'bottom_left' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_BOTTOM_LEFT'), 'bottom_right' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_BOTTOM_RIGHT'), 'vertical_left' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_VERTI_LEFT'), 'vertical_right' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_VERTI_RIGHT'), ], 'std' => 'bottom_center', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ], ], 'dot_controllers_margin_separator_start' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ], ], 'dot_controllers_bottom_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_DOT_POSITION_FROM_BOTTOM'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controllers_position', '!=', 'vertical_left'], ['dot_controllers_position', '!=', 'vertical_right'], ], ], 'dot_controllers_left_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_DOT_POSITION_FROM_LEFT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controllers_position', '!=', 'bottom_center'], ['dot_controllers_position', '!=', 'bottom_right'], ['dot_controllers_position', '!=', 'vertical_right'], ], ], 'dot_controllers_right_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_DOT_POSITION_FROM_RIGHT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controllers_position', '!=', 'bottom_center'], ['dot_controllers_position', '!=', 'bottom_left'], ['dot_controllers_position', '!=', 'vertical_left'], ], ], 'dot_controllers_margin_separator_end' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ], ], 'dot_controller_style_option' => [ 'type' => 'buttons', 'std' => 'dot_normal', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'dot_normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'dot_active'], ], 'tabs' => true, 'depends' => [['dot_controllers_style', '!=', 'with_text']] ], 'dot_ctlr_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 100, 'std' => 18, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ], ], 'dot_ctlr_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 100, 'std' => 18, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ], ], 'dot_ctlr_bg_separator' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ] ], 'dot_ctlr_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ] ], 'dot_ctlr_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'std' => '', 'max' => 20, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ] ], 'dot_ctlr_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ] ], 'dot_ctlr_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'max' => 100, 'std' => 18, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ], ], 'dot_ctlr_margin_separator' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ] ], 'dot_ctlr_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => '', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_normal'], ] ], 'dot_ctlr_hover_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'std' => '', 'max' => 100, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_active'], ] ], 'dot_ctlr_hover_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => '', 'max' => 100, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_active'], ] ], 'dot_ctlr_center_bg_separator' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_active'], ] ], 'dot_ctlr_center_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controllers_style', '!=', 'with_image'], ['dot_controller_style_option', '=', 'dot_active'], ] ], 'dot_ctlr_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'std' => '', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '!=', 'with_text'], ['dot_controller_style_option', '=', 'dot_active'], ] ], //Text thumbnail style 'text_thumb_ctlr_wrap_separator_start' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ] ], 'text_thumb_ctlr_wrap_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TEXT_THUMB_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TEXT_THUMB_WIDTH_DESC'), 'max' => 100, 'responsive' => true, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_ctlr_wrap_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TEXT_THUMB_BG'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_ctlr_wrap_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TEXT_THUMB_PADDING'), 'responsive' => true, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_ctlr_individual_width_start' => [ 'type' => 'separator', 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ] ], 'text_thumb_ctlr_individual_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TEXT_THUMB_ITEM_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_TEXT_THUMB_ITEM_WIDTH_DESC'), 'max' => 500, 'responsive' => true, 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_number_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NUMBER'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ] ], // @todo: need to work on the frontend 'text_thumb_number_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_thumb_number_font_family', 'size' => 'text_thumb_number_font_size', 'weight' => 'text_thumb_number_font_weight', ], 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_number_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_title_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ] ], // @todo: need to work on the frontend 'text_thumb_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_thumb_title_font_family', 'size' => 'text_thumb_title_font_size', 'line_height' => 'text_thumb_title_lineheight', 'weight' => 'text_thumb_title_font_weight', ], 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_subtitle_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUB_TITLE'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ] ], // @todo: need to work on the frontend 'text_thumb_subtitle_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_thumb_subtitle_font_family', 'size' => 'text_thumb_subtitle_font_size', 'weight' => 'text_thumb_subtitle_font_weight', ], 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ], ], 'text_thumb_subtitle_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['dot_controllers', '!=', 0], ['dot_controllers_style', '=', 'with_text'], ['text_thumb_cont_style', '=', 'thumb_subtitle'], ], ], ], ], // Arrow options 'arrow_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_ARROWS'), 'fields' => [ 'arrow_controllers' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_SHOW_ARROWS_DESC'), 'std' => 1, 'is_header' => 1, ], 'arrow_on_hover' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_ON_HOVER'), 'std' => 0, 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_controllers_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_STYLE_DESC'), 'values' => [ 'spread' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_STYLE_SPREAD'), 'along' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_STYLE_ALONG_WITH'), ], 'std' => 'spread', 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_controllers_content' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_CONTENT_DESC'), 'values' => [ 'text_only' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_CONTENT_TEXT'), 'icon_only' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_CONTENT_ICON'), 'long_arrow' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_LONG_ARROW'), 'icon_with_text' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROWS_CONTENT_ICON_TEXT'), ], 'std' => 'icon_only', 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_controllers_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION_DESC'), 'values' => [ 'bottom_center' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_BOTTOM_CENTER'), 'bottom_left' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_BOTTOM_LEFT'), 'bottom_right' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_CONTROLLERS_BOTTOM_RIGHT'), ], 'std' => 'bottom_center', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_controllers_style', '!=', 'spread'], ], ], 'arrow_controllers_bottom_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION_FROM_BOTTOM'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_controllers_style', '!=', 'spread'], ['arrow_controllers_position', '!=', ''], ], ], 'arrow_controllers_left_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION_FROM_LEFT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_controllers_style', '!=', 'spread'], ['arrow_controllers_position', '=', 'bottom_left'], ], ], 'arrow_controllers_right_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION_FROM_RIGHT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_controllers_style', '!=', 'spread'], ['arrow_controllers_position', '=', 'bottom_right'], ], ], 'arrow_spread_controllers_left_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION_FROM_LEFT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_controllers_style', '=', 'spread'], ], ], 'arrow_spread_controllers_right_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_ARROW_POSITION_FROM_RIGHT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 50], 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_controllers_style', '=', 'spread'], ], ], 'arrow_ctlr_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 300, 'responsive' => true, 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_ctlr_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 300, 'responsive' => true, 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_ctlr_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 100, 'responsive' => true, 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['arrow_controllers', '!=', 0]], ], // Style 'arrow_style_separator' => [ 'type' => 'separator', 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_style' => [ 'type' => 'buttons', 'std' => 'arrow_normal', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'arrow_normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'arrow_hover'], ], 'tabs' => true, 'depends' => [['arrow_controllers', '!=', 0]], ], 'arrow_ctlr_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_hover'], ] ], 'arrow_ctlr_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_hover'], ] ], 'arrow_ctlr_border_separator' => [ 'type' => 'separator', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_hover'], ], ], 'arrow_ctlr_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_hover'], ] ], 'arrow_ctlr_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_hover'], ] ], 'arrow_ctlr_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'std' => '50', 'max' => 300, 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_hover'], ], ], //Arrow hover 'arrow_ctlr_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_normal'], ] ], 'arrow_ctlr_hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_normal'], ] ], 'arrow_ctlr_hover_border_color_separator' => [ 'type' => 'separator', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_normal'], ] ], 'arrow_ctlr_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['arrow_controllers', '!=', 0], ['arrow_style', '!=', 'arrow_normal'], ] ], ], ], ], ] ); ��js_slideshow/.htaccess��0000555��00000000355�15231074400�0011037 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��table_advanced/assets/images/icon.png��0000644��00000001220�15231074400�0013654 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��2IDATx��Q�@�� '� T`�@l@S�cHz��S��h~��f�N�yf��>B��8Z�㎎��P�z�B�D�RfD=Yi��E�0+��e/sх��J�M3=�U�->"5�>�?D��3]S�� ֘+�s�EI� W9i��`s�� 3�~��!��B��4=��+n��È��J��) ¦��c��CةN��ܩ\|�͔F�yB�cjt�e��W봭�c��gC��V�y��3�ٶR�$s��0��~q�ڵ�+�p�G��P��-�Z��D��?�ኹ�3[�M��a�<��\��s�ӶRI�J��wR��'�t5L<s5�6�$��0�!�4��{��6��Na�x�1��K�tT��׶�rP�`H"��7��a�s��lĞ�g�<3�<�pN>7�� !��0�!a�"�{��K�RAX,,ω�b�j�X�?��e��w�#d!j��.1�� 籴�<sRۡ��9L�:�h� ��'��̗��UoW ��IEND�B`��table_advanced/assets/images/.htaccess��0000555��00000000355�15231074400�0014025 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��table_advanced/assets/.htaccess��0000555��00000000355�15231074400�0012560 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��table_advanced/site.php��0000644��00000051623�15231074400�0011140 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; class SppagebuilderAddonTable_advanced extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $turn_off_heading = (isset($settings->turn_off_heading) && $settings->turn_off_heading) ? 1 : 0; $table_searchable = (isset($settings->table_searchable) && $settings->table_searchable) ? 1 : 0; $table_pagination = (isset($settings->table_pagination) && $settings->table_pagination) ? 1 : 0; $pagination_item = (isset($settings->pagination_item) && $settings->pagination_item) ? $settings->pagination_item : ''; $pagination_position = (isset($settings->pagination_position) && $settings->pagination_position) ? ' ' . $settings->pagination_position : ' left-pagi'; $total_entries = (isset($settings->total_entries) && $settings->total_entries) ? 1 : 0; $total_entries_position = (isset($settings->total_entries_position) && $settings->total_entries_position) ? 1 : 0; $search_column_limit = (isset($settings->search_column_limit) && $settings->search_column_limit) ? $settings->search_column_limit : ''; $table_sortable = (isset($settings->table_sortable) && $settings->table_sortable) ? $settings->table_sortable : ''; $table_text_alignment = (isset($settings->table_text_alignment) && $settings->table_text_alignment) ? ' ' . $settings->table_text_alignment : ''; $turn_off_responsive = (isset($settings->turn_off_responsive) && $settings->turn_off_responsive) ? 1 : 0; // check if alignment is class or just the direction $txt_alignment = explode("-", $table_text_alignment); if (count($txt_alignment) < 2) { $table_text_alignment = ' sppb-text-' . trim($table_text_alignment); } // Output $output = '<div class="sppb-addon sppb-addon-table' . $class . '' . $table_text_alignment . '' . ($turn_off_responsive ? ' sppb-addon-table-not-responsive' : '') . '">'; $output .= '<div class="sppb-addon-content">'; if ($table_searchable) { $output .= '<div class="sppb-addon-table-search-wrap">'; $output .= '<input type="text" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SEARCH_PLACEHOLDER') . '" class="sppb-form-control sppb-addon-table-search">'; $output .= '<i class="fa fa-search" aria-hidden="true"></i>'; $output .= '</div>'; } $output .= '<table class="sppb-addon-table-main' . ($turn_off_heading ? ' sppb-no-table-header' : '') . '" ' . ($table_searchable ? 'data-searchable="true"' : 'data-searchable="false"') . ' ' . ($search_column_limit ? 'data-search-limit="' . $search_column_limit . '"' : '') . ' ' . ($table_sortable ? 'data-sortable="true"' : 'data-sortable="false"') . ' ' . ($table_pagination && $pagination_item ? 'data-pagination-item="' . $pagination_item . '"' : '') . ' data-responsive="' . ($turn_off_responsive ? 'false' : 'true') . '">'; if (!$turn_off_heading) { $output .= '<thead>'; $output .= '<tr>'; if (isset($settings->sp_table_advanced_item) && is_array($settings->sp_table_advanced_item)) { foreach ($settings->sp_table_advanced_item as $item_key => $item_value) { $output .= '<th ' . ($table_sortable ? 'class="sppb-table-addon-sortable-data"' : '') . ' ' . ((isset($item_value->head_col_span) && $item_value->head_col_span) ? 'colspan="' . $item_value->head_col_span . '"' : '') . '>' . (isset($item_value->content) ? $item_value->content : '') . '</th>'; } } $output .= '</tr>'; $output .= '</thead>'; } $output .= '<tbody>'; if (isset($settings->table_advanced_item) && is_array($settings->table_advanced_item)) { foreach ($settings->table_advanced_item as $row_key => $row_value) { $output .= '<tr>'; if (isset($row_value->table_advanced_item) && is_array($row_value->table_advanced_item)) { foreach ($row_value->table_advanced_item as $data_key => $data_value) { $output .= '<td ' . ((isset($data_value->row_span) && $data_value->row_span) ? 'rowspan="' . $data_value->row_span . '"' : '') . ' ' . ((isset($data_value->col_span) && $data_value->col_span) ? 'colspan="' . $data_value->col_span . '"' : '') . '' . (isset($data_value->td_inner_bg) && $data_value->td_inner_bg ? 'style="background:' . $data_value->td_inner_bg . ';"' : '') . '>' . (isset($data_value->content) ? $data_value->content : '') . '</td>'; } } $output .= '</tr>'; } } $output .= '</tbody>'; $output .= '</table>'; if ($table_pagination && $pagination_item) { $output .= '<div class="sppb-addon-table-pagination-wrap' . ($total_entries ? '' : $pagination_position) . '' . ($total_entries && $total_entries_position ? ' sppb-total-entries-to-left' : '') . '">'; $output .= '<ul class="sppb-pagination"></ul>'; if ($total_entries) { $output .= '<span class="sppb-table-total-reg"></span>'; } $output .= '</div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; /* Header styles / $headerSelector = ''; $turnOffHeading = (isset($settings->turn_off_heading) && $settings->turn_off_heading); $headerBackgroundType = isset($settings->header_bg_options) && $settings->header_bg_options ? $settings->header_bg_options : ''; if ($turnOffHeading) { $headerSelector .= '.sppb-addon-table-main tbody tr:first-child td,'; } $headerSelector .= '.sppb-addon-table-main.bt tbody td:before,'; $headerSelector .= '.sppb-addon-table-main.bt tbody td:before, .sppb-addon-table-main th'; $headerStyle = $cssHelper->generateStyle( $headerSelector, $settings, [ 'header_padding' => 'padding', 'header_border' => 'border-style: solid; border-width', 'header_border_color' => 'border-color', 'header_color' => 'color', 'header_bg_color' => $headerBackgroundType === 'color_bg' ? 'background' : null, ], [ 'header_padding' => false, 'header_border_color' => false, 'header_color' => false, 'header_bg_color' => false ], ['header_padding' => 'spacing'] ); if ($headerBackgroundType === 'gradient_bg') { $gradientSelector = ''; $settings->headerGradient = CSSHelper::parseColor($settings, 'header_gradient_bg'); if ($turnOffHeading) { $gradientSelector .= '.sppb-addon-table-main tbody tr:first-child,'; } $gradientSelector .= '.sppb-addon-table-main thead tr'; $headerGradientStyle = $cssHelper->generateStyle($gradientSelector, $settings, ['headerGradient' => 'background'], false); $css .= $headerGradientStyle; } $paginationStyle = $cssHelper->generateStyle( '.sppb-page-link', $settings, [ 'pagi_bg_color' => 'background', 'pagi_padding' => 'padding', 'pagi_color' => 'color', 'pagi_border_color' => 'border-color', 'pagi_border_width' => 'border-style: solid; border-width', 'pagi_border_radius' => 'border-radius', 'pagi_margin' => 'margin', ], [ 'pagi_bg_color' => false, 'pagi_color' => false, 'pagi_border_color' => false, 'pagi_padding' => false, 'pagi_border_width' => false, ], ['pagi_padding' => 'spacing'] ); $totalEntriesStyle = $cssHelper->generateStyle('.sppb-table-total-reg', $settings, ['total_entries_color' => 'color'], false); $settings->dummy_entity_typography = null; $totalEntityFontStyle = $cssHelper->typography('.sppb-table-total-reg', $settings, 'dummy_entity_typography', [ 'size' => 'total_entries_fontsize', 'uppercase' => 'total_entries_font_style.uppercase', 'italic' => 'total_entries_font_style.italic', 'underline' => 'total_entries_font_style.underline', 'weight' => 'total_entries_font_style.weight', ]); $searchStyle = $cssHelper->generateStyle( '.sppb-addon-table input[type="text"].sppb-addon-table-search', $settings, [ 'search_bg_color' => 'background', 'search_text_color' => 'color', 'search_padding' => 'padding', 'search_border_color' => 'border-color', 'search_border' => 'border-style: solid; border-width' ], [ 'search_bg_color' => false, 'search_text_color' => false, 'search_padding' => false, 'search_border_color' => false, 'search_border' => false ], ['search_padding' => 'spacing'] ); $searchTextStyle = $cssHelper->generateStyle('.sppb-addon-table-search-wrap i, .sppb-addon-table input[type="text"].sppb-addon-table-search::placeholder, .sppb-addon-table input[type="text"].sppb-addon-table-search:focus', $settings, ['search_text_color' => 'color'], false); $searchMarginStyle = $cssHelper->generateStyle('.sppb-addon-table-search-wrap', $settings, ['search_margin_bottom' => 'margin-bottom']); $sortStyle = $cssHelper->generateStyle('.sppb-table-addon-sortable', $settings, ['sort_margin_right' => 'right']); $sortBorderStyle = $cssHelper->generateStyle('.sppb-table-addon-sortable:before, .sppb-table-addon-sortable:after', $settings, ['sort_color' => ['border-top-color', 'border-bottom-color']], false); $trStyle = $cssHelper->generateStyle('.sppb-addon-table-main tbody tr', $settings, ['tr_bg_color' => 'background'], false); $trEvenStyle = $cssHelper->generateStyle('.sppb-addon-table-main tbody tr:nth-child(even)', $settings, ['tr_second_bg_color' => 'background'], false); $trHoverStyle = $cssHelper->generateStyle('.sppb-addon-table-main tbody tr:hover', $settings, ['tr_hover_bg_color' => 'background'], false); $tdStyle = $cssHelper->generateStyle('.sppb-addon-table-main tr td', $settings, ['td_bg_color' => 'background', 'td_padding_original' => 'padding'], ['td_bg_color' => false, 'td_padding_original' => false], ['td_padding_original' => 'spacing']); $tdStyle .= $cssHelper->generateStyle('.sppb-addon-table-main tr td', $settings, ['td_border' => 'border-style: solid; border-width', 'td_border_color' => 'border-color'], ''); $tdEvenStyle = $cssHelper->generateStyle('.sppb-addon-table-main tr td:nth-child(even)', $settings, ['td_second_bg_color' => 'background'], false); $paginationMarginStyle = $cssHelper->generateStyle('.sppb-addon-table-pagination-wrap .sppb-pagination', $settings, ['pagi_margin' => 'margin']); $paginationHoverStyle = $cssHelper->generateStyle('.sppb-page-item:not(.active) .sppb-page-link:hover', $settings, ['pagi_hover_bg_color' => 'background', 'pagi_hover_color' => 'color', 'pagi_hover_border_color' => 'border-color'], false); $paginationActiveStyle = $cssHelper->generateStyle('.sppb-page-item.active .sppb-page-link', $settings, ['pagi_active_bg_color' => 'background', 'pagi_active_color' => 'color', 'pagi_active_border_color' => 'border-color'], false); $css .= $trStyle; $css .= $tdStyle; $css .= $sortStyle; $css .= $searchStyle; $css .= $headerStyle; $css .= $trEvenStyle; $css .= $tdEvenStyle; $css .= $trHoverStyle; $css .= $sortBorderStyle; $css .= $paginationStyle; $css .= $searchTextStyle; $css .= $searchMarginStyle; $css .= $totalEntriesStyle; $css .= $totalEntityFontStyle; $css .= $paginationHoverStyle; $css .= $paginationMarginStyle; $css .= $paginationActiveStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $output = ' <style type="text/css"> <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child td, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main.bt tbody td:before, #sppb-addon-{{ data.id }} .sppb-addon-table-main th { <# if(data.header_bg_options == "color_bg"){ #> background: {{data.header_bg_color}}; <# } if(_.isObject(data.header_padding)) { #> padding: {{data.header_padding.md}}; <# } else { #> padding: {{data.header_padding}}; <# } if(_.trim(data.header_border)) { #> border-width: {{data.header_border}}; border-style:solid; <# } #> border-color: {{data.header_border_color}}; color: {{data.header_color}}; } <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main thead tr { <# if(data.header_bg_options == "gradient_bg"){ let header_gradient_bg = (!_.isEmpty(data.header_gradient_bg) && data.header_gradient_bg) ? data.header_gradient_bg : ""; let header_gradient_color1 = (_.isObject(header_gradient_bg) && header_gradient_bg.color) ? header_gradient_bg.color : ""; let header_gradient_color2 = (_.isObject(header_gradient_bg) && header_gradient_bg.color2) ? header_gradient_bg.color2 : ""; let header_degree = (_.isObject(header_gradient_bg) && header_gradient_bg.deg) ? header_gradient_bg.deg : "45"; let header_type = (_.isObject(header_gradient_bg) && header_gradient_bg.type) ? header_gradient_bg.type : "linear"; let header_radialPos = (_.isObject(header_gradient_bg) && header_gradient_bg.radialPos) ? header_gradient_bg.radialPos : "center center"; let header_radial_angle1 = (_.isObject(header_gradient_bg) && header_gradient_bg.pos) ? header_gradient_bg.pos : "10"; let header_radial_angle2 = (_.isObject(header_gradient_bg) && header_gradient_bg.pos2) ? header_gradient_bg.pos2 : "100"; if(header_type !== "radial"){ #> background: -webkit-linear-gradient({{header_degree}}deg, {{header_gradient_color1}} {{header_radial_angle1}}%, {{header_gradient_color2}} {{header_radial_angle2}}%) transparent; background: linear-gradient({{header_degree}}deg, {{header_gradient_color1}} {{header_radial_angle1}}%, {{header_gradient_color2}} {{header_radial_angle2}}%) transparent; <# } else { #> background: -webkit-radial-gradient(at {{header_radialPos}}, {{header_gradient_color1}} {{header_radial_angle1}}%, {{header_gradient_color2}} {{header_radial_angle2}}%) transparent; background: radial-gradient(at {{header_radialPos}}, {{header_gradient_color1}} {{header_radial_angle1}}%, {{header_gradient_color2}} {{header_radial_angle2}}%) transparent; <# } } #> } #sppb-addon-{{ data.id }} .sppb-table-addon-sortable { right: {{data.sort_margin_right}}px; } #sppb-addon-{{ data.id }} .sppb-table-addon-sortable:before, #sppb-addon-{{ data.id }} .sppb-table-addon-sortable:after { border-top-color: {{data.sort_color}}; border-bottom-color: {{data.sort_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr { background: {{data.tr_bg_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:hover { background: {{data.tr_hover_bg_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:nth-child(even) { background: {{data.tr_second_bg_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td:nth-child(even) { background: {{data.td_second_bg_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td { <# if(_.trim(data.td_border)) { #> border-width: {{data.td_border}}; border-style:solid; <# } #> border-color: {{data.td_border_color}}; background: {{data.td_bg_color}}; <# if(_.isObject(data.td_padding)){ #> padding: {{data.td_padding.md}}; <# } else { #> padding: {{data.td_padding}}; <# } #> } #sppb-addon-{{ data.id }} .sppb-page-link { background: {{data.pagi_bg_color}}; color: {{data.pagi_color}}; border-color: {{data.pagi_border_color}}; border-width: {{data.pagi_border_width}}; <# if(data.pagi_border_width) { #> border-style:solid; <# } #> border-radius:{{data.pagi_border_radius}}px; margin: {{data.pagi_margin}}px; <# if(_.trim(data.pagi_padding)) { #> padding: {{data.pagi_padding}}; <# } #> } <# if(data.pagi_margin){ #> #sppb-addon-{{ data.id }} .sppb-addon-table-pagination-wrap .sppb-pagination { margin: -{{data.pagi_margin}}px; } <# } #> #sppb-addon-{{ data.id }} .sppb-page-item:not(.active) .sppb-page-link:hover { background: {{data.pagi_hover_bg_color}}; color: {{data.pagi_hover_color}}; border-color: {{data.pagi_hover_border_color}}; } #sppb-addon-{{ data.id }} .sppb-page-item.active .sppb-page-link { color: {{data.pagi_active_color}}; background: {{data.pagi_active_bg_color}}; border-color: {{data.pagi_active_border_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-table input[type="text"].sppb-addon-table-search { background: {{data.search_bg_color}}; color: {{data.search_text_color}}; <# if(_.trim(data.search_padding)) { #> padding: {{data.search_padding}}; <# } #> border-color: {{data.search_border_color}}; border-width: {{data.search_border}}; <# if(data.search_border) { #> border-style:solid; <# } #> } #sppb-addon-{{ data.id }} .sppb-addon-table-search-wrap { margin-bottom: {{data.search_margin_bottom}}px; } #sppb-addon-{{ data.id }} .sppb-addon-table-search-wrap i, #sppb-addon-{{ data.id }} .sppb-addon-table input[type="text"].sppb-addon-table-search::placeholder, #sppb-addon-{{ data.id }} .sppb-addon-table input[type="text"].sppb-addon-table-search:focus { color: {{data.search_text_color}}; } #sppb-addon-{{ data.id }} .sppb-table-total-reg { color: {{data.total_entries_color}}; font-size: {{data.total_entries_fontsize}}px; <# if(_.isObject(data.total_entries_font_style)) { if(data.total_entries_font_style.underline){ #> text-decoration:underline; <# } if(data.total_entries_font_style.italic){ #> font-style:italic; <# } if(data.total_entries_font_style.uppercase){ #> text-transform:uppercase; <# } if(data.total_entries_font_style.weight){ #> font-weight:{{data.total_entries_font_style.weight}}; <# } } #> } @media (min-width: 1200px) { #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td { <# if(_.isObject(data.td_padding)){ #> padding: {{data.td_padding.xl}}; <# } #> } <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child td, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main.bt tbody td:before, #sppb-addon-{{ data.id }} .sppb-addon-table-main th { <# if(_.isObject(data.header_padding)) { #> padding: {{data.header_padding.xl}}; <# } #> } } @media (min-width: 991.98px) and (max-width: 1199.98px) { #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td { <# if(_.isObject(data.td_padding)){ #> padding: {{data.td_padding.lg}}; <# } #> } <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child td, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main.bt tbody td:before, #sppb-addon-{{ data.id }} .sppb-addon-table-main th { <# if(_.isObject(data.header_padding)) { #> padding: {{data.header_padding.lg}}; <# } #> } } @media (min-width: 991.98px) and (max-width: 1199.98px) { #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td { <# if(_.isObject(data.td_padding)){ #> padding: {{data.td_padding.lg}}; <# } #> } <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child td, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main.bt tbody td:before, #sppb-addon-{{ data.id }} .sppb-addon-table-main th { <# if(_.isObject(data.header_padding)) { #> padding: {{data.header_padding.lg}}; <# } #> } } @media (min-width: 768px) and (max-width: 991px) { #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td { <# if(_.isObject(data.td_padding)){ #> padding: {{data.td_padding.sm}}; <# } #> } <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child td, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main.bt tbody td:before, #sppb-addon-{{ data.id }} .sppb-addon-table-main th { <# if(_.isObject(data.header_padding)) { #> padding: {{data.header_padding.sm}}; <# } #> } } @media (max-width: 767px) { #sppb-addon-{{ data.id }} .sppb-addon-table-main tr td { <# if(_.isObject(data.td_padding)){ #> padding: {{data.td_padding.xs}}; <# } #> } <# if(data.turn_off_heading) { #> #sppb-addon-{{ data.id }} .sppb-addon-table-main tbody tr:first-child td, <# } #> #sppb-addon-{{ data.id }} .sppb-addon-table-main.bt tbody td:before, #sppb-addon-{{ data.id }} .sppb-addon-table-main th { <# if(_.isObject(data.header_padding)) { #> padding: {{data.header_padding.xs}}; <# } #> } } </style> '; return $output; } } ��table_advanced/admin.php��0000644��00000045424�15231074400�0011266 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'table_advanced', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.27 4.27A4.333 4.333 0 014.332 3h23.334A4.333 4.333 0 0132 7.333v17.334A4.333 4.333 0 0127.667 29H4.333A4.333 4.333 0 010 24.667V7.333C0 6.184.457 5.082 1.27 4.27zM2 13.666v5.666h13v-5.666H2zm15 0v5.666h13v-5.666H17zm13-2V7.333A2.333 2.333 0 0027.667 5H4.333A2.333 2.333 0 002 7.333v4.334h28zm0 9.666H17V27L27.667 27A2.333 2.333 0 0030 24.667v-3.334zM15 27v-5.666H2v3.334A2.333 2.333 0 004.333 27H15z" fill="currentColor"/></svg>', 'settings' => [ // Table head 'table_head' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TURNOFF_HEADER'), 'fields' => [ 'turn_off_heading' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TURNOFF_HEADER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TURNOFF_HEADER_DESC'), 'std' => 0, 'is_header' => 1, ], 'sp_table_advanced_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_HEAD'), 'depends' => [['turn_off_heading', '=', 0]], 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL_DESC'), 'std' => 'Column Header <th>' ], 'head_col_span' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA_COL_SPAN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA_COL_SPAN_DESC'), ], 'content' => [ 'type' => 'builder', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TH_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TH_CONTENT_DESC'), 'std' => 'First Name' ], ], 'std' => [ ['content' => 'First Name'], ['content' => 'Last Name'], ['content' => 'Countries'], ['content' => 'Capitals'], ], ], ], ], // Table row 'table_row' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_ROW'), 'fields' => [ 'table_advanced_item' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_ROW'), 'type' => 'repeatable', 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL_DESC'), 'std' => 'Row Admin Label' ], 'inner_items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'fields' => [ 'table_advanced_item' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA'), 'type' => 'repeatable', 'attr' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GENERAL'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ADMIN_LABEL_DESC'), 'std' => 'Column Data <td>' ], 'row_span' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA_ROW_SPAN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA_ROW_SPAN_DESC'), ], 'col_span' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA_COL_SPAN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_DATA_COL_SPAN_DESC'), ], 'content' => [ 'type' => 'builder', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TD_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TD_CONTENT_DESC'), 'std' => 'Jhon' ], 'td_inner_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TD_INNER_BG'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TD_INNER_BG_DESC'), 'std' => '' ], ] ] ], ], ] ] ], 'std' => [ ['table_advanced_item' => [['content' => 'Ronald'], ['content' => 'Curiel'], ['content' => 'USA'], ['content' => 'Washington, D.C.']]], ['table_advanced_item' => [['content' => 'Roger'], ['content' => 'Morison'], ['content' => 'Sweden'], ['content' => 'Stockholm']]], ['table_advanced_item' => [['content' => 'Luca'], ['content' => 'Jane'], ['content' => 'Russia'], ['content' => 'Moscow']]], ['table_advanced_item' => [['content' => 'Marry'], ['content' => 'Chan'], ['content' => 'China'], ['content' => 'Beijing']]], ], ], ], ], // Header options 'header_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_HEADER_OPTIONS'), 'depends' => [['turn_off_heading', '=', 0]], 'fields' => [ 'header_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#fff', ], 'header_bg_options' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color_bg'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'value' => 'gradient_bg'], ], 'std' => 'color_bg', ], 'header_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'depends' => [['header_bg_options', '=', 'color_bg']], 'std' => '#6c7ae0', ], 'header_gradient_bg' => [ 'type' => 'gradient', 'std' => [ "color" => "#00ad75", "color2" => "#8700fc", "deg" => "45", "type" => "linear" ], 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'depends' => [['header_bg_options', '=', 'gradient_bg']], ], 'header_border_separator' => [ 'type' => 'separator', ], 'header_border' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), ], 'header_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'header_padding_separator' => [ 'type' => 'separator', ], 'header_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'depends' => [], 'responsive' => true, ], ], ], // Row options 'row_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TABLE_STYLE'), 'fields' => [ 'tr_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'tr_second_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TR_SEC_BG'), ], 'tr_hover_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_HOVER'), ], 'td_color_separator' => [ 'type' => 'separator', ], 'td_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'td_second_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TD_SEC_BG'), ], 'td_spacing_separator' => [ 'type' => 'separator', ], 'td_border' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), ], 'td_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [], ], 'td_spacing_separator' => [ 'type' => 'separator', ], 'td_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], ], ], // Searchable 'searchable_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SEARCHABLE'), 'fields' => [ 'table_searchable' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SEARCHABLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SEARCHABLE_DESC'), 'std' => 0, 'is_header' => 1, ], 'search_column_limit' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SEARCH_LIMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SEARCH_LIMIT_DESC'), 'std' => '1,2,3', 'depends' => [['table_searchable', '!=', 0]], ], 'search_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['table_searchable', '=', 1]], ], 'search_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['table_searchable', '=', 1]], ], 'search_border_separator' => [ 'type' => 'separator', 'depends' => [['table_searchable', '=', 1]], ], 'search_border' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [['table_searchable', '=', 1]], ], 'search_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['table_searchable', '=', 1]], ], 'search_spacing_separator' => [ 'type' => 'separator', 'depends' => [['table_searchable', '=', 1]], ], 'search_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'depends' => [['table_searchable', '=', 1]], ], 'search_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'min' => 0, 'max' => 100, 'depends' => [['table_searchable', '=', 1]], ], ], ], // Sortable 'sortable_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SORTABLE'), 'fields' => [ 'table_sortable' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SORTABLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SORTABLE_DESC'), 'std' => 0, 'is_header' => 1, 'depends' => [['turn_off_heading', '=', 0]], ], 'sort_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SORT_COLOR'), 'depends' => [['turn_off_heading', '=', 0], ['table_sortable', '=', 1]], ], 'sort_margin_right' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_SORT_MARGIN_RIGHT'), 'depends' => [['turn_off_heading', '=', 0], ['table_sortable', '=', 1]], 'min' => '0', 'max' => '200', ], ], ], // Pagination 'pagination' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGINATION'), 'fields' => [ 'table_pagination' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI_DESC'), 'std' => 0, 'is_header' => 1, ], 'pagination_item' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI_NUMBER_DESC'), 'std' => 10, 'depends' => [['table_pagination', '=', 1]], ], // @todo: typography needs to fix on the frontend 'pagi_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => ['font' => 'pagi_font_family'], 'depends' => [['table_pagination', '=', 1]], ], 'pagi_color_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active'], ], 'std' => 'normal', 'tabs' => true, 'depends' => [['table_pagination', '=', 1]], ], 'pagi_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'normal']], ], 'pagi_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'normal']], ], 'pagi_border_separator' => [ 'type' => 'separator', 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'normal']], ], 'pagi_border_width' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'normal']], ], 'pagi_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'normal']], ], 'pagi_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'min' => 0, 'max' => 200, 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'normal']], ], // hover 'pagi_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'hover']], ], 'pagi_hover_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'hover']], ], 'pagi_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'hover']], ], // active 'pagi_active_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'active']], ], 'pagi_active_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'active']], ], 'pagi_active_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['table_pagination', '=', 1], ['pagi_color_tab', '=', 'active']], ], // Spacing 'pagi_spacing_separator' => [ 'type' => 'separator', 'depends' => [['table_pagination', '=', 1]], ], 'pagi_margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI_MARGIN_DESC'), 'min' => 0, 'max' => 50, 'depends' => [['table_pagination', '=', 1]], ], 'pagi_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'depends' => [['table_pagination', '=', 1]], ], // Entries // @todo: typography needs to fix on the frontend 'total_entries_separator' => [ 'type' => 'separator', 'depends' => [['table_pagination', '=', 1]], ], 'total_entries' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TOTAL_ENTRY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TOTAL_ENTRY_DESC'), 'std' => 0, 'depends' => [['table_pagination', '=', 1]], ], 'total_entries_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'total_entries_font_family', 'size' => 'total_entries_fontsize', 'uppercase' => 'total_entries_font_style.uppercase', 'italic' => 'total_entries_font_style.italic', 'underline' => 'total_entries_font_style.underline', 'weight' => 'total_entries_font_style.weight', ], 'depends' => [ ['total_entries', '=', 1], ['table_pagination', '=', 1], ], ], 'total_entries_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'depends' => [ ['total_entries', '=', 1], ['table_pagination', '=', 1], ], ], 'total_entries_position' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TOTAL_ENTRY_POSITION'), 'std' => 0, 'depends' => [ ['table_pagination', '=', 1], ['total_entries', '=', 1], ], ], 'pagination_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_PAGI_POSITION_DESC'), 'depends' => [ ['table_pagination', '=', 1], ['total_entries', '=', 0], ], 'values' => [ 'left-pagi' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center-pagi' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right-pagi' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left-pagi', ], ], ], // Other options 'other_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OTHER_OPTIONS'), 'fields' => [ 'turn_off_responsive' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TURNOFF_RESPONSIVE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TABLE_ADVANCED_TURNOFF_RESPONSIVE_DESC'), 'std' => 0, ], 'table_text_alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'available_options' => ['left', 'center', 'right'], 'std' => 'left', ], ], ], ], ]); ��table_advanced/.htaccess��0000555��00000000355�15231074400�0011256 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��articles/assets/images/icon.png��0000644��00000002567�15231074400�0012565 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:2C5DF83C40E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:34CBF30C40E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:2C5DF83A40E111E69A38F8F21A167467" stRef:documentID="xmp.did:2C5DF83B40E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��IDATx��m�0�b�FH7h'�l� H7 � `�0A�A� �n�L@m�<D ��9\|�/�[#�/��K�=�W3$S��\��EB��X��Iv2�?J=a��rUŤW0.ɱe�.lVݮ��$�Z�?��.S_�,�u�%a�:�zR�03��0��3�",�H�� ,:,�(�l��Ų�kj��2�k��6{��_ꀥs0��-f�ql�0��U#��k�O�?z�O�{I.� ��&��1m�`-E��`��u��<�n8/V:�5s%�N�VP��Ŧ0�!��0�q�F� �0X��5��,5��!��~s�=�>0�`�C�&��K6!�I�]��8{�W�`��>��0�X@�0��N!��>��7G\Kr#`�lB�ao�DmH`��%�`��,[�'��X��\| ��dܩ&zI�� 1� 0��D(Ol��IEND�B`��articles/assets/images/.htaccess��0000555��00000000355�15231074400�0012717 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��articles/assets/.htaccess��0000555��00000000355�15231074400�0011452 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��articles/site.php��0000644��00000054455�15231074400�0010040 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('resticted access'); use Joomla\CMS\Factory; use Joomla\CMS\Router\Route; use Joomla\CMS\Language\Text; use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Component\ComponentHelper; use Joomla\CMS\Version; class SppagebuilderAddonArticles extends SppagebuilderAddons { public function render() { $page_view_name = isset($_GET['view']); $app = Factory::getApplication(); $version = new Version(); $JoomlaVersion = $version->getShortVersion(); if ($app->isClient('administrator')) { return ''; // prevent from loading in the admin view } $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $style = (isset($settings->style) && $settings->style) ? $settings->style : 'panel-default'; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Addon options $resource = (isset($settings->resource) && $settings->resource) ? $settings->resource : 'article'; $catid = (isset($settings->catid) && $settings->catid) ? $settings->catid : []; $tagids = (isset($settings->tagids) && $settings->tagids) ? $settings->tagids : array(); $k2catid = []; if ((isset($settings->k2catid) && $settings->k2catid)) { if (is_array($settings->k2catid)) { $k2catid = $settings->k2catid; } else { $k2catid = [$settings->k2catid]; } } $include_subcat = (isset($settings->include_subcat)) ? (int) $settings->include_subcat : 1; $post_type = (isset($settings->post_type) && $settings->post_type) ? $settings->post_type : ''; $ordering = (isset($settings->ordering) && $settings->ordering) ? $settings->ordering : 'latest'; $thumb_size = (isset($settings->thumb_size) && $settings->thumb_size) ? $settings->thumb_size : 'image_thumbnail'; $limit = (isset($settings->limit) && $settings->limit) ? (int) $settings->limit : 3; $previous_columns = (isset($settings->columns) && !is_object($settings->columns)) ? (int) $settings->columns : 3; $columns_lg = (isset($settings->columns_original->xl) && $settings->columns_original->xl) ? (int) $settings->columns_original->xl : $previous_columns; $columns_md = (isset($settings->columns_original->lg) && $settings->columns_original->lg) ? (int) $settings->columns_original->lg : $columns_lg; $columns_sm = (isset($settings->columns_original->md) && $settings->columns_original->md) ? (int) $settings->columns_original->md : $columns_md; $columns_xs = (isset($settings->columns_original->sm) && $settings->columns_original->sm) ? (int) $settings->columns_original->sm : 2; $columns = (isset($settings->columns_original->xs) && $settings->columns_original->xs) ? (int) $settings->columns_original->xs : 1; $show_intro = (isset($settings->show_intro)) ? (int) $settings->show_intro : 1; $intro_limit = (isset($settings->intro_limit) && $settings->intro_limit) ? (int) $settings->intro_limit : 200; $hide_thumbnail = (isset($settings->hide_thumbnail)) ? (int) $settings->hide_thumbnail : 0; $show_author = (isset($settings->show_author)) ? (int) $settings->show_author : 1; $show_tags = (isset($settings->show_tags)) ? (int) $settings->show_tags : 1; $show_category = (isset($settings->show_category)) ? (int) $settings->show_category : 1; $show_date = (isset($settings->show_date)) ? (int) $settings->show_date : 1; $show_readmore = (isset($settings->show_readmore)) ? (int) $settings->show_readmore : 1; $readmore_text = (isset($settings->readmore_text) && $settings->readmore_text) ? $settings->readmore_text : 'Read More'; $link_articles = (isset($settings->link_articles)) ? (int) $settings->link_articles : 0; $link_catid = (isset($settings->link_catid)) ? (int) $settings->link_catid : 0; $link_k2catid = (isset($settings->link_k2catid)) ? (int) $settings->link_k2catid : 0; $show_custom_field = (isset($settings->show_custom_field)) ? $settings->show_custom_field : 0; $show_date_text = (isset($settings->show_date_text)) ? $settings->show_date_text : ''; $show_last_modified_date = (isset($settings->show_last_modified_date)) ? $settings->show_last_modified_date : 0; $show_last_modified_date_text = (isset($settings->show_last_modified_date_text)) ? $settings->show_last_modified_date_text : ''; $article_modified_date = ComponentHelper::getParams('com_content')->get('show_modify_date'); $article_created_date = ComponentHelper::getParams('com_content')->get('show_publish_date'); $all_articles_btn_text = (!empty($settings->all_articles_btn_text) && $settings->all_articles_btn_text) ? $settings->all_articles_btn_text : 'See all posts'; $all_articles_btn_class = (!empty($settings->all_articles_btn_size) && $settings->all_articles_btn_size) ? ' sppb-btn-' . $settings->all_articles_btn_size : ''; $all_articles_btn_class .= (!empty($settings->all_articles_btn_type) && $settings->all_articles_btn_type) ? ' sppb-btn-' . $settings->all_articles_btn_type : ' sppb-btn-default'; $all_articles_btn_class .= (!empty($settings->all_articles_btn_shape) && $settings->all_articles_btn_shape) ? ' sppb-btn-' . $settings->all_articles_btn_shape : ' sppb-btn-rounded'; $all_articles_btn_class .= (!empty($settings->all_articles_btn_appearance) && $settings->all_articles_btn_appearance) ? ' sppb-btn-' . $settings->all_articles_btn_appearance : ''; $all_articles_btn_class .= (!empty($settings->all_articles_btn_block) && $settings->all_articles_btn_block) ? ' ' . $settings->all_articles_btn_block : ''; $all_articles_btn_icon = (!empty($settings->all_articles_btn_icon) && $settings->all_articles_btn_icon) ? $settings->all_articles_btn_icon : ''; $all_articles_btn_icon_position = (!empty($settings->all_articles_btn_icon_position) && $settings->all_articles_btn_icon_position) ? $settings->all_articles_btn_icon_position : 'left'; $output = ''; //include k2 helper $k2helper = JPATH_ROOT . '/components/com_sppagebuilder/helpers/k2.php'; $article_helper = JPATH_ROOT . '/components/com_sppagebuilder/helpers/articles.php'; $isk2installed = self::isComponentInstalled('com_k2'); if ($resource === 'k2') { if ($isk2installed == 0) { $output .= '<p class="alert alert-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_ERORR_K2_NOTINSTALLED') . '</p>'; return $output; } elseif (!file_exists($k2helper)) { $output .= '<p class="alert alert-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_K2_HELPER_FILE_MISSING') . '</p>'; return $output; } else { require_once $k2helper; } $items = []; if (is_array($k2catid)) { foreach($k2catid as $catId) { $itemsById = SppagebuilderHelperK2::getItems($limit, $ordering, $catId, $include_subcat); $items = array_merge($items, $itemsById); } } } else { require_once $article_helper; $items = SppagebuilderHelperArticles::getArticles($limit, $ordering, $catid, $include_subcat, $post_type, $tagids); } if (!count($items)) { $output .= '<p class="alert alert-warning">' . Text::_('COM_SPPAGEBUILDER_NO_ITEMS_FOUND') . '</p>'; return $output; } if (count((array) $items)) { $output .= '<div class="sppb-addon sppb-addon-articles ' . $class . '">'; if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-row">'; foreach ($items as $key => $item) { $output .= '<div class="sppb-col-xs-' . round(12 / $columns_xs) . ' sppb-col-sm-' . round(12 / $columns_sm) . ' sppb-col-md-' . round(12 / $columns_md) . ' sppb-col-lg-' . round(12 / $columns_lg) . ' sppb-col-' . round(12 / $columns) . '">'; $output .= '<div class="sppb-addon-article">'; if (!$hide_thumbnail) { $image = ''; if ($resource === 'k2') { if (isset($item->image_medium) && $item->image_medium) { $image = $item->image_medium; } elseif (isset($item->image_large) && $item->image_large) { $image = $item->image_medium; } } else { $image = $item->{$thumb_size} ?? $item->image_thumbnail; } if ($resource !== 'k2' && $item->post_format === 'gallery') { if (count((array) $item->imagegallery->images)) { $output .= '<div class="sppb-carousel sppb-slide" data-sppb-ride="sppb-carousel">'; $output .= '<div class="sppb-carousel-inner">'; foreach ($item->imagegallery->images as $key => $gallery_item) { $active_class = ''; if ($key == 0) { $active_class = ' active'; } if (isset($gallery_item['thumbnail']) && $gallery_item['thumbnail']) { $output .= '<div class="sppb-item' . $active_class . '">'; $output .= '<img src="' . $gallery_item['thumbnail'] . '" alt="">'; $output .= '</div>'; } elseif (isset($gallery_item['full']) && $gallery_item['full']) { $output .= '<div class="sppb-item' . $active_class . '">'; $output .= '<img src="' . $gallery_item['full'] . '" alt="">'; $output .= '</div>'; } } $output .= '</div>'; $output .= '<a class="left sppb-carousel-control" role="button" data-slide="prev" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_PREVIOUS') . '"><i class="fa fa-angle-left" aria-hidden="true"></i></a>'; $output .= '<a class="right sppb-carousel-control" role="button" data-slide="next" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_NEXT') . '"><i class="fa fa-angle-right" aria-hidden="true"></i></a>'; $output .= '</div>'; } elseif (isset($item->image_thumbnail) && $item->image_thumbnail) { //Lazyload image $placeholder = $item->image_thumbnail == '' ? false : $this->get_image_placeholder($item->image_thumbnail); //Get image ALT text $img_obj = json_decode($item->images); $img_obj_helix = json_decode($item->attribs); $img_blog_op_alt_text = (isset($img_obj->image_intro_alt) && $img_obj->image_intro_alt) ? $img_obj->image_intro_alt : ""; $img_helix_alt_text = (isset($img_obj_helix->helix_ultimate_image_alt_txt) && $img_obj_helix->helix_ultimate_image_alt_txt) ? $img_obj_helix->helix_ultimate_image_alt_txt : ""; $img_alt_text = ""; if ($img_helix_alt_text) { $img_alt_text = $img_helix_alt_text; } else if ($img_blog_op_alt_text) { $img_alt_text = $img_blog_op_alt_text; } else { $img_alt_text = $item->title; } $output .= '<a href="' . $item->link . '" itemprop="url"><img class="sppb-img-responsive' . ($placeholder && $page_view_name != 'form' ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder && $page_view_name != 'form' ? $placeholder : $item->image_thumbnail) . '" alt="' . $img_alt_text . '" itemprop="thumbnailUrl" ' . ($placeholder && $page_view_name != 'form' ? 'data-large="' . $image . '"' : '') . ' loading="lazy"></a>'; } } elseif ($resource != 'k2' && $item->post_format == 'video' && isset($item->video_src) && $item->video_src) { $output .= '<div class="entry-video embed-responsive embed-responsive-16by9">'; $output .= '<object class="embed-responsive-item" style="width:100%;height:100%;" data="' . $item->video_src . '">'; $output .= '<param name="movie" value="' . $item->video_src . '">'; $output .= '<param name="wmode" value="transparent" />'; $output .= '<param name="allowFullScreen" value="true">'; $output .= '<param name="allowScriptAccess" value="always"></param>'; $output .= '<embed src="' . $item->video_src . '" type="application/x-shockwave-flash" allowscriptaccess="always"></embed>'; $output .= '</object>'; $output .= '</div>'; } elseif ($resource != 'k2' && $item->post_format == 'audio' && isset($item->audio_embed) && $item->audio_embed) { $output .= '<div class="entry-audio embed-responsive embed-responsive-16by9">'; $output .= $item->audio_embed; $output .= '</div>'; } elseif ($resource != 'k2' && $item->post_format == 'link' && isset($item->link_url) && $item->link_url) { $output .= '<div class="entry-link">'; $output .= '<a target="_blank" rel="noopener noreferrer" href="' . $item->link_url . '"><h4>' . $item->link_title . '</h4></a>'; $output .= '</div>'; } else { if (isset($image) && $image) { //Lazyload image $default_placeholder = $image == '' ? false : $this->get_image_placeholder($image); //Get image ALT text $img_obj = json_decode($item->images); $img_obj_helix = json_decode($item->attribs); $img_blog_op_alt_text = (isset($img_obj->image_intro_alt) && $img_obj->image_intro_alt) ? $img_obj->image_intro_alt : ""; $img_helix_alt_text = (isset($img_obj_helix->helix_ultimate_image_alt_txt) && $img_obj_helix->helix_ultimate_image_alt_txt) ? $img_obj_helix->helix_ultimate_image_alt_txt : ""; $img_alt_text = ""; if ($img_helix_alt_text) { $img_alt_text = $img_helix_alt_text; } else if ($img_blog_op_alt_text) { $img_alt_text = $img_blog_op_alt_text; } else { $img_alt_text = $item->title; } $output .= '<a class="sppb-article-img-wrap" href="' . $item->link . '" itemprop="url"><img class="sppb-img-responsive' . ($default_placeholder && $page_view_name != 'form' ? ' sppb-element-lazy' : '') . '" src="' . ($default_placeholder && $page_view_name != 'form' ? $default_placeholder : $image) . '" alt="' . $img_alt_text . '" itemprop="thumbnailUrl" ' . ($default_placeholder && $page_view_name != 'form' ? 'data-large="' . $image . '"' : '') . ' loading="lazy"></a>'; } } } $output .= '<div class="sppb-article-info-wrap" role="article">'; $output .= '<h3><a href="' . $item->link . '" itemprop="url">' . $item->title . '</a></h3>'; if ($show_author \|\| $show_category \|\| $show_date \|\| $show_tags) { $output .= '<div class="sppb-article-meta">'; if ($show_date) { $date = ($article_created_date) ? HTMLHelper::_('date', $item->publish_up, 'DATE_FORMAT_LC3') : '<p class="alert alert-warning">' . Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_LAST_CREATED_DATE_WARNING_MESSAGE') . '</p>'; $date_text = ($show_date_text) ? '<b>' . Text::_($show_date_text) . ': </b>' : ''; $date_format = ($article_created_date) ? HTMLHelper::_('date', $item->publish_up, 'DATE_FORMAT_FILTER_DATE') : ''; $output .= '<time datetime="'. $date_format . '" class="sppb-meta-date">' . $date_text . $date . '</time>'; } if ($show_last_modified_date) { $modify_date = ($article_modified_date) ? HTMLHelper::_('date', $item->modified, 'DATE_FORMAT_LC3') : '<p class="alert alert-warning">' . Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_LAST_MODIFIED_DATE_WARNING_MESSAGE') . '</p>'; $modify_text = ($show_last_modified_date_text) ? '<b>' . Text::_($show_last_modified_date_text) . ': </b>' : ''; $modify_date_format = ($article_modified_date) ? HTMLHelper::_('date', $item->modified, 'DATE_FORMAT_FILTER_DATE') : ''; $output .= '<time datetime="'. $modify_date_format . '" class="sppb-meta-date">' . $modify_text . $modify_date . '</time>'; } if ($show_category) { if ($resource == 'k2') { $item->catUrl = urldecode(Route::_(K2HelperRoute::getCategoryRoute($item->catid . ':' . urlencode($item->category_alias)))); } else { $item->catUrl = Route::_(version_compare($JoomlaVersion, '4.0.0', '>=') ? Joomla\Component\Content\Site\Helper\RouteHelper::getCategoryRoute($item->catslug) : ContentHelperRoute::getCategoryRoute($item->catslug)); } $output .= '<span class="sppb-meta-category"><a href="' . $item->catUrl . '" itemprop="genre">' . $item->category . '</a></span>'; } if ($show_author) { $author = ($item->created_by_alias ? $item->created_by_alias : $item->username); $output .= '<span class="sppb-meta-author" itemprop="name">' . $author . '</span>'; } if ($show_tags) { $item->tagLayout = new FileLayout('joomla.content.tags'); $output .= $item->tagLayout->render($item->tags->itemTags); } $output .= '</div>'; } if ($show_custom_field) { if ((float) $JoomlaVersion >= 4) { JLoader::registerAlias('FieldsHelper', 'Joomla\Component\Fields\Administrator\Helper\FieldsHelper'); } else { JLoader::register('FieldsHelper', JPATH_ADMINISTRATOR . '/components/com_fields/helpers/fields.php'); } // 🚨 Alert: Do not add “FieldsHelper” as a namespace as Joomla 3 doesn’t support it. $custom_fields = FieldsHelper::getFields('com_content.article',$item); $output .= FieldsHelper::render( 'com_content.article', 'fields.render', array( 'context' => 'com_content.article', 'item' => $item, 'fields' => $custom_fields, ) ); } if ($show_intro) { $output .= '<div class="sppb-article-introtext">' . mb_substr(strip_tags($item->introtext), 0, $intro_limit, 'UTF-8') . '...</div>'; } if ($show_readmore) { $max_title_characters = 25; $aria_label = strlen($item->title) > $max_title_characters ? mb_substr(strip_tags($item->title), 0, $max_title_characters, 'UTF-8') . '...' : strip_tags($item->title); $full_aria_label = Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_READ_MORE_ABOUT') . $aria_label; $output .= '<a class="sppb-readmore" href="' . $item->link . '" aria-label="' . $full_aria_label . '" itemprop="url">' . $readmore_text . '</a>'; } $output .= '</div>'; //.sppb-article-info-wrap $output .= '</div>'; $output .= '</div>'; } $output .= '</div>'; // See all link if ($link_articles) { $icon_arr = array_filter(explode(' ', $all_articles_btn_icon)); if (count($icon_arr) === 1) { $all_articles_btn_icon = 'fa ' . $all_articles_btn_icon; } if ($all_articles_btn_icon_position == 'left') { $all_articles_btn_text = ($all_articles_btn_icon) ? '<i class="' . $all_articles_btn_icon . '" aria-hidden="true"></i> ' . $all_articles_btn_text : $all_articles_btn_text; } else { $all_articles_btn_text = ($all_articles_btn_icon) ? $all_articles_btn_text . ' <i class="' . $all_articles_btn_icon . '" aria-hidden="true"></i>' : $all_articles_btn_text; } if ($resource == 'k2') { if (!empty($link_k2catid)) { $output .= '<a href="' . urldecode(Route::_(K2HelperRoute::getCategoryRoute($link_k2catid))) . '" " id="btn-' . $this->addon->id . '" class="sppb-btn' . $all_articles_btn_class . '">' . $all_articles_btn_text . '</a>'; } } else { list($link, $new_tab) = AddonHelper::parseLink($settings, 'all_articles_btn_url', ['url' => 'link', 'new_tab' => 'target']); $hrefValue = !empty($link) ? $link : ( !empty($link_catid) ? Route::_(version_compare($JoomlaVersion, '4.0.0', '>=') ? Joomla\Component\Content\Site\Helper\RouteHelper::getCategoryRoute($link_catid) : ContentHelperRoute::getCategoryRoute($link_catid)) : ''); $output .= '<a href="' . $hrefValue . '" ' . $new_tab . ' id="btn-' . $this->addon->id . '" class="sppb-btn' . $all_articles_btn_class . '">' . $all_articles_btn_text . '</a>'; } } $output .= '</div>'; $output .= '</div>'; } return $output; } public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css_path = new FileLayout('addon.css.button', $layout_path); $options = new stdClass; $options->button_type = (isset($this->addon->settings->all_articles_btn_type) && $this->addon->settings->all_articles_btn_type) ? $this->addon->settings->all_articles_btn_type : ''; $options->button_appearance = (isset($this->addon->settings->all_articles_btn_appearance) && $this->addon->settings->all_articles_btn_appearance) ? $this->addon->settings->all_articles_btn_appearance : ''; $options->button_color = (isset($this->addon->settings->all_articles_btn_color) && $this->addon->settings->all_articles_btn_color) ? $this->addon->settings->all_articles_btn_color : ''; $options->button_color_hover = (isset($this->addon->settings->all_articles_btn_color_hover) && $this->addon->settings->all_articles_btn_color_hover) ? $this->addon->settings->all_articles_btn_color_hover : ''; $options->button_background_color = (isset($this->addon->settings->all_articles_btn_background_color) && $this->addon->settings->all_articles_btn_background_color) ? $this->addon->settings->all_articles_btn_background_color : ''; $options->button_background_color_hover = (isset($this->addon->settings->all_articles_btn_background_color_hover) && $this->addon->settings->all_articles_btn_background_color_hover) ? $this->addon->settings->all_articles_btn_background_color_hover : ''; $options->button_fontstyle = (isset($this->addon->settings->all_articles_btn_font_style) && $this->addon->settings->all_articles_btn_font_style) ? $this->addon->settings->all_articles_btn_font_style : ''; $options->button_font_style = (isset($this->addon->settings->all_articles_btn_font_style) && $this->addon->settings->all_articles_btn_font_style) ? $this->addon->settings->all_articles_btn_font_style : ''; $options->button_letterspace = (isset($this->addon->settings->all_articles_btn_letterspace) && $this->addon->settings->all_articles_btn_letterspace) ? $this->addon->settings->all_articles_btn_letterspace : ''; return $css_path->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); } static function isComponentInstalled($component_name) { $db = Factory::getDbo(); $query = $db->getQuery(true); $query->select('a.enabled'); $query->from($db->quoteName('#__extensions', 'a')); $query->where($db->quoteName('a.name') . " = " . $db->quote($component_name)); $db->setQuery($query); $is_enabled = $db->loadResult(); return $is_enabled; } } ��articles/admin.php��0000644��00000101777�15231074400�0010164 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('resticted aceess'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'articles', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M11.643 9.571h-.603L8.138 1.246A.363.363 0 007.804 1h-1.63a.363.363 0 00-.335.246L2.937 9.57h-.58c-.2 0-.357.179-.357.358v.714c0 .2.156.357.357.357h3.036a.367.367 0 00.357-.357v-.714a.384.384 0 00-.357-.358h-.536l.58-1.785h3.08l.604 1.785h-.514c-.2 0-.357.179-.357.358v.714c0 .2.156.357.357.357h3.036a.367.367 0 00.357-.357v-.714a.384.384 0 00-.357-.358zm-5.76-3.28l.938-2.769c.09-.357.157-.647.179-.78 0 .155.045.446.156.78l.938 2.768h-2.21z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M30 16a1 1 0 01-1 1H3a1 1 0 110-2h26a1 1 0 011 1zM30 23a1 1 0 01-1 1H3a1 1 0 110-2h26a1 1 0 011 1zM16 30a1 1 0 01-1 1H3a1 1 0 110-2h12a1 1 0 011 1zM30 9a1 1 0 01-1 1H16a1 1 0 110-2h13a1 1 0 011 1zM30 2a1 1 0 01-1 1H16a1 1 0 110-2h13a1 1 0 011 1z" fill="currentColor"/></svg>', 'settings' => [ 'source' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'resource' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE_DESC'), 'values' => [ 'article' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE_ARTICLE'), 'k2' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE_K2'), ], 'std' => 'article', ], 'catid' => [ 'type' => 'category', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_CATID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_CATID_DESC'), 'multiple' => true, 'depends' => [['resource', '=', 'article']], ], 'tagids' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_TAGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_TAGS_DESC'), 'values' => SpPgaeBuilderBase::getArticleTags(), 'multiple' => true, 'depends' => [['resource', '=', 'article']], ], 'k2catid' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_K2_CATID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_K2_CATID_DESC'), 'values' => SpPgaeBuilderBase::k2CatList(), 'multiple' => true, 'depends' => [['resource', '=', 'k2']], 'inline' => true, ], 'post_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_ALL'), 'standard' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_STANDARD'), 'audio' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_AUDIO'), 'video' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_VIDEO'), 'gallery' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_GALLERY'), 'link' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_LINK'), 'quote' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_QUOTE'), 'status' => Text::_('COM_SPPAGEBUILDER_ADDON_POST_TYPE_STATUS'), ], 'depends' => [['resource', '=', 'article']], ], 'ordering' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_DESC'), 'values' => [ 'latest' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_LATEST'), 'oldest' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_OLDEST'), 'hits' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_POPULAR'), 'featured' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_FEATURED'), 'alphabet_asc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_ALPHABET_ASC'), 'alphabet_desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_ALPHABET_DESC'), 'random' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_RANDOM'), ], 'std' => 'latest', ], 'include_subcat' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INCLUDE_SUBCATEGORIES'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INCLUDE_SUBCATEGORIES_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'limit' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_LIMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_LIMIT_DESC'), 'min' => 1, 'std' => 3, ], 'columns' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_COLUMNS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_COLUMNS_DESC'), 'min' => 1, 'max' => 6, 'std' => ['xl' => 3], 'responsive' => true, ], 'intro_limit' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_INTRO_LIMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_INTRO_LIMIT_DESC'), 'std' => 200, ], 'show_intro' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_INTRO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_INTRO_DESC'), 'std' => '1', ], 'show_custom_field' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_CUSTOM_FIELD'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_CUSTOM_FIELD_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], 'hide_thumbnail' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_HIDE_THUMBNAIL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_HIDE_THUMBNAIL_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 0, ], 'thumb_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_DESC'), 'values' => [ 'image_thumbnail' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_THUMBNAIL'), 'image_small' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_SMALL'), 'image_medium' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_MEDIUM'), 'image_large' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_LARGE'), 'featured_image' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_FEATURED_IMAGE'), ], 'depends' => [ ['resource', '!=', 'k2'], ['post_type', '!=', 'audio'], ['post_type', '!=', 'video'], ['post_type', '!=', 'gallery'], ['post_type', '!=', 'link'], ['post_type', '!=', 'quote'], ['post_type', '!=', 'status'], ['hide_thumbnail', '=', 0], ], 'std' => 'image_thumbnail', ], 'show_author' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_AUTHOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_AUTHOR_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], 'show_tags' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_TAGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_TAGS_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], 'show_category' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_CATEGORY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_CATEGORY_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], 'show_date' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_DATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_DATE_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], 'show_date_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_DATE_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_DATE_TEXT_DESC'), 'std' => '', 'inline' => true, 'depends' => [['show_date', '=', '1']], ], 'show_last_modified_date' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_LAST_MODIFIED_DATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_LAST_MODIFIED_DATE_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 0, ], 'show_last_modified_date_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_LAST_MODIFIED_DATE_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_LAST_MODIFIED_DATE_TEXT_DESC'), 'std' => '', 'inline' => true, 'depends' => [['show_last_modified_date', '=', '1']], ], 'show_readmore' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_READMORE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_READMORE_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 1, ], 'readmore_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_READMORE_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_READMORE_TEXT_DESC'), 'std' => 'Read More', 'inline' => true, 'depends' => [['show_readmore', '=', '1']], ], ], ], 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'link_articles' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ALL_ARTICLES_BUTTON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ALL_ARTICLES_BUTTON_DESC'), 'values' => [ 1 => Text::_('COM_SPPAGEBUILDER_YES'), 0 => Text::_('COM_SPPAGEBUILDER_NO'), ], 'std' => 0, 'is_header' => true, ], 'link_catid' => [ 'type' => 'category', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_CATID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_CATID_DESC'), 'depends' => [ ['resource', '=', 'article'], ['link_articles', '=', '1'] ], ], 'link_k2catid' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_K2_CATID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_K2_CATID_DESC'), 'values' => SpPgaeBuilderBase::k2CatList(), 'depends' => [ ['resource', '=', 'k2'], ['link_articles', '=', '1'] ], ], 'all_articles_btn_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'See all posts', 'inline' => true, 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'all_articles_btn_font_family', 'letter_spacing' => 'all_articles_btn_letterspace', 'weight' => 'all_articles_btn_font_style.weight', 'italic' => 'all_articles_btn_font_style.italic', 'underline' => 'all_articles_btn_font_style.underline', 'uppercase' => 'all_articles_btn_font_style.uppercase', ], 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'inline' => true, 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_link_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ], ], 'all_articles_btn_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'inline' => true, 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'inline' => true, 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '8px 22px 10px 22px', 'md' => '8px 22px 10px 22px', 'sm' => '8px 22px 10px 22px', 'xs' => '8px 22px 10px 22px'], 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_size', '=', 'custom'], ], ], 'all_articles_btn_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '!=', 'link'], ], ], 'all_articles_btn_icon_separator' => [ 'type' => 'separator', 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', 'depends' => [ ['link_articles', '=', '1'], ], ], 'all_articles_btn_status_separator' => [ 'type' => 'separator', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'custom'], ], ], 'all_articles_btn_status' => [ 'type' => 'buttons', 'std' => 'normal', 'values' => [ ['label' => 'Normal', 'value' => 'normal'], ['label' => 'Hover', 'value' => 'hover'], ], 'tabs' => true, 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'custom'], ], ], 'all_articles_btn_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'custom'], ['all_articles_btn_status', '=', 'normal'], ], ], 'all_articles_btn_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#3366FF', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_appearance', '!=', 'gradient'], ['all_articles_btn_type', '=', 'custom'], ['all_articles_btn_status', '=', 'normal'], ], ], 'all_articles_btn_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear", ], 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_appearance', '=', 'gradient'], ['all_articles_btn_type', '=', 'custom'], ['all_articles_btn_status', '=', 'normal'], ], ], 'all_articles_btn_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'custom'], ['all_articles_btn_status', '=', 'hover'], ], ], 'all_articles_btn_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#0037DD', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_appearance', '!=', 'gradient'], ['all_articles_btn_type', '=', 'custom'], ['all_articles_btn_status', '=', 'hover'], ], ], 'all_articles_btn_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear", ], 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_appearance', '=', 'gradient'], ['all_articles_btn_type', '=', 'custom'], ['all_articles_btn_status', '=', 'hover'], ], ], // link button 'all_articles_btn_link_separator' => [ 'type' => 'separator', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ], ], 'all_articles_btn_link_status' => [ 'type' => 'buttons', 'std' => 'normal', 'values' => [ ['label' => 'Normal', 'value' => 'normal'], ['label' => 'Hover', 'value' => 'hover'], ], 'tabs' => true, 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ], ], 'all_articles_btn_link_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ['all_articles_btn_link_status', '!=', 'hover'], ], ], 'all_articles_btn_link_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ['all_articles_btn_link_status', '!=', 'hover'], ], ], 'all_articles_btn_link_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ['all_articles_btn_link_status', '!=', 'hover'], ], ], //Link Hover 'all_articles_btn_link_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'std' => '', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ['all_articles_btn_link_status', '=', 'hover'], ], ], 'all_articles_btn_link_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_articles', '=', '1'], ['all_articles_btn_type', '=', 'link'], ['all_articles_btn_link_status', '=', 'hover'], ], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); �articles/.htaccess��0000555��00000000355�15231074400�0010150 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��icon/assets/images/icon.png��0000644��00000003205�15231074400�0011675 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:6745FCFC40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:A9A0534040E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:6745FCFA40E011E69A38F8F21A167467" stRef:documentID="xmp.did:6745FCFB40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>a�n��IDATx��0ǝ[��lP6hFp7`��nF�f��wp��BkZ#lb��{�'��d��u#��0F��5�� \|(u��hg@���Vi�P%�ȟV��E[vu�6p��ҡO�!�%�m:�dQ�D��S��/�g��术Rv�<�� \|�I��}ߚ��"�Z��W�u�>q͵��T��&[޶d�W\�1�+Eck��kG���ɷ�z��='�� ]�6��c6�,�AX��d��p�k��E��>��K��@��%hG�Հ�@�a��x.��٫dǋ/,.�J0g�誙?q$�TC�$��˙_q$��' y��J��F�Ϫ�P�"}��I��!�g0�Mb�UL�a��L@R��'i��F6��-E��; �Y�.=��f&�E�}�v�+YҬj1�6�k��Z��VP�M�kV�T!�X`�TL^��X�a��(S��`�q�\|MZ��!dS�a�̠F(�)A��:��<g�})��lH�#��q М�a��n�b��ލ��%h�� -T!B��,8h�a� ��ZX�� Z0�0@�Oh��-xXGB��Т��'�ha��8�=,]Ck��/4x�%�5�j��k��e�`Y�!X��-��F�V,n�-N��&�w�痹��ߒډ~�E�Y��GL;Av�}��IEND�B`��icon/assets/images/.htaccess��0000555��00000000355�15231074400�0012041 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��icon/assets/.htaccess��0000555��00000000355�15231074400�0010574 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��icon/site.php��0000644��00000016466�15231074400�0007162 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonIcon extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $class .= (isset($settings->hover_effect) && $settings->hover_effect) ? ' sppb-icon-hover-effect-' . $settings->hover_effect : ''; $name = (isset($settings->name) && $settings->name) ? $settings->name : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; // $link = (isset($settings->link) && $settings->link) ? $settings->link : ''; // $target = (isset($settings->target) && $settings->target) ? 'rel="noopener noreferrer" target="' . $settings->target . '"' : ''; list($link, $target) = AddonHelper::parseLink($settings, 'title_link', ['url' => 'link', 'new_tab' => 'target']); if ($name) { $output = '<div class="sppb-icon ' . $class . '">'; if (!empty($link)) { $output .= '<a ' . $target . ' href="' . $link . '">'; } $output .= '<span class="sppb-icon-inner">'; $icon_arr = array_filter(explode(' ', $name)); if (count($icon_arr) === 1) { $name = 'fa ' . $name; } $output .= '<i class="' . $name . '" aria-hidden="true" title="' . $title . '"></i>'; $output .= '<span class="sppb-form-label-visually-hidden">' . (empty($title) ? $name : $title) . '</span>'; $output .= '</span>'; if (!empty($link)) { $output .= '</a>'; } $output .= '</div>'; return $output; } } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $settings->alignment = $cssHelper->parseAlignment($settings, 'alignment'); $iconStyle = $cssHelper->generateStyle( '.sppb-icon-inner', $settings, [ 'margin' => 'margin', 'height' => 'height', 'width' => 'width', 'border_radius' => 'border-radius', 'border_width' => 'border-width', 'color' => 'color', 'background' => 'background-color', 'border_color' => 'border-style: solid;border-color:%s' ], ['margin' => false, 'color' => false, 'background' => false, 'border_color' => false], ['margin_original' => 'spacing'] ); $fontStyle = $cssHelper->generateStyle('.sppb-icon-inner i', $settings, ['height' => 'line-height', 'size' => 'font-size', 'border_width' => 'margin-top:-%s']); $iconHoverStyle = $cssHelper->generateStyle( '.sppb-icon-inner:hover', $settings, [ 'hover_color' => 'color', 'hover_background' => 'background-color', 'hover_border_color' => 'border-color', 'hover_border_width' => 'border-width', 'hover_border_radius' => 'border-radius' ], ['hover_color' => false, 'hover_background' => false, 'hover_border_color' => false] ); $css .= $iconStyle; $css .= $iconHoverStyle; $css .= $fontStyle; $css .= $cssHelper->generateStyle(':self', $settings, ['alignment' => 'text-align'], false); return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $output .= $lodash->alignment('text-align', '.sppb-icon', 'data.alignment'); $output .= $lodash->color('background-color', '.sppb-icon-inner', 'data.background'); $output .= $lodash->color('color', '.sppb-icon-inner', 'data.color'); $output .= $lodash->spacing('margin', '.sppb-icon-inner', 'data.margin'); $output .= $lodash->unit('height', '.sppb-icon-inner', 'data.height', 'px'); $output .= $lodash->unit('width', '.sppb-icon-inner', 'data.width', 'px'); $output .= '<# if (data.border_width) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-icon-inner {border-style: solid;}'; $output .= $lodash->unit('border-color', '.sppb-icon-inner', 'data.border_color', '', false); $output .= $lodash->unit('border-width', '.sppb-icon-inner', 'data.border_width', 'px'); $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.sppb-icon-inner', 'data.border_radius', 'px'); $output .= $lodash->unit('font-size', '.sppb-icon-inner i', 'data.size', 'px'); $output .= $lodash->unit('line-height', '.sppb-icon-inner i', 'data.height', 'px'); $output .= $lodash->unit('margin-top', '.sppb-icon-inner i', 'data.border_width', 'px', true, '-'); // Hover $output .= $lodash->color('color', '.sppb-icon-inner:hover', 'data.hover_color'); $output .= $lodash->color('background-color', '.sppb-icon-inner:hover', 'data.hover_background'); $output .= $lodash->unit('border-color', '.sppb-icon-inner:hover', 'data.hover_border_color', '', false); $output .= $lodash->unit('border-width', '.sppb-icon-inner:hover', 'data.hover_border_width', 'px'); $output .= $lodash->unit('border-radius', '.sppb-icon-inner:hover', 'data.hover_border_radius', 'px'); $output .= ' </style> <# let hover_effect_class = (!_.isEmpty(data.hover_effect) && data.hover_effect) ? ` sppb-icon-hover-effect-${data.hover_effect}` : ""; if (data.name) { #> <div class="sppb-icon {{ data.class }} {{ hover_effect_class }}"> <# const isMenu = _.isObject(data.title_link) && data.title_link.type === "menu" && data.title_link?.menu; const isPage = _.isObject(data.title_link) && data.title_link.type === "page" && data.title_link?.page; const isUrl = _.isObject(data.title_link) && data.title_link.type === "url" && data.title_link?.url; const isOldUrl = _.isString(data.link) && !_.isEmpty(data.link); if (isMenu \|\| isPage \|\| isUrl \|\| isOldUrl) { const urlObj = data?.title_link \|\| window.getSiteUrl(data.link, data.target \|\| false); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank": ""; let rel = ""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a href=\'{{ newUrl }}\' target=\'{{ target }}\' rel=\'{{ rel }}\'> <# } let icon_arr = (typeof data.name !== "undefined" && data.name) ? data.name.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa " + data.name : data.name; let icon_title = data.title ? data.title : icon_name; #> <span class="sppb-icon-inner"> <i class="{{ icon_name }}" title={{data.title}}></i> <span class="sppb-form-label-visually-hidden">{{ icon_title }}</span> </span> <# if (isMenu \|\| isPage \|\| isUrl \|\| isOldUrl) { #> </a> <# } #> </div> <# } #>'; return $output; } }��icon/admin.php��0000644��00000013070�15231074400�0007272 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M31.837 12.3c-.1-.4-.4-.6-.8-.7l-9.8-1.4-4.4-8.9c-.3-.7-1.5-.7-1.8 0l-4.4 8.9-9.8 1.4c-.4.1-.7.3-.8.7-.1.4 0 .8.3 1l7.1 6.9-1.7 9.8c-.1.4.1.8.4 1 .3.2.7.3 1.1.1l8.8-4.6 8.8 4.6c.1.1.3.1.5.1s.4-.1.6-.2c.3-.2.5-.6.4-1l-1.7-9.8 7.1-6.9c.1-.2.2-.6.1-1zm-9.2 6.9c-.2.2-.3.6-.3.9l1.4 8.3-7.5-3.9c-.1-.1-.3-.1-.5-.1s-.3 0-.5.1l-7.5 3.9 1.4-8.3c.1-.3-.1-.7-.3-.9l-6-5.9 8.4-1.2c.3 0 .6-.3.8-.5l3.8-7.6 3.7 7.6c.1.3.4.5.8.5l8.4 1.2-6.1 5.9z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ICON'), 'fields' => [ 'title'=> [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_TITLE'), 'std' => '', ], '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 ], 'title_link'=> [ 'type' => 'link', 'format' => 'attachment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'std' => '', ], 'margin'=> [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), '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, ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ] ], ], 'size' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), '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 ], ] ], 'color' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'fields' => [ 'use_hover_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'hover' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), ], 'std' => 'normal', ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['use_hover_state', '!=', 'hover']] ], 'background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['use_hover_state', '!=', 'hover']] ], 'border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'responsive' => true, 'depends' => [['use_hover_state', '!=', 'hover']] ], 'border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['use_hover_state', '!=', 'hover']] ], // Hover 'hover_color'=> [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['use_hover_state', '=', 'hover'] ], ], 'hover_background'=> [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [ ['use_hover_state', '=', 'hover'] ], ], 'hover_border_width'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'responsive' => true, 'depends' => [ ['use_hover_state', '=', 'hover'] ], ], 'hover_border_color'=> [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['use_hover_state', '=', 'hover'] ], ], 'hover_border_radius'=> [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 500, 'responsive' => true, 'depends' => [ ['use_hover_state', '=', 'hover'] ], ], ], ], ], ]); ��icon/.htaccess��0000555��00000000355�15231074400�0007272 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��progress_bar/assets/images/icon.png��0000644��00000002603�15231074400�0013436 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:41D7FAB040E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:41D7FAB140E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:2E9FB32940E011E69A38F8F21A167467" stRef:documentID="xmp.did:2E9FB32A40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��IDATx��Q�0��@�@��'�� @6� j��Kh�ݽC�Ҽ~^m�8� #a$�?3��ъb��̖F��}41'0��D��aW��6�X+�@?��/��U9'��3�Q��ZۘQ��aK�R,�0<,/��3��x�@߻Cw-.�O�~��;��^�:��՞�QV;�x�ls𰗃#��vo�ATv�Q��;��i@)\|>z��W�U��axXX�Ɩl�G��;e�%�R/��]E��;��x��ws�[�4iE�a��U�WT\|��zrM��(]62�~ʟF0e��٠�<��n4�,�\|n��RxƼ �Knqr�Z��y�o�9��Z�sj�8��a�s#3�aؘ��Y!��v��T=�2��̈��ܘ��N��By��~�[��/+ 1�l=,��r����ū0�\|��}��\|n�4�ҢO�H ��i�<��IEND�B`��progress_bar/assets/images/.htaccess��0000555��00000000355�15231074400�0013601 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��progress_bar/assets/.htaccess��0000555��00000000355�15231074400�0012334 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��progress_bar/site.php��0000644��00000013775�15231074400�0010722 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonProgress_bar extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $class .= (isset($settings->shape) && $settings->shape) ? 'sppb-progress-' . $settings->shape : ''; $type = (isset($settings->type) && $settings->type) ? $settings->type : ''; $progress = (isset($settings->progress) && $settings->progress) ? $settings->progress : ''; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $stripped = (isset($settings->stripped) && $settings->stripped) ? $settings->stripped : ''; $show_percentage = (isset($settings->show_percentage) && $settings->show_percentage) ? $settings->show_percentage : 0; // Output $output = ""; $output .= '<div class="sppb-addon ' . $class . '">'; $output .= ($show_percentage) ? '<div class="sppb-progress-label clearfix">' . $text . '<span>' . (int) $progress . '%</span></div>' : ''; $output .= '<div class="sppb-progress">'; $output .= '<div class="sppb-progress-bar ' . $type . ' ' . $stripped . '" role="progressbar" aria-valuenow="' . (int) $progress . '" aria-valuemin="0" aria-valuemax="100" data-width="' . (int) $progress . '%">'; if (!$show_percentage) { $output .= ($text) ? $text : ''; } $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $type = (isset($settings->type) && $settings->type) ? $settings->type : ''; $barStyle = $cssHelper->generateStyle('.sppb-progress', $settings, ['bar_height' => 'height']); $barLineHeightStyle = $cssHelper->generateStyle('.sppb-progress-bar', $settings, ['bar_height' => 'line-height']); $textStyle = $cssHelper->generateStyle('.sppb-progress-label', $settings, ['text_color' => 'color'], false); $textFontStyle = $cssHelper->typography('.sppb-progress-label', $settings, 'label_typography', ['font' => 'text_fontfamily', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight']); $percentStyle = $cssHelper->generateStyle('.sppb-progress-label > span', $settings, ['percentage_color' => 'color'], false); $percentFontStyle = $cssHelper->typography('.sppb-progress-label > span', $settings, 'percentage_typography', ['font' => 'percentage_fontfamily', 'size' => 'percentage_fontsize', 'line_height' => 'percentage_lineheight', 'weight' => 'percentage_fontweight']); if ($type === 'custom') { $customBarStyle = $cssHelper->generateStyle('.sppb-progress', $settings, ['bar_background' => "background-color"], false); $customBarBackgroundStyle = $cssHelper->generateStyle('.sppb-progress-bar', $settings, ['progress_bar_background' => "background-color"], false); $css .= $customBarStyle; $css .= $customBarBackgroundStyle; } $css .= $barStyle; $css .= $textStyle; $css .= $percentStyle; $css .= $textFontStyle; $css .= $percentFontStyle; $css .= $barLineHeightStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let show_percentage = data.show_percentage \|\| 0 let progressClass = (!_.isEmpty(data.shape)) ? "sppb-progress-"+data.shape:"" #> <style type="text/css">'; $output .= $lodash->unit('height', '.sppb-progress', 'data.bar_height', 'px', false); $output .= $lodash->unit('line-height', '.sppb-progress-bar', 'data.bar_height', 'px', false); $output .= '<# if(data.type == "custom") { #>'; $output .= $lodash->color('color', '.sppb-progress-label', 'data.text_color'); $output .= $lodash->color('color', '.sppb-progress-label span ', 'data.percentage_color'); $output .= $lodash->color('background-color', '.sppb-progress', 'data.bar_background'); $output .= $lodash->color('background-color', '.sppb-progress-bar', 'data.progress_bar_background'); // Label $labelTypographyFallbacks = [ 'font' => 'data.text_fontfamily', 'size' => 'data.text_fontsize', 'line_height' => 'data.text_lineheight', 'weight' => 'data.text_fontweight', ]; $output .= $lodash->typography('.sppb-progress-label', 'data.label_typography', $labelTypographyFallbacks); // Percentage $percentageTypographyFallbacks = [ 'font' => 'data.percentage_fontfamily', 'size' => 'data.percentage_fontsize', 'line_height' => 'data.percentage_lineheight', 'weight' => 'data.percentage_fontweight', ]; $output .= $lodash->typography('.sppb-progress-label span', 'data.percentage_typography', $percentageTypographyFallbacks); $output .= '<# } #>'; $output .= ' </style> <div class="sppb-addon {{ data.class }}"> <# if( show_percentage != 0 ) {#> <div class="sppb-progress-label clearfix"> {{ data.text }} <span> {{ data.progress }}%</span> </div> <# } #> <div class="sppb-progress {{ progressClass }}"> <div class="sppb-progress-bar {{ data.type }} {{ data.stripped }}" role="progressbar" aria-valuenow="{{ data.progress }}" aria-valuemin="0" aria-valuemax="100" data-width="{{ data.progress }}%"> <# if(show_percentage == 0) { #> {{ data.text }} <# } #> </div> </div> </div> '; return $output; } } ��progress_bar/admin.php��0000644��00000012446�15231074400�0011040 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'general', 'addon_name' => 'progress_bar', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M27.938 4H4.062a1.062 1.062 0 000 2.123h23.876a1.062 1.062 0 100-2.123zM4.062 3a2.062 2.062 0 100 4.123h23.876a2.062 2.062 0 100-4.123H4.062z" fill="currentColor"/><rect x="2" y="3" width="7" height="4.123" rx="2.062" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M27.938 25.877H4.062a1.062 1.062 0 000 2.123h23.876a1.062 1.062 0 100-2.123zm-23.876-1a2.062 2.062 0 000 4.123h23.876a2.062 2.062 0 100-4.123H4.062z" fill="currentColor"/><rect x="2" y="24.877" width="14" height="4.123" rx="2.062" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M27.938 15.34H4.062a1.062 1.062 0 100 2.122h23.876a1.062 1.062 0 100-2.123zm-23.876-1a2.062 2.062 0 100 4.122h23.876a2.062 2.062 0 100-4.123H4.062z" fill="currentColor"/><rect x="2" y="14.339" width="20" height="4.123" rx="2.062" fill="currentColor"/></svg>', 'settings' => [ 'progress_bar' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR'), 'fields' => [ 'type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_TYPE_DESC'), 'values' => [ 'sppb-progress-bar-primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'sppb-progress-bar-success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'sppb-progress-bar-info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'sppb-progress-bar-warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'sppb-progress-bar-danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', ], 'stripped' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_STRIPPED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_STRIPPED_DESC'), 'values' => [ '' => Text::_('JNO'), 'sppb-progress-bar-striped' => Text::_('JYES'), ], ], 'show_percentage' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_PERCENTAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_SHOW_PERCENTAGE_DESC'), 'std' => 0, ], 'text_separator' => [ 'type' => 'separator', ], 'text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_TEXT_DESC'), 'inline' => true, ], 'label_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_fontfamily', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight', ], ], 'text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends'=> [['type', '=', 'custom']], ], 'bar_separator' => [ 'type' => 'separator', ], 'bar_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_HEIGHT_DESC'), 'std' => 24, 'min' => 1, 'max' => 100, 'info' => 'px', ], 'bar_background' => [ 'type' => 'color', 'std' => 'rgba(51, 102, 255, 0.15)', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_BAR'), 'depends'=> [['type', '=', 'custom']], ], 'progress_separator' => [ 'type' => 'separator', ], 'progress' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_PROGRESS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PROGRESS_BAR_PROGRESS_DESC'), 'std' => 60, 'min' => 1, 'max' => 100, 'info' => '%', ], 'percentage_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'percentage_fontfamily', 'size' => 'percentage_fontsize', 'line_height' => 'percentage_lineheight', 'weight' => 'percentage_fontweight', ], ], 'progress_bar_background' => [ 'type' => 'color', 'std' => '#3366FF', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends'=> [['type', '=', 'custom']], ], 'percentage_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends'=> [['type', '=', 'custom']], ], ], ], ], ]);��progress_bar/.htaccess��0000555��00000000355�15231074400�0011032 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��lottie/site.php��0000644��00000014051�15231074400�0007516 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonLottie extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; //Options $lottie_url = (isset($settings->lottie_url) && $settings->lottie_url) ? $settings->lottie_url : ''; $lottie_file = (isset($settings->lottie_file) && $settings->lottie_file) ? $settings->lottie_file : ''; $src_file = (isset($settings->source) && $settings->source == "internal") ? $lottie_file : $lottie_url; $file_src = $src_file; if(is_object($src_file)) { $file_src = $src_file->src; } $loop = isset($settings->loop) ? $settings->loop : 0; $autoplay = isset($settings->autoplay) ? $settings->autoplay : 0; $speed = isset($settings->speed) ? $settings->speed : 1; $mode = (isset($settings->mode) && $settings->mode) ? $settings->mode : 'none'; $renderer = (isset($settings->renderer) && $settings->renderer) ? $settings->renderer : 'svg'; $hover_out = (isset($settings->hover_out) && $settings->hover_out) ? $settings->hover_out : 'default'; $direction = (isset($settings->direction) && $settings->direction) ? $settings->direction : 'forward'; $start = !empty($settings->frame_start) ? $settings->frame_start : ''; $end = !empty($settings->frame_end) ? $settings->frame_end : ''; $viewport_top = !empty($settings->viewport_top) ? $settings->viewport_top : 0; $viewport_bottom = !empty($settings->viewport_bottom) ? $settings->viewport_bottom : 0; $output = '<div class="sppb-addon-lottie">'; $output .= '<div class="sppb-addon-content">'; $output .= '<div id="sppb-addon-lottie-player-' . $this->addon->id . '" class="lottie-player" data-autoplay="' . $autoplay . '" data-loop="' . $loop . '" data-mode="' . $mode . '" data-renderer="'. $renderer .'" data-hover_out="' . $hover_out . '" src="' . $file_src . '" background="transparent" data-direction="' . $direction . '" data-speed="' . $speed . '" data-frame_start="' . $start . '" data-frame_end="' . $end . '" data-viewport_top="' . $viewport_top . '" data-viewport_bottom="' . $viewport_bottom . '"></div>'; $output .= '</div>'; $output .= '</div>'; return $output; } public function css() { $settings = $this->addon->settings; $addon_id = "#sppb-addon-lottie-player-" . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $style = $cssHelper->generateStyle(':self', $settings, ['width' => 'width', 'height' => 'height'], 'px'); $css = $style; return $css; } public function scripts() { return [ Uri::base(true) . '/components/com_sppagebuilder/assets/js/lottie.min.js', Uri::base(true) . '/components/com_sppagebuilder/assets/js/lottie-addon.js' ]; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-lottie-{{ data.id }}'); $output = ' <# let lottie_url = (typeof data.lottie_url !== "undefined" && data.lottie_url) ? data.lottie_url : ""; let lottie_file = (typeof data.lottie_file !== "undefined" && data.lottie_file) ? data.lottie_file : ""; let src_file = (typeof data.source !== "undefined" && data.source == "internal") ? lottie_file : lottie_url; let file_src = src_file; if(_.isObject(src_file)) { file_src = src_file.src; } #>'; $output .= '<style type="text/css">'; $output .= $lodash->unit('width', "#sppb-addon-lottie-player-{{ data.id }}", 'data?.width', "{{ data?.width?.unit }}"); $output .= $lodash->unit('height', "#sppb-addon-lottie-player-{{ data.id }}", 'data?.height', "{{data?.height?.unit}}"); $output .= '</style>'; $output .= ' <div class="sppb-addon-lottie-wrapper"> <div class="sppb-addon-content"> <div id="sppb-addon-lottie-{{ data.id }}" class="sppb-addon-lottie {{data.class}}"> <# if(file_src) {#> <div class="lottie-player" id="sppb-addon-lottie-player-{{ data.id }}" src=\'{{file_src}}\' background="transparent" data-external = true data-autoplay = {{ data.autoplay }} data-loop = {{ data.loop }} data-mode = {{ data.mode }} data-renderer = {{ data.renderer }} data-hover_out = {{ data.hover_out }} data-viewport_top = {{(data.viewport_top != undefined && data.viewport_top) ? data.viewport_top : 0}} data-viewport_bottom = {{(data.viewport_bottom != undefined && data.viewport_bottom) ? data.viewport_bottom : 0}} data-direction="{{(data.direction != undefined && data.direction) ? data.direction : "forward" }}" data-speed="{{(data.speed != undefined && data.speed) ? data.speed : 1}}" data-frame_start="{{(data.frame_start != undefined && data.frame_start) ? data.frame_start : ""}}" data-frame_end="{{(data.frame_end != undefined && data.frame_end) ? data.frame_end : ""}}" ></div> <# } else { #> <div class="lottie-player" src="https://assets8.lottiefiles.com/packages/lf20_v92o72md.json" id="sppb-addon-lottie-player-{{ data.id }}" data-autoplay = {{ data.autoplay }} data-loop = {{ data.loop }} data-mode = {{ data.mode }} data-renderer = {{ data.renderer }} data-hover_out = {{ data.hover_out }} data-viewport_top = {{(data.viewport_top != undefined && data.viewport_top) ? data.viewport_top : 0}} data-viewport_bottom = {{(data.viewport_bottom != undefined && data.viewport_bottom) ? data.viewport_bottom : 0}} data-direction="{{(data.direction != undefined && data.direction) ? data.direction : "forward" }}" data-speed="{{(data.speed != undefined && data.speed) ? data.speed : 1}}" data-frame_start="{{(data.frame_start != undefined && data.frame_start) ? data.frame_start : ""}}" data-frame_end="{{(data.frame_end != undefined && data.frame_end) ? data.frame_end : ""}}"></div> <# } #> </div> </div> </div> '; return $output; } } ��lottie/admin.php��0000644��00000014273�15231074400�0007650 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http: //www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http: //www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'lottie', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.1 27.6c0 1.2 1 2.2 2.2 2.2h23.2c1.2 0 2.2-1 2.2-2.2V4.4c0-1.2-1-2.2-2.2-2.2H4.4c-1.2 0-2.2 1-2.2 2.2v23.2h-.1zm2.3 4.2c-2.3 0-4.2-1.9-4.2-4.2V4.4C.2 2 2 .2 4.4.2h23.2c2.3 0 4.2 1.9 4.2 4.2v23.2c0 2.3-1.9 4.2-4.2 4.2H4.4z" fill="currentColor"/><path opacity=".5" d="M23.5 7c-4.2 0-6.6 4.2-8.85 8.25C12.85 18.7 11.05 22 8.5 22c-.9 0-1.5.6-1.5 1.5S7.6 25 8.5 25c4.2 0 6.6-4.2 8.85-8.25 1.8-3.45 3.6-6.75 6.15-6.75.9 0 1.5-.6 1.5-1.5S24.4 7 23.5 7z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_SOURCE'), 'fields' => [ 'source' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_SOURCE'), 'values' => [ 'internal' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_SOURCE_MEDIA'), 'external' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_SOURCE_EXTERNAL'), ], 'std' => 'internal', ], 'lottie_file' => [ 'type' => 'media', 'format' => 'attachment', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_FILE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_FILE_DESC'), 'std' => 'https://assets8.lottiefiles.com/packages/lf20_fie6iq7l.json', 'hide_preview' => true, 'depends' => [['source', '=', 'internal']], ], 'lottie_url' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_URL_DESC'), 'std' => 'https://assets8.lottiefiles.com/packages/lf20_fie6iq7l.json', 'depends' => [['source', '=', 'external']], ], 'width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'responsive' => true, 'unit' => true, ], 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'responsive' => true, 'unit' => true, ], ], ], 'interactivity' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_INTERACTIVITY'), 'fields' => [ 'mode' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_MODE'), 'values' => [ 'viewport' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_MODE_VIEWPORT'), 'click' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_MODE_ON_CLICK'), 'hover' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_MODE_ON_HOVER'), 'scroll' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_MODE_SCROLL'), 'none' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_MODE_NONE'), ], 'std' => 'none', 'inline' => true, ], 'autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_AUTOPLAY_DESC'), 'std' => 0, 'depends' => [ ['mode', '!=', 'scroll'], ['mode', '!=', 'click'], ['mode', '!=', 'hover'] ], ], 'loop' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_LOOP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_LOOP_DESC'), 'std' => 0, 'depends' => [['mode', '!=', 'scroll'], ['mode', '!=', 'hover']], ], 'hover_out' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_ON_HOVER_OUT'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'reverse' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_ON_HOVER_OUT_REVERSE'), 'pause' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_ON_HOVER_OUT_PAUSE'), ], 'std' => 'default', 'inline' => true, 'depends' => [['mode', '=', 'hover']], ], 'renderer' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_RENDERER'), 'values' => [ 'svg' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_RENDERER_SVG'), 'canvas' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_RENDERER_CANVAS'), ], 'std' => 'svg', 'inline' => true, ], 'speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_SPEED'), 'min' => 1, 'max' => 10, 'step' => 0.1, 'std' => 1, 'depends' => [['mode', '!=', 'scroll']], ], 'viewport_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_VIEWPORT_TOP'), 'depends' => [ ['mode', '!=', 'hover'], ['mode', '!=', 'viewport'], ['mode', '!=', 'click'], ['mode', '!=', 'none'] ], ], 'viewport_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_VIEWPORT_BOTTOM'), 'depends' => [ ['mode', '!=', 'hover'], ['mode', '!=', 'viewport'], ['mode', '!=', 'click'], ['mode', '!=', 'none'] ], ], 'frame_start' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_START_POINT'), ], 'frame_end' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_END_POINT'), ], 'direction' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_DIRECTION'), 'values' => [ 'forward' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_DIRECTION_FORWARD'), 'backward' => Text::_('COM_SPPAGEBUILDER_ADDON_LOTTIE_DIRECTION_BACKWARD'), ], 'std' => 'forward', 'depends' => [ ['mode', '!=', 'hover'], ['mode', '!=', 'scroll'] ], ], ] ], ], ]); ��lottie/.htaccess��0000555��00000000355�15231074400�0007642 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��ajax_contact/assets/images/icon.png��0000644��00000003107�15231074400�0013404 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:D8F49EB940E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:D8F49EBA40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:D8F49EB740E011E69A38F8F21A167467" stRef:documentID="xmp.did:D8F49EB840E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>/#z��IDATx��u�0`�$0H�TH@��:��B�\��{ykY��_��A`a�4�<n ��0�!�0�!Bf{Ҷ<�� h۫m Z�^�ID�(@��aH�Cp6~��nd��`좬ء��_+f��~$N6�c�"A��P]Q=�q��S�&,��c��-�~?�%��X97�/3�?z��$c0wbl��;�E`\�8j�3X�j`1��[9Rّ�-��eG�))��[��f0��1�e�0�7�C�,�k`��U0]��#�&V��X��H�z�؀Vh.2(U6��1��}^q0OGe��<-��0鲃�R=��D�:�8�jK��[�%�s��6{��,]��t+�&�N�L��ªf6��g��(�bA�fʆ��KW��f�3u��Mq�%��C��#�g! ��c�G��x�릾�m}�q��oi�leJ M,�8�O�征��(b��U0W��fI��X��6�q�>��Sh��"��@sv�3y�ch��]��atdk��T 8�.pq��3�% ��}��}��$��K��N��T��Gw�魿��D�X#\$op�\|h�.ګ~�C��:��Ɵ��ԃ��4��IEND�B`��ajax_contact/assets/images/.htaccess��0000555��00000000355�15231074400�0013547 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��ajax_contact/assets/.htaccess��0000555��00000000355�15231074400�0012302 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��ajax_contact/site.php��0000644��00000125470�15231074400�0010664 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Factory; use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Language\Text; use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Plugin\PluginHelper; use Joomla\CMS\Session\Session; // No direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonAjax_contact extends SppagebuilderAddons { public static $salt = '3a1q3ko70zwa2lxnui73qk3hm7g2xq6oe7bi0ydk0eulifabjb'; /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { // CSRF token HTMLHelper::_('jquery.token'); $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Addon options $recipient_email = (isset($settings->recipient_email) && $settings->recipient_email) ? $settings->recipient_email : ''; $from_email = (isset($settings->from_email) && $settings->from_email) ? $settings->from_email : ''; $from_name = (isset($settings->from_name) && $settings->from_name) ? $settings->from_name : ''; $show_phone = (isset($settings->show_phone) && $settings->show_phone) ? $settings->show_phone : ''; $formcaptcha = (isset($settings->formcaptcha) && $settings->formcaptcha) ? $settings->formcaptcha : ''; $captcha_type = (isset($settings->captcha_type)) ? $settings->captcha_type : 'default'; $captcha_question = (isset($settings->captcha_question) && $settings->captcha_question) ? $settings->captcha_question : ''; $captcha_answer = (isset($settings->captcha_answer) && $settings->captcha_answer) ? $settings->captcha_answer : ''; $button_text = Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SEND'); $use_custom_button = (isset($settings->use_custom_button) && $settings->use_custom_button) ? $settings->use_custom_button : 0; $show_checkbox = (isset($settings->show_checkbox) && $settings->show_checkbox) ? $settings->show_checkbox : 0; $checkbox_title = (isset($settings->checkbox_title) && $settings->checkbox_title) ? $settings->checkbox_title : ''; $button_class = (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ' sppb-btn-success'; $button_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SEND'); $button_aria_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SEND'); $name_input_col = (isset($settings->name_input_col) && $settings->name_input_col) ? ' sppb-col-sm-' . $settings->name_input_col : ' sppb-col-sm-12'; $email_input_col = (isset($settings->email_input_col) && $settings->email_input_col) ? ' sppb-col-sm-' . $settings->email_input_col : ' sppb-col-sm-12'; $captcha_input_col = (isset($settings->captcha_input_col) && $settings->captcha_input_col) ? ' sppb-col-sm-' . $settings->captcha_input_col : ' sppb-col-sm-12'; $subject_input_col = (isset($settings->subject_input_col) && $settings->subject_input_col) ? ' sppb-col-sm-' . $settings->subject_input_col : ' sppb-col-sm-12'; $phone_input_col = (isset($settings->phone_input_col) && $settings->phone_input_col) ? ' sppb-col-sm-' . $settings->phone_input_col : ' sppb-col-sm-12'; $message_input_col = (isset($settings->message_input_col) && $settings->message_input_col) ? ' sppb-col-sm-' . $settings->message_input_col : ' sppb-col-sm-12'; $show_label = (isset($settings->show_label) && $settings->show_label) ? $settings->show_label : false; if ($use_custom_button) { $button_class .= (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_class .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_class .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_class .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $button_icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position === 'left') { $button_text = ($button_icon) ? '<span class="' . $button_icon . '" aria-hidden="true"></span> ' . $button_text : $button_text; } else { $button_text = ($button_icon) ? $button_text . ' <span class="' . $button_icon . '" aria-hidden="true"></span>' : $button_text; } } $output = '<div class="sppb-addon sppb-addon-ajax-contact ' . $class . '">'; if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } $output .= '<div class="sppb-ajax-contact-content">'; $output .= '<form class="sppb-ajaxt-contact-form">'; $output .= '<div class="sppb-row">'; $output .= '<div class="sppb-form-group ' . $name_input_col . '">'; if ($show_label) { $output .= '<label for="name">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME') . '</label>'; } $output .= '<input type="text" name="name" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME') . '" required="required">'; $output .= '</div>'; $output .= '<div class="sppb-form-group ' . $email_input_col . '">'; if ($show_label) { $output .= '<label for="email">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL') . '</label>'; } $output .= '<input type="email" name="email" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL') . '" required="required">'; $output .= '</div>'; if (!empty($show_phone)) { $output .= '<div class="sppb-form-group ' . $phone_input_col . '">'; if ($show_label) { $output .= '<label for="phone">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_PHONE') . '</label>'; } $output .= '<input type="text" name="phone" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_PHONE') . '" required="required">'; $output .= '</div>'; } $output .= '<div class="sppb-form-group ' . $subject_input_col . '">'; if ($show_label) { $output .= '<label for="subject">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT') . '</label>'; } $output .= '<input type="text" name="subject" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT') . '" required="required">'; $output .= '</div>'; $output .= '<div class="sppb-form-group ' . $message_input_col . '">'; if ($show_label) { $output .= '<label for="message">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_MESSAGE') . '</label>'; } $output .= '<textarea name="message" rows="5" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_MESSAGE') . '" required="required"></textarea>'; $output .= '</div>'; if ($formcaptcha && $captcha_type == 'default') { $output .= '<div class="sppb-form-group ' . $captcha_input_col . '">'; if ($show_label) { $output .= '<label for="captcha_question">' . $captcha_question . '</label>'; } $output .= '<input type="text" name="captcha_question" class="sppb-form-control" placeholder="' . $captcha_question . '" required="required">'; $output .= '</div>'; } $output .= '</div>'; $hidden_value = array( 'recipient_email' => base64_encode($recipient_email), 'from_email' => base64_encode($from_email), 'from_name' => base64_encode($from_name) ); $hidden_json = json_encode($hidden_value); $hidden_base64 = base64_encode($hidden_json); $encrypted_salt_key = md5(self::$salt . $hidden_base64); $output .= '<input type="hidden" name="form_id" value="' . $hidden_base64 . ':' . $encrypted_salt_key . '" >'; $output .= '<input type="hidden" name="addon_id" value="' . $this->addon->id . '">'; if ($formcaptcha && $captcha_type == 'default') { $output .= '<input type="hidden" name="captcha_answer" value="' . md5($captcha_answer) . '">'; } elseif ($formcaptcha && $captcha_type == 'gcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha'); Factory::getApplication()->triggerEvent('onInit', ['dynamic_recaptcha_' . $this->addon->id]); $recaptcha = Factory::getApplication()->triggerEvent('onDisplay', array(null, 'dynamic_recaptcha_' . $this->addon->id, 'sppb-dynamic-recaptcha')); $output .= (isset($recaptcha[0])) ? $recaptcha[0] : '<p class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_NOT_INSTALLED') . '</p>'; } elseif ($formcaptcha && $captcha_type == 'igcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha_invisible'); Factory::getApplication()->triggerEvent('onInit', ['invisible_recaptcha_' . $this->addon->id]); $recaptcha = Factory::getApplication()->triggerEvent('onDisplay', ['invisible_recaptcha_' . $this->addon->id, 'sppb-dynamic-recaptcha']); $output .= (isset($recaptcha[0])) ? $recaptcha[0] : '<p class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVISIBLE_CAPTCHA_NOT_INSTALLED') . '</p>'; } if ($show_checkbox) { $output .= '<div class="sppb-form-group">'; $output .= '<div class="sppb-form-check">'; $output .= '<input class="sppb-form-check-input" type="checkbox" name="agreement" id="agreement-' . $this->addon->id . '" required="required">'; $output .= '<label class="sppb-form-check-label" for="agreement-' . $this->addon->id . '">' . $checkbox_title . '</label>'; $output .= '</div>'; $output .= '</div>'; } $output .= '<input type="hidden" name="captcha_type" value="' . $captcha_type . '">'; $output .= '<div class="sppb-form-button">'; $output .= '<button type="submit" id="btn-' . $this->addon->id . '" aria-label="' . strip_tags($button_aria_text) . '" class="sppb-btn' . $button_class . '">' . $button_text . '</button>'; $output .= '</div>'; $output .= '</form>'; $output .= '<div style="display:none;margin-top:10px;" class="sppb-ajax-contact-status"></div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Get ajax value. * * @return void * @since 1.0.0 / public static function getAjax() { // If cache isn't enable if (!Factory::getConfig()->get('caching') && !PluginHelper::getPlugin('system', 'cache')) { // Check CSRF Session::checkToken() or die('Restricted Access'); } // include page builder page model require_once JPATH_BASE . '/components/com_sppagebuilder/models/page.php'; $input = Factory::getApplication()->input; $viewid = $input->get('id', 0, 'INT'); $mail = Factory::getMailer(); $message = ''; $showcaptcha = false; //inputs $inputs = $input->get('data', array(), 'ARRAY'); foreach ($inputs as $input) { if ($input['name'] == 'form_id') { $data = $input['value']; $hidden_data = explode(':', $data); $encrypted_salt_key = md5(self::$salt . $hidden_data[0]); if ($encrypted_salt_key === $hidden_data[1]) { $decrypted_data = json_decode(base64_decode($hidden_data[0])); $recipient = base64_decode($decrypted_data->recipient_email); $from_email = base64_decode($decrypted_data->from_email); $from_name = base64_decode($decrypted_data->from_name); } else { die('Restricted Access'); } } if ($input['name'] == 'captcha_type') { $captcha_type = $input['value']; } if ($input['name'] == 'view_type') { $view_type = $input['value']; } if ($input['name'] == 'addon_id') { $addon_id = $input['value']; } if ($input['name'] == 'module_id') { $module_id = $input['value']; } if ($input['name'] == 'email') { $email = $input['value']; } if ($input['name'] == 'name') { $name = $input['value']; } if ($input['name'] == 'subject') { $subject = $input['value']; } if ($input['name'] == 'phone') { $phone = $input['value']; } if ($input['name'] == 'message') { $message = nl2br($input['value']); } if ($input['name'] == 'captcha_question') { $captcha_question = $input['value']; } if ($input['name'] == 'captcha_answer') { $captcha_answer = $input['value']; $showcaptcha = true; } if ($input['name'] == 'g-recaptcha-response') { $gcaptcha = $input['value']; $showcaptcha = true; } if ($input['name'] == 'agreement') { $agreement = $input['value']; } } // get addon infos if ($view_type == 'module') { $item_data = new stdClass(); $page_info = self::getPageInfoById($module_id, $view_type, 'new'); if (empty($page_info)) // if old version of module { $page_info = self::getPageInfoById($module_id, $view_type); $item_data->text = json_encode(json_decode($page_info->params)->content); } else // if new version of module { $item_data->text = $page_info->content ?? $item_data->text; } } elseif ($view_type == 'article') { $item_data = new stdClass(); $item_data = self::getPageInfoById($viewid, $view_type); } else { $model = new SppagebuilderModelPage(); $item_data = $model->getItem($viewid); } $output = array(); $output['status'] = false; $output['gcaptchaId'] = ''; // Match has addon id if (self::verifyAddon($item_data->content ?? $item_data->text, $addon_id) == false) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FAILED') . '</span>'; return json_encode($output); } if ($showcaptcha) { if ($captcha_type == 'gcaptcha' \|\| $captcha_type == 'igcaptcha') { if ($gcaptcha == '') { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVALID_CAPTCHA') . '</span>'; return json_encode($output); } else { if ($captcha_type == 'igcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha_invisible'); $output['gcaptchaId'] = 'invisible_recaptcha_' . $addon_id; $output['gcaptchaType'] = 'invisible'; } else { PluginHelper::importPlugin('captcha', 'recaptcha'); $output['gcaptchaId'] = 'dynamic_recaptcha_' . $addon_id; $output['gcaptchaType'] = 'dynamic'; } $res = Factory::getApplication()->triggerEvent('onCheckAnswer', [$gcaptcha]); // if module then verify gcaptcha if ($view_type == 'module') { $res = ($gcaptcha != null \|\| strlen($gcaptcha) != 0) ? array(true) : array(false); } if (!$res[0]) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVALID_CAPTCHA') . '</span>'; return json_encode($output); } } } else { if (md5($captcha_question) != $captcha_answer) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_WRONG_CAPTCHA') . '</span>'; return json_encode($output); } } } // Get sender UP $senderip = isset($_SERVER['HTTP_X_FORWARDED_FOR']) ? $_SERVER['HTTP_X_FORWARDED_FOR'] : $_SERVER['REMOTE_ADDR']; // Subject Structure $site_name = isset($_SERVER['SERVER_NAME']) ? $_SERVER['SERVER_NAME'] : ''; $mailSubject = $subject . ' \| ' . $site_name; // Message structure $mailBody = '<div>'; if (isset($name) && $name) { $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME') . '</strong>: ' . $name . '</p>'; } $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL') . '</strong>: ' . $email . '</p>'; if (isset($phone) && $phone) { $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_PHONE') . '</strong>: ' . $phone . '</p>'; } if (isset($message) && $message) { $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_MESSAGE') . '</strong>: ' . $message . '</p>'; } if (isset($agreement) && $agreement) { $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_TAC') . '</strong>: ' . Text::_('JYES') . '</p>'; } else { $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_TAC') . '</strong>: ' . Text::_('JNO') . '</p>'; } $mailBody .= '<p><strong>' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SENDER_IP') . '</strong>: ' . $senderip . '</p>'; $mailBody .= '</div>'; $config = Factory::getConfig(); $senderMail = $config->get('mailfrom'); $senderName = $config->get('fromname'); // $sender = array( $email, $name ); if (!empty($from_email)) { $senderMail = $from_email; $senderName = $from_name; } if (empty($senderMail) && empty($senderName)) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FAILED') . '</span>'; } if (empty($recipient)) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FAILED') . '</span>'; } $isHtmlMode = true; $attachment = $cc = $bcc = null; if ($mail->sendMail($senderMail, $senderName, $recipient, $mailSubject, $mailBody, $isHtmlMode, $cc, $bcc, $attachment, $email, $name)) { $output['status'] = true; $output['content'] = '<span class="sppb-text-success">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUCCESS') . '</span>'; } else { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FAILED') . '</span>'; } return json_encode($output); } /* * Get page by ID. * * @param int $the page ID. * @param string $view_type * @param string $version * * @return void * @since 1.0.0 / public static function getPageInfoById($item_id, $view_type = 'page', $version = '') { $db = Factory::getDbo(); $query = $db->getQuery(true); $query->select(array('a.')); if ($view_type == 'module') { if ($version == 'new') { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.extension_view') . " = " . $db->quote('module')); $query->where($db->quoteName('a.view_id') . " = " . $db->quote((int) $item_id)); } else { $query->from($db->quoteName('#__modules', 'a')); $query->where($db->quoteName('a.id') . " = " . $db->quote((int) $item_id)); } } else if ($view_type == 'article') { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.view_id') . " = " . $db->quote((int) $item_id)); } else { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.id') . " = " . $db->quote((int) $item_id)); } $db->setQuery($query); $result = $db->loadObject(); return $result; } public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css_path = new FileLayout('addon.css.button', $layout_path); $cssHelper = new CSSHelper($addon_id); $css = ''; $use_custom_button = (isset($settings->use_custom_button) && $settings->use_custom_button) ? $settings->use_custom_button : 0; if ($use_custom_button) { $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $this->addon->settings, 'id' => 'btn-' . $this->addon->id)); } $inputProps = [ 'field_bg_color' => 'background', 'field_color' => 'color', 'field_font_size' => 'font-size', 'field_border_color' => 'border-color', 'field_border_width' => 'border-width', 'field_border_radius' => 'border-radius', 'field_padding' => 'padding', 'input_height' => 'height', ]; $inputUnits = [ 'field_bg_color' => false, 'field_color' => false, 'field_border_color' => false, 'field_padding' => false, 'field_border_width' => false ]; $modifiers = ['field_padding' => 'spacing']; $fieldStyle = $cssHelper->generateStyle( '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', $settings, $inputProps, $inputUnits, $modifiers ); $inputPropsTextArea = [ 'field_bg_color' => 'background', 'field_color' => 'color', 'field_font_size' => 'font-size', 'field_border_color' => 'border-color', 'field_border_width' => 'border-width', 'field_border_radius' => 'border-radius', 'field_padding' => 'padding', 'textarea_height' => 'height', ]; $fieldTextAreaStyle = $cssHelper->generateStyle( '.sppb-ajaxt-contact-form div.sppb-form-group textarea', $settings, $inputPropsTextArea, $inputUnits, $modifiers ); $fieldMarginStyle = $cssHelper->generateStyle('.sppb-ajaxt-contact-form div.sppb-form-group', $settings, ['field_margin' => 'margin'], false, ['field_margin' => 'spacing']); $fieldHoverStyle = $cssHelper->generateStyle( ".sppb-ajaxt-contact-form .sppb-form-group input:hover, .sppb-ajaxt-contact-form .sppb-form-group input:active, .sppb-ajaxt-contact-form .sppb-form-group input:focus, .sppb-ajaxt-contact-form .sppb-form-group textarea:hover, .sppb-ajaxt-contact-form .sppb-form-group textarea:active, .sppb-ajaxt-contact-form .sppb-form-group textarea:focus", $settings, [ 'field_hover_bg_color' => 'background', 'field_focus_border_color' => 'border-color' ], false ); $placeholderStyle = $cssHelper->generateStyle('.sppb-ajaxt-contact-form .sppb-form-group input::placeholder,.sppb-ajaxt-contact-form .sppb-form-group textarea::placeholder', $settings, ['field_placeholder_color' => 'color'], false); $hoverPlaceholderStyle = $cssHelper->generateStyle('.sppb-ajaxt-contact-form .sppb-form-group input:hover::placeholder,.sppb-ajaxt-contact-form .sppb-form-group textarea:hover::placeholder', $settings, ['field_hover_placeholder_color' => 'color'], false); $buttonStyle = $cssHelper->generateStyle('.sppb-btn span', $settings, ['button_icon_margin' => 'margin'], false, ['button_icon_margin' => 'spacing']); $buttonPositionStyle = $cssHelper->generateStyle('.sppb-form-button', $settings, ['button_position' => 'text-align'], false); $css .= $fieldMarginStyle; $css .= $fieldStyle; $css .= $fieldTextAreaStyle; $css .= $fieldHoverStyle; $css .= $placeholderStyle; $css .= $hoverPlaceholderStyle; $css .= $buttonStyle; $css .= $buttonPositionStyle; return $css; } public static function verifyAddon($pageContent, $addonId) { $addonInfo = false; $pageContent = json_decode($pageContent); foreach ($pageContent as $key => $row) { foreach ($row->columns as $key => $column) { foreach ($column->addons as $key => $addon) { // if direct addon if (($addon->id == $addonId) && ($addon->name == 'ajax_contact')) { return true; break; } // if has inner array if (isset($addon->columns) && count($addon->columns) && $addon->columns) { foreach ($addon->columns as $key => $inner_column) { foreach ($inner_column->addons as $key => $inner_addon) { if (($inner_addon->id == $addonId) && ($inner_addon->name == 'ajax_contact')) { return true; break; } } } } // END:: has inner columns // if repeatable addon (tab, accordion) $inner_items = 'sp_' . $addon->name . '_item'; if (isset($addon->settings->$inner_items) && count($addon->settings->$inner_items) && $addon->settings->$inner_items) { foreach ($addon->settings->$inner_items as $inner_item) { if (isset($inner_item->content) && is_array($inner_item->content) && !empty($inner_item->content)) { foreach ($inner_item->content as $inner_addon) { if (($inner_addon->id == $addonId) && ($inner_addon->name == 'ajax_contact')) { return true; break; } } } } } // END:: repeatable addon (tab, accordion) } } } return false; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var classList = ""; if (!_.isEmpty(data.button_type) && data.button_type !== undefined) { classList += " sppb-btn-"+data.button_type; } else { classList += " sppb-btn-success"; } if (data.button_size !== undefined) { classList += " sppb-btn-"+data.button_size; } if (!_.isEmpty(data.button_shape) && data.button_shape !== undefined) { classList += " sppb-btn-"+data.button_shape; } else { classList += " sppb-btn-rounded"; } if(!_.isEmpty(data.button_appearance)) { classList += " sppb-btn-"+data.button_appearance; } if (data.button_block !== undefined) { classList += " " + data.button_block; } var modern_font_style = false; var button_fontstyle = data.button_fontstyle \|\| ""; var button_font_style = data.button_font_style \|\| ""; var button_padding = ""; var button_padding_sm = ""; var button_padding_xs = ""; if(data.button_padding){ if(_.isObject(data.button_padding)){ if(data.button_padding.md.trim() !== ""){ button_padding = data.button_padding.md.split(" ").map(item => { if(_.isEmpty(item)){ return "0"; } return item; }).join(" ") } if(data.button_padding.sm.trim() !== ""){ button_padding_sm = data.button_padding.sm.split(" ").map(item => { if(_.isEmpty(item)){ return "0"; } return item; }).join(" ") } if(data.button_padding.xs.trim() !== ""){ button_padding_xs = data.button_padding.xs.split(" ").map(item => { if(_.isEmpty(item)){ return "0"; } return item; }).join(" ") } } else { if(data.button_padding.trim() !== ""){ button_padding = data.button_padding.split(" ").map(item => { if(_.isEmpty(item)){ return "0"; } return item; }).join(" ") } } } #> <style type="text/css">'; $output .= ' #sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-{{ data.button_type }} { letter-spacing: {{ data.button_letterspace }}; <# if(_.isObject(button_font_style) && button_font_style.underline) { #> text-decoration: underline; <# modern_font_style = true #> <# } #> <# if(_.isObject(button_font_style) && button_font_style.italic) { #> font-style: italic; <# modern_font_style = true #> <# } #> <# if(_.isObject(button_font_style) && button_font_style.uppercase) { #> text-transform: uppercase; <# modern_font_style = true #> <# } #> <# if(_.isObject(button_font_style) && button_font_style.weight) { #> font-weight: {{ button_font_style.weight }}; <# modern_font_style = true #> <# } #> <# if(!modern_font_style) { #> <# if(_.isArray(button_fontstyle)) { #> <# if(button_fontstyle.indexOf("underline") !== -1){ #> text-decoration: underline; <# } #> <# if(button_fontstyle.indexOf("uppercase") !== -1){ #> text-transform: uppercase; <# } #> <# if(button_fontstyle.indexOf("italic") !== -1){ #> font-style: italic; <# } #> <# if(button_fontstyle.indexOf("lighter") !== -1){ #> font-weight: lighter; <# } else if(button_fontstyle.indexOf("normal") !== -1){#> font-weight: normal; <# } else if(button_fontstyle.indexOf("bold") !== -1){#> font-weight: bold; <# } else if(button_fontstyle.indexOf("bolder") !== -1){#> font-weight: bolder; <# } #> <# } #> <# } #> } '; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // Link $output .= ' <# if (data.button_type == "link") { #>'; $output .= $lodash->unit('border-bottom-width', '#btn-{{ data.id }}.sppb-btn-link', 'data.link_button_border_width', 'px', false); $output .= $lodash->unit('padding-bottom', '#btn-{{ data.id }}.sppb-btn-link', 'data.link_button_padding_bottom', 'px', false); $output .= '<# } #>'; // Custom $output .= '<# if (data.button_type == "custom") { #>'; $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color'); // Outline $output .= '<# if(data.button_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); // 3D $output .= '<# } else if (data.button_appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); // Gradient $output .= '<# } else if (data.button_appearance == "gradient") { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_gradient'); $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); // Hover $output .= ' <# } else { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color'); $output .= '<# } #>'; $output .= '<# } #>'; // Textarea $output .= $lodash->color('color', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_color'); $output .= $lodash->unit('background', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_bg_color', '', false); $output .= $lodash->unit('font-size', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_font_size', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_border_radius', 'px', false); $output .= $lodash->border('border-color', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_border_color'); $output .= $lodash->border('border-width', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_border_width'); $output .= $lodash->spacing('padding', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.field_padding'); $output .= '#sppb-addon-{{ data.id }} .sppb-ajaxt-contact-form div.sppb-form-group textarea { transition:.35s; }'; $output .= $lodash->color('color', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_color'); $output .= $lodash->unit('background', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_bg_color', '', false); $output .= $lodash->unit('font-size', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_font_size', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_border_radius', 'px', false); $output .= $lodash->border('border-color', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_border_color'); $output .= $lodash->border('border-width', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_border_width'); $output .= $lodash->spacing('padding', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.field_padding'); $output .= '#sppb-addon-{{ data.id }} .sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input) { transition:.35s; }'; $output .= $lodash->unit('height', '.sppb-ajaxt-contact-form .sppb-form-group input:not(.sppb-form-check-input)', 'data.input_height', 'px'); $output .= $lodash->unit('height', '.sppb-ajaxt-contact-form div.sppb-form-group textarea', 'data.textarea_height', 'px'); $output .= $lodash->unit('margin', '.sppb-ajaxt-contact-form div.sppb-form-group', 'data.field_margin', ''); $output .= $lodash->color('color', '.sppb-ajaxt-contact-form .sppb-form-group input::placeholder, .sppb-ajaxt-contact-form .sppb-form-group textarea::placeholder', 'data.field_placeholder_color'); $output .= '#sppb-addon-{{ data.id }} .sppb-ajaxt-contact-form .sppb-form-group input::placeholder, #sppb-addon-{{ data.id }} .sppb-ajaxt-contact-form .sppb-form-group textarea::placeholder { opacity: 1; }'; $output .= $lodash->color('color', '.sppb-ajaxt-contact-form .sppb-form-group input:hover::placeholder, .sppb-ajaxt-contact-form .sppb-form-group textarea:hover::placeholder', 'data.field_hover_placeholder_color'); $output .= '#sppb-addon-{{ data.id }} .sppb-ajaxt-contact-form .sppb-form-group input:hover::placeholder, #sppb-addon-{{ data.id }} .sppb-ajaxt-contact-form .sppb-form-group textarea:hover::placeholder { opacity: 1; }'; $output .= $lodash->unit('background', '.sppb-ajaxt-contact-form .sppb-form-group input:hover, .sppb-ajaxt-contact-form .sppb-form-group input:active, .sppb-ajaxt-contact-form .sppb-form-group input:focus, .sppb-ajaxt-contact-form .sppb-form-group textarea:hover, .sppb-ajaxt-contact-form .sppb-form-group textarea:active,.sppb-ajaxt-contact-form .sppb-form-group textarea:focus', 'data.field_hover_bg_color', '', false); $output .= $lodash->color('color', '.sppb-ajaxt-contact-form .sppb-form-group input:hover, .sppb-ajaxt-contact-form .sppb-form-group input:active, .sppb-ajaxt-contact-form .sppb-form-group input:focus, .sppb-ajaxt-contact-form .sppb-form-group textarea:hover, .sppb-ajaxt-contact-form .sppb-form-group textarea:active,.sppb-ajaxt-contact-form .sppb-form-group textarea:focus', 'data.field_hover_color'); $output .= $lodash->border('border-color', '.sppb-ajaxt-contact-form .sppb-form-group input:hover, .sppb-ajaxt-contact-form .sppb-form-group input:active, .sppb-ajaxt-contact-form .sppb-form-group input:focus, .sppb-ajaxt-contact-form .sppb-form-group textarea:hover, .sppb-ajaxt-contact-form .sppb-form-group textarea:active,.sppb-ajaxt-contact-form .sppb-form-group textarea:focus', 'data.field_focus_border_color'); // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'weight' => 'data.title_font_style?.weight', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'uppercase' => 'data.title_font_style?.uppercase', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); // link $output .= '<# if (data.button_type == "link") { #>'; $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-link', 'data.link_button_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-link', 'data.link_border_color'); $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-link { text-decoration: none; }'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-link { border-radius: 0; }'; // Hover $output .= '<# if (data.link_button_status == "hover" && "#btn-{{ data.id }} .sppb-btn-link:focus") { #>'; $output .= $lodash->color('color', '#btn-{{ data.id }} .sppb-btn-link:hover', 'data.link_button_hover_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }} .sppb-btn-link:hover', 'data.link_button_border_hover_color'); $output .= '<# } #>'; $output .= '<# } #>'; // Custom $output .= '<# if(data.button_type == "custom") { #>'; $output .= $lodash->spacing('padding', '#btn-{{ data.id }} .sppb-btn-custom', 'data.button_padding'); $output .= $lodash->unit('font-size', '#btn-{{ data.id }} .sppb-btn-custom', 'data.fontsize'); $output .= $lodash->color('color', '#btn-{{ data.id }} .sppb-btn-custom', 'data.button_color'); $output .= '<# } #>'; $output .= $lodash->spacing('margin', '.sppb-btn span', 'data.button_icon_margin'); $output .= $lodash->alignment('text-align', '.sppb-btn-align', 'data.button_position'); $output .= ' </style> <div class="sppb-addon sppb-addon-ajax-contact {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <div class="sppb-ajax-contact-content"> <form class="sppb-ajaxt-contact-form"> <div class="sppb-row"> <div class="sppb-form-group sppb-col-sm-{{ data.name_input_col \|\| 12 }}"> <# if(data.show_label){ #> <label for="name">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME') . '</label> <# } #> <input type="text" name="name" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME') . '" required="required"> </div> <div class="sppb-form-group sppb-col-sm-{{ data.email_input_col \|\| 12 }}"> <# if(data.show_label){ #> <label for="email">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL') . '</label> <# } #> <input type="email" name="email" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL') . '" required="required"> </div> <# if(data.hasOwnProperty("show_phone") && Number(data.show_phone) !== 0) { #> <div class="sppb-form-group sppb-col-sm-{{ data.phone_input_col \|\| 12 }}"> <# if(data.show_label){ #> <label for="subject">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_PHONE') . '</label> <# } #> <input type="text" name="phone" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_PHONE') . '" required="required"> </div> <# } #> <div class="sppb-form-group sppb-col-sm-{{ data.subject_input_col \|\| 12 }}"> <# if(data.show_label){ #> <label for="subject">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT') . '</label> <# } #> <input type="text" name="subject" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT') . '" required="required"> </div> <div class="sppb-form-group sppb-col-sm-{{ data.message_input_col \|\| 12 }}"> <# if(data.show_label){ #> <label for="message">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_MESSAGE') . '</label> <# } #> <textarea name="message" rows="5" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_MESSAGE') . '" required="required"></textarea> </div> <# const isCaptchaEnabled = [true, "true", 1, "1"].includes(data.formcaptcha); #> <# if(isCaptchaEnabled && data.captcha_type == "default") { #> <div class="sppb-form-group sppb-col-sm-{{ data.captcha_input_col \|\| 12 }}"> <# if(data.show_label){ #> <label for="captcha_question">{{ data.captcha_question }}</label> <# } #> <input type="text" name="captcha_question" class="sppb-form-control" placeholder="{{ data.captcha_question }}" required="required"> </div> <# } #> </div> <# if(isCaptchaEnabled && data.captcha_type == "gcaptcha"){ #> <div class="sppb-row"> <div class="sppb-form-group sppb-col-sm-12"> <img src="components/com_sppagebuilder/assets/images/captcha.png" > </div> </div> <# } #> <# if(isCaptchaEnabled && data.captcha_type == "igcaptcha"){ #> <div class="sppb-row"> <div class="sppb-form-group sppb-col-sm-12"> <img src="components/com_sppagebuilder/assets/images/captcha-2.png" > </div> </div> <# } #> <# if(data.show_checkbox){ #> <div class="sppb-row"> <div class="sppb-form-group sppb-col-sm-12"> <div class="sppb-form-check"> <input class="sppb-form-check-input" type="checkbox" id="agreement" required="required"> <label class="sppb-form-check-label" for="agreement">{{{ data.checkbox_title }}}</label> </div> </div> </div> <# } let iconLeft = ""; let iconRight = ""; let icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.button_icon : data.button_icon; if(data.button_icon_position == "left" && !_.isEmpty(data.button_icon)){ iconLeft = \'<span class="\' + icon_name + \'"></span>\'; } else { iconRight = \'<span class="\' + icon_name + \'"></span>\'; } #> <# let button_text = !_.isEmpty(data.button_text) ? data.button_text : "'. Text::_("COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SEND").'";#> <div class="sppb-row"> <div class="sppb-col-sm-12 sppb-btn-align"> <button type="button" id="btn-{{ data.id }}" class="sppb-btn {{classList}}">{{{iconLeft}}} {{ button_text }} {{{iconRight}}}</button> </div> </div> </form> </div> </div>'; return $output; } }��ajax_contact/admin.php��0000644��00000077401�15231074400�0011010 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'ajax_contact', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M10 30V2h3a1 1 0 100-2H5a1 1 0 100 2h3v28H5a1 1 0 100 2h8a1 1 0 100-2h-3z" fill="currentColor"/><g opacity=".5" fill="currentColor"><path d="M5 4a1 1 0 110 2H2v20h3a1 1 0 110 2H2a2 2 0 01-2-2V6a2 2 0 012-2h3zM30 4a2 2 0 012 2v20a2 2 0 01-2 2H13a1 1 0 110-2h17V6H13a1 1 0 110-2h17z"/></g></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'recipient_email' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_RECIPIENT_EMAIL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_RECIPIENT_EMAIL_DESC'), 'std' => 'email@yourdomain.com', ], 'from_name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FORM_NAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FORM_NAME_DESC'), ], 'from_email' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FORM_EMAIL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FORM_EMAIL_DESC'), ], 'show_phone' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_PHONE_FIELD'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_PHONE_FIELD_DESC'), 'values' => [ '0' => 'No', '1' => 'Yes' ], 'std' => '0', ], ], ], 'style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FIELD'), 'fields' => [ 'field_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR') ], 'field_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR') ], 'field_placeholder_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PLACEHOLDER_COLOR') ], 'input_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 200, 'responsive' => true, 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], 'field_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 200, ], 'field_border_separator' => [ 'type' => 'separator', ], 'field_border_width' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), ], 'field_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'field_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 200, ], 'field_spacing_separator' => [ 'type' => 'separator', ], 'field_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => ['xl' => '0px 0px 15px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], 'field_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), ], ], ], 'textarea_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXTAREA'), 'fields' => [ 'textarea_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 1000, 'responsive' => true, 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], 'field_hover_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_HOVER') ], 'field_hover_placeholder_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER') ], 'field_focus_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR_FOCUS') ], ], ], 'recaptcha_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_RECAPTCHA'), 'fields' => [ 'formcaptcha' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_CAPTCHA'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_CAPTCHA_DESC'), 'values' => [ '0' => 'No', '1' => 'Yes' ], 'std' => '1', 'is_header' => true, ], 'captcha_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_DEFAULT'), 'gcaptcha' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_GCHAPTCHA'), 'igcaptcha' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_INVISIBLE_GCHAPTCHA'), ], 'std' => 'default', 'depends' => ['formcaptcha' => '1'], ], 'captcha_question' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_QUESTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_QUESTION_DESC'), 'std' => '3 + 4 = ?', 'depends' => [ ['formcaptcha', '=', '1'], ['captcha_type', '=', 'default'], ], ], 'captcha_input_col' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_INPUT_COL_SIZE'), 'values' => [ '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '12' => '12', ], 'std' => '12', 'depends' => [ ['formcaptcha', '=', '1'], ['captcha_type', '=', 'default'], ], ], 'captcha_answer' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_ANSWER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_ANSWER_DESC'), 'std' => '7', 'depends' => [ ['formcaptcha', '=', '1'], ['captcha_type', '=', 'default'], ], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'weight' => 'title_font_style.weight', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'uppercase' => 'title_font_style.uppercase', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ], ], 'layout' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LAYOUT'), 'fields' => [ 'name_input_col' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME_INPUT_COL_SIZE'), 'values' => [ '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '12' => '12', ], 'std' => '12' ], 'email_input_col' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL_INPUT_COL_SIZE'), 'values' => [ '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '12' => '12', ], 'std' => '12' ], 'subject_input_col' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT_INPUT_COL_SIZE'), 'values' => [ '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '12' => '12', ], 'std' => '12' ], 'phone_input_col' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_PHONE_INPUT_COL_SIZE'), 'values' => [ '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '12' => '12', ], 'std' => '12', 'depends' => ['show_phone' => '1'] ], 'message_input_col' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_MESSAGE_INPUT_COL_SIZE'), 'values' => [ '3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '12' => '12', ], 'std' => '12' ], 'show_label' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_LABEL'), 'std' => 0, ], 'show_checkbox' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_CHECKBOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SHOW_CHECKBOX_DESC'), 'std' => 1, 'group' => [ 'checkbox_title' ] ], 'checkbox_title' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CHECKBOX_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CHECKBOX_TITLE_DESC'), 'std' => 'I agree with the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a> and I declare that I have read the information that is required in accordance with <a href="http://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv:OJ.L_.2016.119.01.0001.01.ENG&toc=OJ:L:2016:119:TOC" target="_blank">Article 13 of GDPR.</a>', 'depends' => ['show_checkbox' => 1] ], ], ], 'custom_button_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_USE_BUTTON'), 'fields' => [ 'use_custom_button' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_USE_BUTTON'), 'values' => [ '0' => 'No', '1' => 'Yes' ], 'std' => 0, 'is_header' => true, ], 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT_DESC'), 'std' => 'Send Message', 'depends' => ['use_custom_button' => 1] ], 'button_typography' => [ 'type' => 'typography', 'fallbacks' => [ 'font' => 'button_font_family', 'letter_spacing' => 'button_letterspace', 'weight' => 'button_font_style.weight', 'italic' => 'button_font_style.italic', 'underline' => 'button_font_style.underline', 'uppercase' => 'button_font_style.uppercase', ], 'depends' => ['use_custom_button' => 1] ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'success', 'depends' => ['use_custom_button' => 1] ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE') ], 'std' => '', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '!=', 'link'], ] ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '!=', 'link'], ] ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'depends' => ['use_custom_button' => 1] ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'depends' => [ ['use_custom_button', '=', 1], ['button_size', '=', 'custom'], ], 'responsive' => true ], 'button_block' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK_DESC'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '!=', 'link'], ] ], 'button_style_separator' => [ 'type' => 'separator', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ] ], // Style 'button_style_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'hover' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), ], 'std' => 'normal', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ] ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#ffffff', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ['button_style_state', '!=', 'hover'], ] ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#ffffff', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ['button_style_state', '=', 'hover'], ] ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#444444', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ['button_style_state', '!=', 'hover'], ] ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#222222', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ['button_style_state', '=', 'hover'], ] ], // Gradient 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#B4EC51", "color2" => "#429321", "deg" => "45", "type" => "linear" ], 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ['button_style_state', '!=', 'hover'], ] ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#429321", "color2" => "#B4EC51", "deg" => "45", "type" => "linear" ], 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ['button_style_state', '=', 'hover'], ] ], // Link style button 'link_style_button_separator' => [ 'type' => 'separator', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ] ], 'link_style_button_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'hover' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), ], 'std' => 'normal', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ] ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ['link_style_button_state', '!=', 'hover'], ] ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'std' => '', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ['link_style_button_state', '!=', 'hover'], ] ], 'link_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ['link_style_button_state', '!=', 'hover'], ] ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER'), 'std' => '', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ['link_style_button_state', '=', 'hover'], ] ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR_HOVER'), 'std' => '', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ['link_style_button_state', '=', 'hover'], ] ], 'link_button_padding_bottom_separator' => [ 'type' => 'separator', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ] ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [ ['use_custom_button', '=', 1], ['button_type', '=', 'link'], ] ], // Button Icon 'button_icon_separator' => [ 'type' => 'separator', 'depends' => [['use_custom_button', '=', 1]] ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), 'depends' => [['use_custom_button', '=', 1]] ], 'button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', 'depends' => [['use_custom_button', '=', 1]] ], 'button_icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_TAB_ICON_MARGIN'), 'depends' => [['use_custom_button', '=', 1]] ], // Button Alignment 'button_position_separator' => [ 'type' => 'separator', 'depends' => [['use_custom_button', '=', 1]] ], 'button_position' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'std' => ['xl' => 'left', 'lg' => 'left', 'md' => 'left', 'sm' => 'left', 'xs' => 'left'], ], ], ], ], ]); ��ajax_contact/.htaccess��0000555��00000000355�15231074400�0011000 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��tweet/assets/images/icon.png��0000644��00000003612�15231074400�0012077 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:01C2924040E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:01C2924140E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:01C2923E40E011E69A38F8F21A167467" stRef:documentID="xmp.did:01C2923F40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�q��IDATx�윁u�0@�{� Ν�l:��A��i'��d��$� � r��T�v �zO�&i��lI�\|�JD�z,��O�wV��!H]�,��J�K��@/�B��c��)4%�˾�c�墱0!�ܓP2.�&.��F\�E�Ѿ�M�夁�/+��\�嗦:�n&�l��1��-0/��y`��<0l"r5�k�P�T�[�/,� ��ήFSޡ��4e�dQ�;%��%�=\|TI��l�I=�-` i'�� V b��a{KP�^ec�Q��ue��Vn��>}��g<.b��@]�;!��^G�,,'mP��j�\�0h�/b��%+`1�0�H�D�bMb9�%w��օ^M��b6-呴9� �1��r��'�N�~�<4<�?W�6ch ��=�DH,f�#��Q��n�X��d5��-ZS��+��ڶAB��+��ׯrèŶb��Կ'��-�yd1�mUd�+F)4YXV'lE��>%ȵŮ�u ��-Y頁U�4�#W� �EGK��VYZް~�u�K��bJD�Z��aUa�}��D�a� �5y��,b!I��A��Vii0KF�u�- ��u�\|�b�"eny�$.;��`!�P�9%�s@.[(�^�ed��s��D=�i�k��<0��x`ذ�`��x8`sEߍ��w�+�n\��A��c�72��n��5�U�o�ǭΐf�}v`6�UcW� ��z��$`VC+�K��oe�s��b��l#��7 j��9Ox��fE.?dХ.��m1��Kr q2� ݗ�;ǵv��J�v܁~ �l�]��6.�S��6�o!�uɟ>�E�aA4U`�r��>AcV�M_�J�9��ԁ�� tQW�Ș��T��ԉל&��#N�@�d.x`�E�m$�:�h�nl�� f=0I�uu��/�Έ�X��IEND�B`��tweet/assets/images/.htaccess��0000555��00000000355�15231074400�0012241 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��tweet/assets/.htaccess��0000555��00000000355�15231074400�0010774 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��tweet/site.php��0000644��00000015151�15231074400�0007350 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('restricted access'); use Joomla\CMS\Language\Text; class SppagebuilderAddonTweet extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $setting = $this->addon->settings; $class = (isset($setting->class) && $setting->class) ? $setting->class : ''; $title = (isset($setting->title) && $setting->title) ? $setting->title : ''; $heading_selector = (isset($setting->heading_selector) && $setting->heading_selector) ? $setting->heading_selector : 'h3'; //Options $autoplay = (isset($setting->autoplay) && $setting->autoplay) ? ' data-sppb-ride="sppb-carousel"' : ''; $username = (isset($setting->username) && $setting->username) ? $setting->username : 'joomshaper'; $consumerkey = (isset($setting->consumerkey) && $setting->consumerkey) ? $setting->consumerkey : ''; $consumersecret = (isset($setting->consumersecret) && $setting->consumersecret) ? $setting->consumersecret : ''; $accesstoken = (isset($setting->accesstoken) && $setting->accesstoken) ? $setting->accesstoken : ''; $accesstokensecret = (isset($setting->accesstokensecret) && $setting->accesstokensecret) ? $setting->accesstokensecret : ''; $include_rts = (isset($setting->include_rts) && $setting->include_rts) ? $setting->include_rts : ''; $ignore_replies = (isset($setting->ignore_replies) && $setting->ignore_replies) ? $setting->ignore_replies : ''; $show_image = (isset($setting->show_image)) ? $setting->show_image : 1; $show_username = (isset($setting->show_username) && $setting->show_username) ? $setting->show_username : ''; $show_avatar = (isset($setting->show_avatar) && $setting->show_avatar) ? $setting->show_avatar : ''; $count = (isset($setting->count) && $setting->count) ? $setting->count : ''; // Warning if ($consumerkey == '') return '<div class="sppb-alert sppb-alert-danger"><strong>Error</strong><br>Insert consumer key for twitter feed slider addon</div>'; if ($consumersecret == '') return '<div class="sppb-alert sppb-alert-danger"><strong>Error</strong><br>Insert consumer secrete key for twitter feed slider addon</div>'; if ($accesstoken == '') return '<div class="sppb-alert sppb-alert-danger"><strong>Error</strong><br>Insert access token for twitter feed slider addon</div>'; if ($accesstokensecret == '') return '<div class="sppb-alert sppb-alert-danger"><strong>Error</strong><br>Insert access token secrete key for twitter feed slider addon</div>'; // Include tweet helper $tweet_helper = JPATH_ROOT . '/components/com_sppagebuilder/helpers/tweet/helper.php'; if (!file_exists($tweet_helper)) { return '<p class="alert alert-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_HELPER_FILE_MISSING') . '</p>'; } else { require_once $tweet_helper; } // Get Tweets $tweets = sppbAddonHelperTweet::getTweets($username, $consumerkey, $consumersecret, $accesstoken, $accesstokensecret, $count, $ignore_replies, $include_rts); if (isset($tweets->errors) && is_array($tweets->errors)) { $message = ''; foreach ($tweets->errors as $error) { $message .= '<p class="sppb-alert sppb-alert-warning">' . $error->message . '</p>'; } return $message; } // Output if (count((array) $tweets) > 0) { $output = '<div class="sppb-addon sppb-addon-tweet sppb-text-center ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= ($show_avatar) ? '<a target="_blank" rel="noopener noreferrer" href="https://twitter.com/' . $tweets[0]->user->screen_name . '"><img class="sppb-img-circle sppb-tweet-avatar" src="' . $tweets[0]->user->profile_image_url_https . '" alt="' . $tweets[0]->user->name . '" loading="lazy"></a>' : ''; $output .= ($show_username) ? '<span class="sppb-tweet-username"><a target="_blank" rel="noopener noreferrer" href="https://twitter.com/' . $tweets[0]->user->screen_name . '">' . $tweets[0]->user->name . '</a></span>' : ''; $output .= '<div id="sppb-carousel-' . $this->addon->id . '" class="sppb-carousel sppb-tweet-slider sppb-slide" ' . $autoplay . '>'; $output .= '<div class="sppb-carousel-inner">'; foreach ($tweets as $key => $tweet) { $output .= '<div class="sppb-item' . (($key == 0) ? ' active' : '') . '">'; $tweet->text = preg_replace("/((http)+(s)?:\/\/[^<>\s]+)/i", "<a href=\"\\0\" target=\"_blank\">\\0</a>", $tweet->text); $tweet->text = preg_replace("/[@]+([A-Za-z0-9-_]+)/", "<a href=\"https://twitter.com/\\1\" target=\"_blank\">\\0</a>", $tweet->text); $tweet->text = preg_replace("/[#]+([A-Za-z0-9-_]+)/", "<a href=\"https://twitter.com/search?q=%23\\1\" target=\"_blank\">\\0</a>", $tweet->text); $output .= '<small class="sppb-tweet-created">' . sppbAddonHelperTweet::timeago($tweet->created_at) . '</small>'; if ((isset($tweet->entities) && $tweet->entities) && $show_image) { if (isset($tweet->entities->media) && $tweet->entities->media) { foreach ($tweet->entities->media as $media) { if ($media->type == 'photo') { $img_src = (isset($media->sizes->small) && $media->sizes->small) ? $media->media_url . ':thumb' : $media->media_url; $output .= '<div class="sppb-item-image">'; $output .= ($media->url) ? '<a href="' . $media->url . '" target="_blank" rel="noopener noreferrer">' : ''; $output .= '<img class="sppb-tweet-image" src="' . $img_src . '" alt="' . preg_replace('/<\/?a[^>]>/', '', $tweet->text) . '" loading="lazy">'; $output .= ($media->url) ? '</a>' : ''; $output .= '</div>'; } } } } $output .= '<div class="sppb-tweet-text">' . $tweet->text . '</div>'; $output .= '</div>'; } $output .= '</div>'; $output .= '<a href="#sppb-carousel-' . $this->addon->id . '" class="left sppb-carousel-control" role="button" data-slide="prev" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_PREVIOUS') . '"><i class="fa fa-angle-left" aria-hidden="true"></i></a>'; $output .= '<a href="#sppb-carousel-' . $this->addon->id . '" class="right sppb-carousel-control" role="button" data-slide="next" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_NEXT') . '"><i class="fa fa-angle-right" aria-hidden="true"></i></a>'; $output .= '</div>'; $output .= '</div>'; return $output; } return; } } ��tweet/admin.php��0000644��00000020264�15231074400�0007475 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'tweet', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M.47 26.367a18.766 18.766 0 0010.075 2.904c5.268 0 10.096-2.024 13.595-5.698 3.348-3.517 5.19-8.242 5.098-13.037C30.508 9.45 32 7.376 32 5.356c0-.775-.84-1.267-1.523-.872-1.192.7-2.28.884-3.398.57-2.283-2.226-5.683-2.695-8.547-1.15-2.503 1.347-3.895 3.812-3.77 6.507a16.744 16.744 0 01-10.86-5.932 1.012 1.012 0 00-1.652.134C.937 6.861.95 9.465 2.092 11.568a1.052 1.052 0 00-.879 1.047c0 2.114.952 4.057 2.484 5.383-.286.275-.38.683-.26 1.047a7.254 7.254 0 004.106 4.397c-2.073.99-4.367 1.32-6.408 1.07C.08 24.37-.442 25.79.47 26.367zM10.82 23.79c.756-.581.355-1.791-.594-1.811a5.27 5.27 0 01-4.139-2.153c.457-.03.93-.1 1.38-.221 1.025-.278.977-1.757-.065-1.966a5.187 5.187 0 01-3.93-3.53 6.972 6.972 0 001.541.205c1.023.005 1.41-1.306.576-1.854-1.88-1.238-2.682-3.425-2.15-5.481a18.787 18.787 0 0012.444 5.555c.675.042 1.182-.593 1.034-1.236-.64-2.774.91-4.718 2.573-5.614 1.647-.89 4.29-1.167 6.317.96.602.634 2.634.658 3.667.417-.463.873-1.176 1.702-1.843 2.168-.284.2-.447.53-.43.877.217 4.426-1.432 8.826-4.524 12.072-3.115 3.27-7.423 5.072-12.132 5.072-1.872 0-3.709-.305-5.444-.892a13.646 13.646 0 005.72-2.568z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'username' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_USERNAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_USERNAME_DESC'), 'std' => 'joomshaper', 'inline' => true, ], 'consumerkey' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_COUNSUMER_KEY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_COUNSUMER_KEY_DESC'), 'inline' => true, ], 'consumersecret' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_COUNSUMER_SECRETE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_COUNSUMER_SECRETE_DESC'), 'inline' => true, ], 'accesstoken' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_ACCESS_TOKEN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_ACCESS_TOKEN_DESC'), 'inline' => true, ], 'accesstokensecret' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_ACCESS_TOKEN_SECRETE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_ACCESS_TOKEN_SECRETE_DESC'), 'inline' => true, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_OPTIONS'), 'fields' => [ 'count' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_COUNT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_COUNT_DESC'), 'std' => 5, ], 'include_rts' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_INCLUDE_RTS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_INCLUDE_RTS_DESC'), 'values' => [ 'true' => Text::_('JYES'), 'false' => Text::_('JNO'), ], 'std' => 'false', ], 'ignore_replies' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_IGNORE_REPLIES'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_IGNORE_REPLIES_DESC'), 'values' => [ 'true' => Text::_('JYES'), 'false' => Text::_('JNO'), ], 'std' => 'false', ], 'show_image' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_SHOW_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_SHOW_IMAGE_DESC'), 'std' => 1, ], 'show_username' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_SHOW_USERNAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_SHOW_USERNAME_DESC'), 'std' => 0, ], 'show_avatar' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_SHOW_AVATAR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_SHOW_AVATAR_DESC'), 'std' => 1, ], 'autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TWEET_AUTOPLAY_DESC'), 'std' => 1, ], ] ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��tweet/.htaccess��0000555��00000000355�15231074400�0007472 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��optin_form/assets/images/icon.png��0000644��00000005225�15231074400�0013125 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2017 (Macintosh)" xmpMM:InstanceID="xmp.iid:D832B1307AAC11E7964FC7A8C30F5138" xmpMM:DocumentID="xmp.did:D832B1317AAC11E7964FC7A8C30F5138"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:D832B12E7AAC11E7964FC7A8C30F5138" stRef:documentID="xmp.did:D832B12F7AAC11E7964FC7A8C30F5138"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��"��IDATx��\klE�-E^6-��5��H-�Q�D��S� 1�hԈJ� �DM\|4�1b��DE�&� M�bѨ�՚)A�z��=��ٝݙ��%_��}��9g��^opp��`�˂��X�ʢ`S�ğ��R X�`S� ��,��V �w�qH� �hk�ŪlA^��!��+8@=�PxF��+k�˲`跺C)�X#��w�U0F"qC� �6� �N�`i8r��@�O��b5s��O��Lt��"\:p5��gx�R��O��?�YȰ�R^��u��5��?��hj� ��"X�`�AS �I��LN�9��~a�>[�Ҁ?�Y%�Œ��%ZF�\|�$�1�p��tl�,��i��a� ��ӧ�l�h{M��1��'!:�7Bt)��X��s��+(J�M�Թq8��\�%�} �L�B$�¤�h�G�0�ϩ�Ny��(� "FP۴bq��x�N��30E<�8��!�j;�g��3i�j�ވ��?��]ql,�m��!N�:�>p��m>�@�خ� �q~R��F�_� 4��?f��6oX��>�S�TI6z��b��88��z-K?j��I��ax�=T,�j\OY��b�w��8h,��O�"�,̀9�n�sm��w��W��) \h��ɐE��N`��j�O �m�fx~/��1�駨�`uH^A�s��_��L= pX_�Z��> ��>Cq7�_W��C�̋��+۳\|�0yH�-][�W��V��\|�Y��]�t� ��N�2�ʳj��Ul�6�Hi�Rj��}�[D�OtR��dGY�q��2��&��m��7�>Fa��V\|�Am[Cm帎�X&��#U)\�l�>L%�bE��@m�$M6s�ʅ�}�p�,��UN�z��}I���1�f��`��/彍W�~/\|>R7��)V��X�.�:�QYL��K9Y�(O�9[��G+!u=�U��/�E0\Iz��3�e�v��d{X?E5��N C/E��čm5��q0�a�'.t��3X~�$kQr�ɐ��,^99��w��0��k!�^��u�w�I`��w�d�]H�R��k��b��Y�[)$�X��(u�ė!T��-�<J��P��"~Ԧ��F�i��!� ��PA[�N\|��W��,��m$�M��f�21��c��u��r�"��u��\|oigL�pS��F`��M'�,�I��mcT0�`&��D�j�I��I).w �!�_0�%ձ��7��<d��q��c��p��1l��=�B��"�� H��N��- aq�ƍB#p�OSo�jg�M)��Ud��>��\��V�;��U��y�>��@�)�X�\|z��s��g�\|!hc�aۜ�g��0!�3��O��'?�k��+��M+"Vf� Ɓi�K,x��v ��},�.�u1S�q��i��TY��8�z�K-�ù`Q�TT��jK5Q�N�䧢"NDMT��T�;l�OE�iDMT�k�_;�SqQ�%)X�~�"j�9j,� �\DԠ9j$��槒��Ƃ��O%QC69C~�ED�D�C�5?���o�Mt�8��}��SL�_[�G�tg �[A�P�,�Be��<�JR"' �-�V j��G ��lu�C�g��IEND�B`��optin_form/assets/images/.htaccess��0000555��00000000355�15231074400�0013265 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��optin_form/assets/.htaccess��0000555��00000000355�15231074400�0012020 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��optin_form/site.php��0000644��00000161300�15231074400�0010372 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('restricted access'); use Joomla\CMS\Factory; use Joomla\CMS\Uri\Uri; use Joomla\CMS\Language\Text; use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Plugin\PluginHelper; class SppagebuilderAddonOptin_form extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { // get pageid $input = Factory::getApplication()->input; $page_id = $input->get('id', 0, 'INT'); $settings = $this->addon->settings; if (is_array($page_id)) { $page_id = $page_id[0]; } $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; $content = (isset($settings->content) && $settings->content) ? $settings->content : ''; $grid = (isset($settings->grid) && $settings->grid) ? $settings->grid : ''; $media_type = (isset($settings->media_type) && $settings->media_type) ? $settings->media_type : ''; $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_src = isset($image->src) ? $image->src : $image; $alt_text = (isset($settings->alt_text) && $settings->alt_text) ? $settings->alt_text : ''; $icon_name = (isset($settings->icon_name) && $settings->icon_name) ? $settings->icon_name : ''; $media_position = (isset($settings->media_position) && $settings->media_position) ? $settings->media_position : 'top'; $form_inline = (isset($settings->form_inline) && $settings->form_inline) ? $settings->form_inline : ''; $submit_btn_inside = (isset($settings->submit_btn_inside) && $settings->submit_btn_inside) ? $settings->submit_btn_inside : ''; // Addon Options $show_checkbox = (isset($settings->show_checkbox)) ? $settings->show_checkbox : 0; $recaptcha = (isset($settings->recaptcha)) ? $settings->recaptcha : 0; $captcha_type = (isset($settings->captcha_type)) ? $settings->captcha_type : 'gcaptcha'; $captcha_question = (isset($settings->captcha_question) && $settings->captcha_question) ? $settings->captcha_question : ''; $captcha_answer = (isset($settings->captcha_answer) && $settings->captcha_answer) ? $settings->captcha_answer : ''; $checkbox_title = (isset($settings->checkbox_title) && $settings->checkbox_title) ? $settings->checkbox_title : ''; $platform = (isset($settings->platform) && $settings->platform) ? $settings->platform : 'mailchimp'; $hide_name = (isset($settings->hide_name)) ? $settings->hide_name : 0; $mailchimp_api = (isset($settings->mailchimp_api) && $settings->mailchimp_api) ? $settings->mailchimp_api : ''; $sendgrid_api = (isset($settings->sendgrid_api) && $settings->sendgrid_api) ? $settings->sendgrid_api : ''; $sendinblue_api = (isset($settings->sendinblue_api) && $settings->sendinblue_api) ? $settings->sendinblue_api : ''; $madmimi_api = (isset($settings->madmimi_api) && $settings->madmimi_api) ? $settings->madmimi_api : ''; $optin_type = (isset($settings->optin_type) && $settings->optin_type) ? $settings->optin_type : 'normal'; $button_text = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_FORM_SUBCSCRIBE'); $button_class = (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ' sppb-btn-success'; $button_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : ''; $button_text_aria = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : ''; $button_class .= (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_class .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_class .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_class .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_class .= ' sppb-btn-custom'; $button_icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $button_icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $button_text = ($button_icon) ? '<i class="' . $button_icon . '" aria-hidden="true"></i> ' . $button_text : $button_text; } else { $button_text = ($button_icon) ? $button_text . ' <i class="' . $button_icon . '" aria-hidden="true"></i>' : $button_text; } $output = ''; // if cURL has't loaded or available in the server if (!extension_loaded('curl')) { $output .= '<div class="sppb-addon sppb-addon-optin-forms sppb-alert sppb-alert-warning">'; $output .= '<p>' . Text::_('COM_SPPAGEBUILDER_GLOBAL_CURL_NOT_AVAILABLE') . '</p>'; $output .= '</div>'; return $output; } // if selected platform hasn't api key inserted if (($platform == 'mailchimp' && $mailchimp_api == '') \|\| ($platform == 'sendgrid' && $sendgrid_api == '') \|\| ($platform == 'sendinblue' && $sendinblue_api == '') \|\| ($platform == 'madmimi' && $madmimi_api == '')) { $output .= '<div class="sppb-addon sppb-addon-optin-forms sppb-alert sppb-alert-warning">'; $output .= '<p>' . Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_FORM_EMPTY_API') . ' ' . $platform . '.</p>'; $output .= '</div>'; return $output; } elseif ($platform == 'acymailing') { $acym_version = SpPgaeBuilderBase::getExtensionVersion(array('com_acymailing', 'com_acym')); if ($acym_version >= 6) { $acymailing_helper = rtrim(JPATH_ADMINISTRATOR, '/') . '/components/com_acym/helpers/helper.php'; } else { $acymailing_helper = rtrim(JPATH_ADMINISTRATOR, '/') . '/components/com_acymailing/helpers/helper.php'; } if (!file_exists($acymailing_helper)) { // if acymailing isn't installed $output .= '<div class="sppb-addon sppb-addon-optin-forms sppb-alert sppb-alert-warning">'; $output .= '<p>' . Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_ACYMAILING_NOT_INSTALLED') . '</p>'; $output .= '</div>'; return $output; } else { require_once $acymailing_helper; } } $info_wrap = ''; $form_wrap = ''; $raw_wrap = ''; switch ($grid) { case '6-6': $raw_wrap = 'has-grid'; $info_wrap = 'sppb-col-sm-6'; $form_wrap = 'sppb-col-sm-6'; break; case '5-7': $raw_wrap = 'has-grid'; $info_wrap = 'sppb-col-sm-5'; $form_wrap = 'sppb-col-sm-7'; break; case '8-4': $raw_wrap = 'has-grid'; $info_wrap = 'sppb-col-sm-8'; $form_wrap = 'sppb-col-sm-4'; break; case '2-10': $raw_wrap = 'has-grid'; $info_wrap = 'sppb-col-sm-2'; $form_wrap = 'sppb-col-sm-10'; break; default: $info_wrap = 'sppb-col-sm-12'; $form_wrap = 'sppb-col-sm-12'; break; } $output .= '<div class="sppb-addon sppb-addon-optin-forms optintype-' . $optin_type . ' ' . $class . ' grid' . $grid . '">'; $media = ''; $media_class = ''; if ($media_type == 'img') { $media_class .= ' sppb-optin-form-img'; if ($image_src) { $media .= '<img class="sppb-img-responsive" src="' . $image_src . '" alt="' . $alt_text . '">'; } } else { $media_class .= ' sppb-optin-form-icon'; if ($icon_name) { $media_icon_arr = array_filter(explode(' ', $icon_name)); if (count($media_icon_arr) === 1) { $icon_name = 'fa ' . $icon_name; } $media .= '<i class="fa ' . $icon_name . '" aria-hidden="true"></i>'; } } if ($grid == 'ws-4-4-4') { $output .= '<div class="sppb-row justify-content-center">'; $output .= '<div class="sppb-col-sm-4">'; } elseif ($grid == 'ws-2-8-2') { $output .= '<div class="sppb-row justify-content-center">'; $output .= '<div class="sppb-col-sm-8">'; } elseif ($grid == 'ws-3-6-3') { $output .= '<div class="sppb-row justify-content-center">'; $output .= '<div class="sppb-col-sm-6">'; } $output .= '<div class="sppb-optin-form-box sppb-row ' . $raw_wrap . '">'; $output .= '<div class="sppb-optin-form-info-wrap media-position-' . $media_position . ' ' . $info_wrap . '">'; $output .= '<div class="sppb-optin-form-img-wrap ' . $media_class . '">' . $media . '</div>'; if (isset($title) \|\| isset($content)) { $output .= '<div class="sppb-optin-form-details-wrap">'; } if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } if ($content) { $output .= '<div class="sppb-optin-form-details">' . $content . '</div>'; } if (isset($title) \|\| isset($content)) { $output .= '</div>'; //.sppb-optin-form-details-wrap } $output .= '</div>'; //.sppb-optin-form-info-wrap $output .= '<div class="sppb-optin-form-content ' . $form_wrap . '">'; $forminline = ($form_inline) ? 'form-inline' : ''; $button_inside = ($submit_btn_inside) ? 'submit-button-inside' : ''; // if form-inline and button inline both are enable then add the column wrap and new grid for email and name field. $col_wrap = ''; $new_grid = ''; if ($forminline && $button_inside) { $col_wrap = $hide_name ? 'sppb-col-sm-12' : 'sppb-col-sm-6'; $new_grid = "<div class='sppb-row has-grid'>"; $forminline = ''; } $output .= '<form class="sppb-optin-form ' . $forminline . ' ' . $button_inside . '">'; $output .= $new_grid; if (!$hide_name) { $output .= '<div class="sppb-form-group name-wrap ' . $col_wrap . '">'; $output .= '<input type="text" name="fname" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME') . '" required="required" aria-label="name">'; $output .= '</div>'; //.sppb-form-group } $output .= '<div class="sppb-form-group email-wrap ' .$col_wrap. '">'; $output .= '<input type="email" name="email" class="sppb-form-control" placeholder="' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL') . '" required="required" aria-label="email">'; $output .= '</div>'; //.sppb-form-group $output .= ($new_grid) ? "</div>" : ''; //.sppb-row (for name and email fields when form-inline and button inside both are enabled) // if form-inline and button inline both are enable then add the column wrap and new grid for recapcha and checkbox. $col_wrap_recp_chckbpx = ($form_inline && $recaptcha && $show_checkbox) ? 'sppb-col-sm-6' : 'sppb-col-sm-12'; $output .= $new_grid; if ($recaptcha && $captcha_type == 'default') { $output .= '<div class="sppb-form-group">'; $output .= '<input type="text" name="captcha_question" class="sppb-form-control" placeholder="' . $captcha_question . '" required="required">'; $output .= '</div>'; } if ($recaptcha && $captcha_type !== 'igcaptcha' && $captcha_type !== 'default') { PluginHelper::importPlugin('captcha', 'recaptcha'); Factory::getApplication()->triggerEvent('onInit', ['dynamic_recaptcha_' . $this->addon->id]); $recaptcha = Factory::getApplication()->triggerEvent('onDisplay', [null, 'dynamic_recaptcha_' . $this->addon->id, 'sppb-dynamic-recaptcha']); $output .= '<div class="sppb-form-group recaptcha-wrap ' .$col_wrap_recp_chckbpx. '">'; $output .= (isset($recaptcha[0])) ? $recaptcha[0] : '<p class="sppb-alert sppb-alert-warning">' . Text::_('COM_SPPAGEBUILDER_RECAPTCHA_NOT_INSTALLED') . '</p>'; $output .= '</div>'; //.sppb-form-group } elseif ($recaptcha && $captcha_type === 'igcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha_invisible'); Factory::getApplication()->triggerEvent('onInit', ['invisible_recaptcha_' . $this->addon->id]); $recaptcha = Factory::getApplication()->triggerEvent('onDisplay', ['invisible_recaptcha_' . $this->addon->id, 'sppb-dynamic-recaptcha']); $output .= '<div class="sppb-form-group recaptcha-wrap ' .$col_wrap_recp_chckbpx. '">'; $output .= (isset($recaptcha[0])) ? $recaptcha[0] : '<p class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVISIBLE_CAPTCHA_NOT_INSTALLED') . '</p>'; $output .= '</div>'; //.sppb-form-group } if ($show_checkbox) { $output .= '<div class="sppb-form-group checkbox-wrap ' .$col_wrap_recp_chckbpx. '">'; $output .= '<div class="sppb-form-check ">'; $output .= '<input class="sppb-form-check-input" type="checkbox" name="agreement" id="agreement" required="required">'; $output .= '<label class="sppb-form-check-label" for="agreement">' . $checkbox_title . '</label>'; $output .= '</div>'; $output .= '</div>'; } $output .= ($new_grid) ? '</div>' : ''; $button_position_style = (!$form_inline && !$hide_name) ? 'style=top:7vh' : ""; if ($platform == 'acymailing') { $output .= '<input type="hidden" name="acymversion" value="' . $acym_version . '">'; } if ($recaptcha && $captcha_type == 'default') { $output .= '<input type="hidden" name="captcha_answer" value="' . md5($captcha_answer) . '">'; } $output .= '<input type="hidden" name="captcha_type" value="' . $captcha_type . '">'; $output .= '<input type="hidden" name="platform" value="' . $platform . '">'; $output .= '<input type="hidden" name="hidename" value="' . $hide_name . '">'; $output .= '<input type="hidden" name="pageid" value="' . $page_id . '">'; $output .= '<input type="hidden" name="addonId" value="' . $this->addon->id . '">'; $output .= '<div class="button-wrap" '.$button_position_style.'>'; $output .= '<button type="submit" id="btn-' . $this->addon->id . '" class="sppb-btn' . $button_class . '" aria-label="' . strip_tags($button_text_aria) . '"><i class="fa" aria-hidden="true"></i> ' . $button_text . '</button>'; $output .= '</div>'; //.button-wrap $output .= '</form>'; $output .= '<div style="display:none;margin-top:10px;" class="sppb-optin-form-status"></div>'; $output .= '</div>'; //.sppb-optin-form-content $output .= '</div>'; //.sppb-optin-form-box if (($grid == 'ws-4-4-4') \|\| ($grid == 'ws-2-8-2') \|\| ($grid == 'ws-3-6-3')) { $output .= '</div>'; //sppb-offset $output .= '</div>'; //sppb-row } $output .= '</div>'; //.sppb-addon-optin-forms return $output; } /* * Get ajax data. * * @return string * @since 1.0.0 / public static function getAjax() { $input = Factory::getApplication()->input; //inputs $inputs = $input->get('data', array(), 'ARRAY'); foreach ($inputs as $input) { if ($input['name'] == 'email') { $email = $input['value']; } if ($input['name'] == 'hidename') { $hidename = $input['value']; } if ($input['name'] == 'fname') { $name = $input['value']; } if ($input['name'] == 'platform') { $platform = $input['value']; } if ($input['name'] == 'acymversion') { $acymversion = $input['value']; } if ($input['name'] == 'captcha_question') { $captcha_question = $input['value']; } if ($input['name'] == 'captcha_answer') { $captcha_answer = $input['value']; $showcaptcha = true; } if ($input['name'] == 'g-recaptcha-response') { $recaptcha = $input['value']; $showcaptcha = true; } if ($input['name'] == 'pageid') { $pageid = $input['value']; } if ($input['name'] == 'addonId') { $addonId = $input['value']; } if ($input['name'] == 'captcha_type') { $captcha_type = $input['value']; } if ($input['name'] == 'view_type') { $view_type = $input['value']; } if ($input['name'] == 'module_id') { $module_id = $input['value']; } } // get addon infos if ($view_type == 'module') { $page_info = self::getPageInfoById($module_id, $view_type, 'new'); if (empty($page_info)) { // if old version of module $page_info = self::getPageInfoById($module_id, $view_type); $page_text = json_decode($page_info->params); } else { // if new version of module $page_text = new stdClass(); $page_text->content = $page_info->content ?? $page_info->text; } $addon_info = self::getAddonSettingByPageInfo($page_text->content, $addonId); } else { $page_info = self::getPageInfoById($pageid, $view_type); $addon_info = self::getAddonSettingByPageInfo($page_info->content ?? $page_info->text, $addonId); } $output = array(); $output['status'] = false; if (isset($showcaptcha) && $showcaptcha) { if($captcha_type !== 'default') { if ($recaptcha == '') { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVALID_CAPTCHA') . '</span>'; return json_encode($output); } if ($captcha_type == 'igcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha_invisible'); $output['gcaptchaId'] = 'invisible_recaptcha_' . $addonId; $output['gcaptchaType'] = 'invisible'; } else { PluginHelper::importPlugin('captcha', 'recaptcha'); $output['gcaptchaId'] = 'dynamic_recaptcha_' . $addonId; $output['gcaptchaType'] = 'dynamic'; } $res = Factory::getApplication()->triggerEvent('onCheckAnswer', [$recaptcha]); // if module then verify gcaptcha if ($view_type == 'module') { $res = ($recaptcha != null \|\| strlen($recaptcha) != 0) ? array(true) : array(false); } if (!$res[0]) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVALID_CAPTCHA') . '</span>'; return json_encode($output); } } else if (md5($captcha_question) != $captcha_answer) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_WRONG_CAPTCHA') . '</span>'; return json_encode($output); } } // valited email address if ($email) { if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_INVALID_EMAIL'); $output['status'] = false; return json_encode($output); } } // if hide name field then set value NULL if ($hidename) { $name = ''; } if ($platform == 'mailchimp') { //mailchimp get crecentials $mcapi = (isset($addon_info->mailchimp_api) && $addon_info->mailchimp_api) ? $addon_info->mailchimp_api : ''; $mclistid = (isset($addon_info->mailchimp_listid) && $addon_info->mailchimp_listid) ? $addon_info->mailchimp_listid : ''; $mcaction = (isset($addon_info->mailchimp_action) && $addon_info->mailchimp_action) ? $addon_info->mailchimp_action : ''; $memberId = md5(strtolower($email)); $dataCenter = substr($mcapi, strpos($mcapi, '-') + 1); $url = 'https://' . $dataCenter . '.api.mailchimp.com/3.0/lists/' . $mclistid . '/members/' . $memberId; $json = json_encode([ 'email_address' => $email, 'status' => $mcaction, // "subscribed","unsubscribed","cleaned","pending" 'merge_fields' => [ 'FNAME' => $name, 'LNAME' => '' ] ]); $ch = curl_init($url); curl_setopt($ch, CURLOPT_USERPWD, 'user:' . $mcapi); curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_TIMEOUT, 10); curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'PUT'); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_POSTFIELDS, $json); $result = curl_exec($ch); $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); $err = curl_error($ch); curl_close($ch); //$response = json_decode($result)->status; // if curl error if ($err) { $output['content'] = 'cURL error: ' . $err; $output['status'] = false; return json_encode($output); } // store the status message based on response code if ($httpCode == 200) { if ($mcaction == 'pending') { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_PENDING'); } else { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_CONFIRMED'); } $output['status'] = true; } else { switch ($httpCode) { case 214: // if success $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_EXIST'); $output['status'] = false; break; default: $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_ERROR'); $output['status'] = false; break; } // if got response } } elseif ($platform == 'sendgrid') { //sendgrid get crecentials $sgapi = (isset($addon_info->sendgrid_api) && $addon_info->sendgrid_api) ? $addon_info->sendgrid_api : ''; $listIds = (isset($addon_info->sendgrid_list_ids) && $addon_info->sendgrid_list_ids) ? array_map('trim',explode(',',$addon_info->sendgrid_list_ids)) : []; $input_data = json_encode([ "contacts" =>[ [ 'email' => $email, 'first_name' => $name, 'last_name' => '' ]], "list_ids" => $listIds ]); $access_api = array( "Content-Type: application/json", "Authorization: Bearer " . $sgapi, "cache-control: no-cache" ); $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, "https://api.sendgrid.com/v3/marketing/contacts"); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_ENCODING, ''); curl_setopt($curl, CURLOPT_MAXREDIRS, 10); curl_setopt($curl, CURLOPT_TIMEOUT, 30); curl_setopt($curl, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, CURLOPT_SSL_VERIFYPEER); curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "PUT"); curl_setopt($curl, CURLOPT_POSTFIELDS, $input_data); curl_setopt($curl, CURLOPT_HTTPHEADER, $access_api); $result = curl_exec($curl); $err = curl_error($curl); curl_close($curl); $result_decode = json_decode($result); // if curl error if ($err) { $output['content'] = 'cURL error: ' . $err; $output['status'] = false; return json_encode($output); } if (!empty($result_decode->errors)) { if (count($result_decode->errors) > 0) { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_ERROR'); $output['status'] = false; return json_encode($output); } } else { $output['status'] = true; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_CONFIRMED'); return json_encode($output); } } if ($platform == 'sendinblue') { // if sendinblue //sendinBlue get crecentials $sbapi = (isset($addon_info->sendinblue_api) && $addon_info->sendinblue_api) ? $addon_info->sendinblue_api : ''; $sblistid = (isset($addon_info->sendinblue_listid) && $addon_info->sendinblue_listid) ? $addon_info->sendinblue_listid : ''; $data_input = array( 'email' => $email, 'updateEnabled' => true, 'attributes' => array('LASTNAME' => $name), 'listIds' => [(int) $sblistid], ); $ch = curl_init('https://api.sendinblue.com/v3/contacts'); $auth_header = 'api-key: ' . $sbapi; $content_header = "Content-Type:application/json"; $timeout = 30000; //default timeout: 30 secs if ($timeout != '' && ($timeout <= 0 \|\| $timeout > 60000)) { throw new \Exception('value not allowed for timeout'); } if (strtoupper(substr(PHP_OS, 0, 3)) === 'WIN') { // Windows only over-ride curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); } curl_setopt($ch, CURLOPT_HTTPHEADER, array($auth_header, $content_header)); curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1); curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'POST'); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_TIMEOUT_MS, 30000); curl_setopt($ch, CURLOPT_HEADER, false); curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data_input)); $data = curl_exec($ch); $err = curl_error($ch); $httpcode = curl_getinfo($ch, CURLINFO_HTTP_CODE); curl_close($ch); if ($err) { $output['content'] = 'cURL error: ' . $err; $output['status'] = false; return json_encode($output); } if ($httpcode == 201) { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_CONFIRMED'); $output['status'] = true; } if ($httpcode == 204) { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_UPDATED'); $output['status'] = true; } if ($httpcode == 400) { $output['content'] = json_decode($data)->message; $output['status'] = false; } if ($httpcode == 401) { $output['content'] = json_decode($data)->message; $output['status'] = false; } if ($httpcode == 500) { $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_ERROR'); $output['status'] = false; } } elseif ($platform == 'madmimi') { // if madmimi //madmimi get crecentials $mmuname = (isset($addon_info->madmimi_user) && $addon_info->madmimi_user) ? $addon_info->madmimi_user : ''; $mmapi = (isset($addon_info->madmimi_api) && $addon_info->madmimi_api) ? $addon_info->madmimi_api : ''; $mmlistname = (isset($addon_info->madmimi_listname) && $addon_info->madmimi_listname) ? $addon_info->madmimi_listname : ''; $user = array('email' => $email, 'firstName' => $name, 'add_list' => $mmlistname); $authenticate = array('username' => $mmuname, 'api_key' => $mmapi); // generate CSV $csv = ""; $keys = array_keys($user); foreach ($keys as $key => $value) { $value = self::escape_for_csv($value); $csv .= $value . ","; } $csv = substr($csv, 0, -1); $csv .= "\n"; foreach ($user as $key => $value) { $value = self::escape_for_csv($value); $csv .= $value . ","; } $csv = substr($csv, 0, -1); $csv .= "\n"; $options = array('csv_file' => $csv) + $authenticate; // do reqiest $request_options = http_build_query($options); $url = 'https://api.madmimi.com/audience_members'; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPHEADER, array("Expect:")); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_POST, TRUE); curl_setopt($ch, CURLOPT_POSTFIELDS, $request_options); $result = curl_exec($ch); $err = curl_error($ch); curl_close($ch); // if curl error if ($result === false && $err) { $output['content'] = 'cURL error: ' . $err; $output['status'] = false; return json_encode($output); } if (is_numeric($result)) { $output['status'] = true; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_CONFIRMED'); } else { $output['status'] = false; $output['content'] = $result; return json_encode($output); } } elseif ($platform == 'acymailing') { // if AcyMailing // if acymailing isn't installed if ($acymversion >= 6) { $acymailing_helper = rtrim(JPATH_ADMINISTRATOR, '/') . '/components/com_acym/helpers/helper.php'; } else { $acymailing_helper = rtrim(JPATH_ADMINISTRATOR, '/') . '/components/com_acymailing/helpers/helper.php'; } // include acymailing helper if (!include_once($acymailing_helper)) { $output['status'] = false; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_ACYMAILING_NOT_INSTALLED'); return json_encode($output); } $acymailing_listids = (isset($addon_info->acymailing_listids) && $addon_info->acymailing_listids) ? $addon_info->acymailing_listids : ''; $user_info = new stdClass(); $user_info->email = $email; $user_info->name = $name; if ($acymversion >= 6) { // if version is more than or equal 6 $userClass = acym_get('class.user'); $user = $userClass->getOneByEmail($user_info->email); if(isset($user)) { $output['status'] = false; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_DUPLICATE_USER'); return json_encode($output); } $userId = $userClass->save($user_info); // this function will return you the ID of the user inserted in the AcyMailing table if (!is_int($userId)) { return false; } // if selected all list if ((is_array($acymailing_listids) && in_array('', $acymailing_listids)) \|\| $acymailing_listids == '') { $acy_list_class = acym_get('class.list'); $acy_lists = $acy_list_class->getAll(); $acymailing_listids = array(); foreach ($acy_lists as $key => $acy_list) { $acymailing_listids[$key] = $acy_list->listid ?? $acy_list->id; } } if (empty($acymailing_listids) \|\| empty($userId)) { $output['status'] = false; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_ERROR'); } //$newSubscription = array(); if (!empty($acymailing_listids)) { $output['status'] = true; $results = $userClass->subscribe($userId, $acymailing_listids); } } else { // for version less than or equal 5 $subscriberClass = acymailing_get('class.subscriber'); $subid = $subscriberClass->save($user_info); //this function will return you the ID of the user inserted in the AcyMailing table // if selected all list if ((is_array($acymailing_listids) && in_array('', $acymailing_listids)) \|\| $acymailing_listids == '') { $acy_list_class = acymailing_get('class.list'); $acy_lists = $acy_list_class->getLists(); $acymailing_listids = array(); foreach ($acy_lists as $key => $acy_list) { $acymailing_listids[$key] = $acy_list->listid; } } $userClass = acymailing_get('class.subscriber'); $new_subscription = array(); if (!empty($acymailing_listids)) { foreach ($acymailing_listids as $listId) { $newList = array(); $newList['status'] = 1; $new_subscription[$listId] = $newList; } } if (empty($new_subscription) \|\| empty($subid)) { $output['status'] = false; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_ERROR'); } if ($userClass->subid($subid)) { $subid = $userClass->subid($subid); } $results = $userClass->saveSubscription($subid, $new_subscription); } if (isset($results) && $results) { $output['status'] = true; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_CONFIRMED'); } else { $output['status'] = false; $output['content'] = Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_EMAIL_ERROR'); } } return json_encode($output); } /* * Escape variables for CSV. * * @param string $s * @return void / public static function escape_for_csv($s) { // Watch out! We may have quotes! So quote them. $s = str_replace('"', '""', $s); return preg_match('/,/', $s) \|\| preg_match('/"/', $s) \|\| preg_match("/\n/", $s) ? '"' . $s . '"' : $s; } /* * Attach external stylesheets. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Attach external scripts. * * @return array * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Get Page Information By ID. * * @param int $pageid * @param string $view_type * @param string $version * * @return object * @since 1.0.0 / public static function getPageInfoById($pageid, $view_type = 'page', $version = '') { $db = Factory::getDbo(); $query = $db->getQuery(true); $query->select(array('a.')); if ($view_type == 'module') { if ($version == 'new') { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.extension_view') . " = " . $db->quote('module')); $query->where($db->quoteName('a.view_id') . " = " . $db->quote((int) $pageid)); } else { $query->from($db->quoteName('#__modules', 'a')); $query->where($db->quoteName('a.id') . " = " . $db->quote((int) $pageid)); } } else if ($view_type == 'article') { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.view_id') . " = " . $db->quote((int) $pageid)); } else { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.id') . " = " . $db->quote((int) $pageid)); } $db->setQuery($query); $result = $db->loadObject(); return $result; } /** * Get addon settins by page information. * * @param string $pageContent * @param int $addonId * * @return object * @since 1.0.0 / public static function getAddonSettingByPageInfo($pageContent, $addonId) { $addonInfo = false; $pageContent = json_decode($pageContent); foreach ($pageContent as $key => $row) { foreach ($row->columns as $key => $column) { foreach ($column->addons as $key => $addon) { if($addon->name == 'module' && !empty($addon->settings) && !empty($addon->settings->id)) { $pageInfo = self::getPageInfoById($addon->settings->id, 'module', 'new'); if (empty($pageInfo)) { // if old version of module $pageInfo = self::getPageInfoById($addon->settings->id, 'module'); $pageText = json_decode($pageInfo->params); } else { // if new version of module $pageText = new stdClass(); $pageText->content = $pageInfo->content ?? $pageInfo->text; } $addonInfo = self::getAddonSettingByPageInfo($pageText->content, $addonId); continue; } if ($addon->id == $addonId) { $addonInfo = $addon->settings; break; } } } } return $addonInfo; } /* * Attach inline javascript. * * @return string * @since 1.0.0 / public function js() { $optin_timein = (isset($this->addon->settings->optin_timein) && $this->addon->settings->optin_timein) ? $this->addon->settings->optin_timein : 0; $optin_timeout = (isset($this->addon->settings->optin_timeout) && $this->addon->settings->optin_timeout) ? $this->addon->settings->optin_timeout : 0; $addon_id = '#sppb-addon-' . $this->addon->id; $js = 'jQuery(function($){ var addonId = $("' . $addon_id . '"), prentSectionId = addonId.parent().closest("section"); if($("' . $addon_id . '").find(".optintype-popup").length !== 0 && $("body:not(.layout-edit)").length !== 0){ //prentSectionId.hide(); $("' . $addon_id . '").hide(); } if($("' . $addon_id . '").find(".optintype-popup").length !== 0 && $("body:not(.layout-edit)").length !== 0){ //var parentSection = $("' . $addon_id . '").parent().closest("section"), var addonWidth = addonId.parent().outerWidth(), optin_timein = ' . $optin_timein . ', optin_timeout = ' . $optin_timeout . ', prentSectionId = ".com-sppagebuilder:not(.layout-edit) #" + addonId.attr("id"); window.addEventListener("load", () => { setTimeout(() => { $("' . $addon_id . '").show(); $.magnificPopup.open({ items: { src: "<div class=\"sppb-optin-form-popup-wrap\" \">"+$(addonId)[0].outerHTML + "</div>" //src: "<div style=\"width:+"addonWidth"+\">" + $(addonId)[0].outerHTML + "</div>" }, type: "inline", mainClass: "mfp-fade", disableOn: function() { return true; }, callbacks: { open: () => { if(optin_timeout){ setTimeout(() => { $("' . $addon_id . '").magnificPopup("close"); }, optin_timeout); } }, close: () => { $("#sppb-addon-wrapper-' . $this->addon->id . '").hide(); } } }); }, optin_timein); }); //window }; })'; return $js; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $buttonLayout = new FileLayout('addon.css.button', $layout_path); $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $optin_type = (isset($settings->optin_type) && $settings->optin_type) ? $settings->optin_type : 'normal'; $settings->optin_width = $settings->optin_width ?? '500'; $custom_input = (isset($settings->custom_input) && $settings->custom_input) ? $settings->custom_input : ''; $border_position = (isset($settings->custom_input_border_side) && $settings->custom_input_border_side) ? $settings->custom_input_border_side : ''; $css = ''; $iconStyle = $cssHelper->generateStyle('.sppb-optin-form-icon', $settings, ['icon_size' => 'font-size', 'icon_color' => 'color'], ['icon_color' => false]); $cssHelper->setID('.sppb-optin-form-popup-wrap > ' . $addon_id, true); $optinWidth = $cssHelper->generateStyle(':self', $settings, ['optin_width' => 'width']); $cssHelper->setID($addon_id); if($optin_type === 'popup') { $css .= $optinWidth; } if ($custom_input) { $customInputStyleProps = [ 'custom_input_bgcolor' => 'background-color', 'custom_input_color' => 'color', 'custom_input_border' => 'border:none; border-' . $border_position . 'width', 'custom_input_border_color' => 'border-' . $border_position . 'color', 'custom_input_border_style' => 'border-' . $border_position . 'style', 'custom_input_bdr' => 'border-radius', 'custom_input_padding' => 'padding' ]; $inputUnits = [ 'custom_input_color' => false, 'custom_input_bgcolor' => false, 'custom_input_border_style' => false, 'custom_input_border_color' => false ]; $customInputStyle = $cssHelper->generateStyle('.sppb-optin-form input', $settings, $customInputStyleProps, $inputUnits, ['custom_input_padding' => 'spacing']); $css .= $customInputStyle; $placeholderColor = $cssHelper->generateStyle('.sppb-optin-form input::placeholder', $settings, ['custom_input_color' => 'opacity:1;color'], ['custom_input_color' => false]); $css .= $placeholderColor; $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $settings, 'id' => 'btn-' . $this->addon->id)); $customPadding = $cssHelper->generateStyle('.sppb-optin-form input', $settings, ['custom_input_padding' => 'padding'], ['padding' => true], ['custom_input_padding' => 'spacing']); $css .= $iconStyle; $css .= $optinWidth; $css .= $customPadding; } $options = new stdClass; $options->button_type = (isset($settings->button_type) && $settings->button_type) ? $settings->button_type : ''; $options->button_shape = (isset($settings->button_shape) && $settings->button_shape) ? $settings->button_shape : ''; $options->button_color = (isset($settings->button_color) && $settings->button_color) ? $settings->button_color : ''; $options->button_border_width = (isset($settings->button_border_width) && $settings->button_border_width) ? $settings->button_border_width : ''; $options->button_color_hover = (isset($settings->button_color_hover) && $settings->button_color_hover) ? $settings->button_color_hover : ''; $options->button_background_color = (isset($settings->button_background_color) && $settings->button_background_color) ? $settings->button_background_color : ''; $options->button_background_color_hover = (isset($settings->button_background_color_hover) && $settings->button_background_color_hover) ? $settings->button_background_color_hover : ''; $options->button_fontstyle = (isset($settings->fontstyle) && $settings->fontstyle) ? $settings->fontstyle : ''; $options->button_font_style = (isset($settings->font_style) && $settings->font_style) ? $settings->font_style : ''; $options->button_padding = (isset($settings->button_padding) && $settings->button_padding) ? $settings->button_padding : ''; $options->button_padding_original = (isset($settings->button_padding_original) && $settings->button_padding_original) ? $settings->button_padding_original : ''; $options->fontsize = isset($settings->fontsize_original) ? $settings->fontsize_original : ($settings->fontsize ?? null); $options->button_size = isset($settings->button_size) ? $settings->button_size : null; $options->font_family = isset($settings->font_family) ? $settings->font_family : null; $options->button_typography = isset($settings->button_typography) ? $settings->button_typography : null; // Button Type Link $options->link_button_color = (isset($settings->link_button_color) && $settings->link_button_color) ? $settings->link_button_color : ''; $options->link_border_color = (isset($settings->link_border_color) && $settings->link_border_color) ? $settings->link_border_color : ''; $options->link_button_border_width = (isset($settings->link_button_border_width) && $settings->link_button_border_width) ? $settings->link_button_border_width : ''; $options->link_button_padding_bottom = (isset($settings->link_button_padding_bottom) && gettype($settings->link_button_padding_bottom) == 'string') ? $settings->link_button_padding_bottom : ''; // Link Hover $options->link_button_hover_color = (isset($settings->link_button_hover_color) && $settings->link_button_hover_color) ? $settings->link_button_hover_color : ''; $options->link_button_border_hover_color = (isset($settings->link_button_border_hover_color) && $settings->link_button_border_hover_color) ? $settings->link_button_border_hover_color : ''; $options->button_letterspace = (isset($settings->letterspace) && $settings->letterspace) ? $settings->letterspace : ''; $options->button_background_gradient = (isset($settings->button_background_gradient) && $settings->button_background_gradient) ? $settings->button_background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($settings->button_background_gradient_hover) && $settings->button_background_gradient_hover) ? $settings->button_background_gradient_hover : new stdClass(); //Form Box Alignment $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $alignmentStyle = $cssHelper->generateStyle('.sppb-addon-optin-forms', $settings, ['alignment' => 'text-align'], false); $css .= $alignmentStyle; $settings->button_position = CSSHelper::parseAlignment($settings, 'button_position'); $alignmentStyle = $cssHelper->generateStyle('.button-wrap', $settings, ['button_position' => 'text-align'], false); $css .= $alignmentStyle; $iconStyle = $cssHelper->generateStyle('.sppb-btn i', $settings, ['icon_margin' => 'margin'], false, ['icon_margin' => 'spacing']); $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); $css .= $iconStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var grid = data.grid \|\| ""; var info_wrap = ""; var form_wrap = ""; var raw_wrap = ""; switch (grid) { case "6-6": raw_wrap = "has-grid"; info_wrap = "sppb-col-sm-6"; form_wrap = "sppb-col-sm-6"; break; case "5-7": raw_wrap = "has-grid"; info_wrap = "sppb-col-sm-5"; form_wrap = "sppb-col-sm-7"; break; case "8-4": raw_wrap = "has-grid"; info_wrap = "sppb-col-sm-8"; form_wrap = "sppb-col-sm-4"; break; case "2-10": raw_wrap = "has-grid"; info_wrap = "sppb-col-sm-2"; form_wrap = "sppb-col-sm-10"; break; default: info_wrap = "sppb-col-sm-12"; form_wrap = "sppb-col-sm-12"; break; } var media = ""; var mediaObj = ""; if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { mediaObj = data.image } else { mediaObj = {src: data.image} } var media_class = ""; let icon_arr = (typeof data.icon_name !== "undefined" && data.icon_name) ? data.icon_name.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.icon_name : data.icon_name; if(data.media_type == "img"){ media_class = " sppb-optin-form-img"; if(mediaObj.src && mediaObj.src.indexOf("https://") == -1 && mediaObj.src.indexOf("http://") == -1){ media = \'<img class="sppb-img-responsive" src="\' + pagebuilder_base + mediaObj.src + \'" alt="\' + data.alt_text + \'">\'; } else if(mediaObj.src){ media = \'<img class="sppb-img-responsive" src="\' + mediaObj.src + \'" alt="\' + data.alt_text + \'">\'; } } else{ media_class = " sppb-optin-form-icon"; if(data.icon_name){ media = \'<i class="\' + icon_name + \'"></i>\'; } } var forminline = (data.form_inline) ? "form-inline" : ""; var button_inside = (data.submit_btn_inside) ? "submit-button-inside" : ""; var button_text = Joomla.Text._("COM_SPPAGEBUILDER_ADDON_OPTIN_FORM_SUBCSCRIBE"); var use_custom_button = data.button_type ; var button_class = (data.button_type) ? " sppb-btn-" + data.button_type : " sppb-btn-success"; button_text = (data.button_text) ? data.button_text : ""; let btn_icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; let btn_icon_name = btn_icon_arr.length === 1 ? "fa "+data.button_icon : data.button_icon; if(use_custom_button == "custom") { button_class += (data.button_size) ? " sppb-btn-" + data.button_size : ""; button_class += (data.button_shape) ? " sppb-btn-" + data.button_shape: " sppb-btn-rounded"; button_class += (data.button_appearance) ? " sppb-btn-" + data.button_appearance : ""; button_class += (data.button_block) ? " " + data.button_block : ""; button_class += " sppb-btn-custom"; var button_icon = (data.button_icon) ? data.button_icon : false; var button_icon_position = (data.button_icon_position) ? data.button_icon_position: "left"; if(button_icon_position == "left") { button_text = (button_icon) ? \'<i class="\' + btn_icon_name + \'"></i> \' + button_text : button_text; } else { button_text = (button_icon) ? button_text + \' <i class="\' + btn_icon_name + \'"></i>\' : button_text; } } var button_fontstyle = data.button_fontstyle \|\| ""; #> <style type="text/css">'; //Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->unit('font-size', '.sppb-optin-form-icon', 'data.icon_size', 'px'); $output .= $lodash->color('color', '.sppb-optin-form-icon', 'data.icon_color'); //Custom Input $output .= '<# if (data.custom_input) { #>'; $output .= $lodash->color('background-color', '.sppb-optin-form input', 'data.custom_input_bgcolor'); $output .= $lodash->color('color', '.sppb-optin-form input', 'data.custom_input_color'); // Custom input border less $output .= '<# if (data.custom_input_borderless) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-optin-form input { border:none; }'; $output .= '<# } else {#>'; $output .= '#sppb-addon-{{ data.id }} .sppb-optin-form input { border:none; }'; $output .= $lodash->unit('border-{{ data.custom_input_border_side }}width', '.sppb-optin-form input', 'data.custom_input_border', 'px'); $output .= $lodash->border('border-{{ data.custom_input_border_side }}color', '.sppb-optin-form input', 'data.custom_input_border_color'); $output .= $lodash->border('border-{{ data.custom_input_border_side }}style', '.sppb-optin-form input', 'data.custom_input_border_style'); $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.sppb-optin-form input', 'data.custom_input_bdr', 'px', false); $output .= $lodash->spacing('padding', '.sppb-optin-form input', 'data.custom_input_padding'); $output .= $lodash->color('color', '.sppb-optin-form input::placeholder ', 'data.custom_input_color'); $output .= '#sppb-addon-{{ data.id }} .sppb-optin-form input::placeholder { opacity: 1; }'; $output .= '<# } #>'; // Width $output .= '<# if (data.optin_width) { #>'; $output .= $lodash->unit('width', '.sppb-optin-form-popup-wrap > #sppb-addon-{{ data.id }}', 'data.optin_width', 'px', false); $output .= '<# } else {#>'; $output .= '.sppb-optin-form-popup-wrap > #sppb-addon-{{ data.id }} { width: 500px; }'; $output .= '<# } #>'; // Button Typography Fallbacks $buttonTypographyFallbacks = [ 'font' => 'data.button_font_family', 'letter_spacing' => 'data.button_letterspace', 'weight' => 'data.button_fontstyle?.weight', 'italic' => 'data.button_fontstyle?.italic', 'underline' => 'data.button_fontstyle?.underline', 'uppercase' => 'data.button_fontstyle?.uppercase', ]; $output .= $lodash->typography('#btn-{{ data.id }}.sppb-btn-custom', 'data.button_typography', $buttonTypographyFallbacks); $output .= $lodash->unit('font-size', '#btn-{{ data.id }}.sppb-btn-custom', 'data.fontsize', 'px'); $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_padding'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_color_hover'); // Custom button type $output .= '<# if (data.button_type == "custom") { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_color'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { background-color: transparent; }'; $output .= '<# } else if(data.button_appearance == "3d"){ #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } else if(data.button_appearance == "gradient"){ #>'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom ', 'data.button_background_gradient'); $output .= $lodash->color('background-image', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); $output .= '<# } #>'; $output .= '<# } #>'; // end custom button type if block $output .= $lodash->spacing('padding', '.sppb-optin-form input', 'data.custom_input_padding'); $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_padding'); $output .= $lodash->unit('font-size', '#btn-{{ data.id }}.sppb-btn-custom', 'data.fontsize', 'px'); $output .= $lodash->alignment('text-align', '.sppb-addon-optin-forms', 'data.alignment'); $output .= $lodash->alignment('text-align', '.button-wrap', 'data.button_position'); $output .= ' </style> <div class="sppb-addon sppb-addon-optin-forms grid{{ grid }} {{data.class}}"> <# if(grid == "ws-4-4-4"){ #> <div class="sppb-row justify-content-center"> <div class="sppb-col-sm-4"> <# } else if(grid == "ws-2-8-2"){ #> <div class="sppb-row justify-content-center"> <div class="sppb-col-sm-8"> <# } else if(grid == "ws-3-6-3"){ #> <div class="sppb-row justify-content-center"> <div class="sppb-col-sm-6"> <# } #> <div class="sppb-optin-form-box sppb-row {{ raw_wrap }}"> <div class="sppb-optin-form-info-wrap media-position-{{ data.media_position \|\| "top" }} {{ info_wrap }}"> <div class="sppb-optin-form-img-wrap {{ media_class }}"> {{{ media }}} </div> <# if(data.title \|\| data.content){ #> <div class="sppb-optin-form-details-wrap"> <# } #> <# if(data.title) { #> <{{ data.heading_selector \|\| "h3" }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector \|\| "h3" }}> <# } #> <# if(data.content) { #> <div id="addon-text-{{data.id}}" class="sppb-optin-form-details sp-editable-content" data-id={{data.id}} data-fieldName="content">{{{ data.content }}}</div> <# } #> <# if(data.title \|\| data.content){ #> </div> <# } #> </div> <# // if form-inline and button inline both are enable then add the column wrap and new grid for email and name field. let col_wrap = " "; let inline = (forminline && button_inside) ? " " : forminline; if (forminline && button_inside) { col_wrap = (data.hide_name) ? "sppb-col-sm-12" : "sppb-col-sm-6"; } #> <div class="sppb-optin-form-content {{ form_wrap }}"> <form class="sppb-optin-form {{ inline }} {{button_inside}}"> <# if (forminline && button_inside) { #> <div class="row has-grid"> <# } if (!data.hide_name) { #> <div class="sppb-form-group name-wrap {{ col_wrap }}"> <input type="text" name="fname" class="sppb-form-control" placeholder="{{ Joomla.Text._(\'COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_NAME\') }}" required="required"> </div> <# } #> <div class="sppb-form-group email-wrap {{ col_wrap }}"> <input type="email" name="email" class="sppb-form-control" placeholder="{{ Joomla.Text._(\'COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_EMAIL\') }}" required="required"> </div> <# if (forminline && button_inside) { #> </div> <# } #> <# let col_wrap_recp_chckbpx = (forminline && data.recaptcha && data.show_checkbox) ? "sppb-col-sm-6" : "sppb-col-sm-12"; if (forminline && button_inside) { #> <div class="sppb-row has-grid"> <# } let isCaptchaEnabled = [true, "true", 1, "1"].includes(data.recaptcha); #> <# if(isCaptchaEnabled && data.captcha_type === "default") { #> <div class="sppb-form-group"> <input type="text" name="captcha_question" class="sppb-form-control" placeholder="{{ data.captcha_question }}" required="required"> </div> <# } #> <# if(isCaptchaEnabled && data.captcha_type !== "igcaptcha" && data.captcha_type !== "default"){ #> <div class="sppb-row"> <div class="sppb-form-group recaptcha-wrap {{ col_wrap_recp_chckbpx }}"> <img src="components/com_sppagebuilder/assets/images/captcha.png" > </div> </div> <# } #> <# if(isCaptchaEnabled && data.captcha_type === "igcaptcha"){ #> <div class="sppb-row"> <div class="sppb-form-group recaptcha-wrap {{ col_wrap_recp_chckbpx }}"> <img src="components/com_sppagebuilder/assets/images/captcha-2.png" > </div> </div> <# } #> <# if (data.show_checkbox) { #> <div class="sppb-form-group checkbox-wrap {{ col_wrap_recp_chckbpx }}"> <div class="sppb-form-check"> <input class="sppb-form-check-input" type="checkbox" name="agreement" id="agreement" required="required"> <label class="sppb-form-check-label" for="agreement">{{{ data.checkbox_title }}}</label> </div> </div> <# } #> <# if (forminline && button_inside) { #> </div> <# } #> <# let button_position_style = (!forminline && !data.hide_name) ? "style=top:7vh;" : ""; #> <div class="button-wrap" {{ button_position_style }} > <button type="submit" id="btn-{{ data.id }}" class="sppb-btn {{ button_class }}"><i class="fa"></i> {{{ button_text }}}</button> </div> </form> <div style="display:none;margin-top:10px;" class="sppb-optin-form-status"></div> </div> </div> <# if((grid == "ws-4-4-4") \|\| (grid == "ws-2-8-2") \|\| (grid == "ws-3-6-3")){ #> </div> </div> <# } #> </div> '; return $output; } } ��optin_form/admin.php��0000644��00000067752�15231074400�0010536 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'optin_form', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_FORM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_FORM_DESC'), 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M31.85 10.974L27.216 7.7V2.919A1.03 1.03 0 0026.333 2H6.032a1.03 1.03 0 00-.883.92v4.744l-4.818 3.31a.81.81 0 00-.331.588v17.47c.063.48.44.857.92.92h30.525c.405 0 .552-.479.552-.92v-17.47c0-.22.037-.441-.147-.588zm-4.634-1.508l3.163 2.17-3.163 2.39v-4.56zM6.62 3.47h19.125v11.696l-9.563 7.208-9.562-7.208V3.47zM5.15 9.43v4.634l-3.163-2.427 3.163-2.207zm-3.678 3.715L11.77 20.94 1.471 27.89V13.145zM3.237 28.48l9.783-6.583 2.61 1.986a.883.883 0 00.516.184c.147 0 .22-.074.367-.184l2.722-2.096 9.893 6.693H3.237zm27.289-.846l-10.077-6.767 10.077-7.723v14.49z" fill="currentColor"/><g opacity=".5" fill="currentColor"><path d="M10.298 8.252h3.31a.736.736 0 100-1.47h-3.31a.736.736 0 000 1.47zM10.298 11.562h11.769a.736.736 0 000-1.47h-11.77a.736.736 0 100 1.47zM22.802 14.137a.736.736 0 00-.735-.736h-11.77a.736.736 0 000 1.471h11.77c.406 0 .735-.329.735-.735z"/></g></svg>', 'settings' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GENERAL'), 'fields' => [ 'platform' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_DESC'), 'values' => [ 'mailchimp' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_MAILCHIMP'), 'sendgrid' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_SENDGRID'), 'sendinblue' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_SENDINBLUE'), 'madmimi' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_MADMIMI'), 'acymailing' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_PLATFORM_ACYMAILING'), ], 'std' => 'mailchimp', 'inline' => true, ], 'hide_name' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_HIDE_NAME_FIELD'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_HIDE_NAME_FIELD_DESC'), 'values' => [ 0 => Text::_('JNO'), 1 => Text::_('JYES'), ], 'std' => 0, ], 'add_sendgrid_list_ids' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_ADD_SENDGRID_LIST_IDS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_ADD_SENDGRID_LIST_IDS_DESC'), 'values' => [ 0 => Text::_('JNO'), 1 => Text::_('JYES') ], 'std' => 0, 'depends' => ['platform' => 'sendgrid'] ], 'acymailing_listids' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_ACYMAILING_LIST_ID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_ACYMAILING_LIST_ID_DESC'), 'multiple' => true, 'std' => '', 'values' => SpPgaeBuilderBase::acymailingList(), 'depends' => ['platform' => 'acymailing'] ], 'mailchimp_api' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_API_KEY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_API_KEY_DESC'), 'std' => '', 'depends' => ['platform' => 'mailchimp'] ], 'mailchimp_listid' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_LISTID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_LISTID_DESC'), 'std' => '', 'depends' => ['platform' => 'mailchimp'] ], 'mailchimp_action' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_ACTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_ACTION_DESC'), 'values' => [ 'subscribed' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_ACTION_SUBSCRIBED'), 'pending' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MAILCHIMP_ACTION_PENDING'), ], 'std' => 'subscribed', 'depends' => ['platform' => 'mailchimp'] ], 'sendgrid_api' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDGRID_API_KEY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDGRID_API_KEY_DESC'), 'std' => '', 'depends' => ['platform' => 'sendgrid'] ], 'sendgrid_list_ids' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDGRID_LIST_IDS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDGRID_LIST_IDS_DESC'), 'std' => '', 'depends' => [['platform', '=', 'sendgrid'], ['add_sendgrid_list_ids', '=', 1]] ], 'sendinblue_api' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDINBLUE_API_KEY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDINBLUE_API_KEY_DESC'), 'std' => '', 'depends' => ['platform' => 'sendinblue'] ], 'sendinblue_listid' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDINBLUE_LISTID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_SENDINBLUE_LISTID_DESC'), 'std' => '', 'depends' => ['platform' => 'sendinblue'] ], 'madmimi_user' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MADMIMI_USERNAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MADMIMI_USERNAME_DESC'), 'std' => '', 'depends' => ['platform' => 'madmimi'] ], 'madmimi_api' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MADMIMI_API_KEY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MADMIMI_API_KEY_DESC'), 'std' => '', 'depends' => ['platform' => 'madmimi'] ], 'madmimi_listname' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MADMINI_LISTNAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MADMINI_LISTNAME_DESC'), 'std' => '', 'depends' => ['platform' => 'madmimi'] ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'content' => [ 'type' => 'editor', 'std' => 'Lorem Ipsum has been the industry standard dummy text ever since the when an unknown printer.' ], 'media_type' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_CHOOSE_TYPE_DESC'), 'values' => [ 'img' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'icon' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), ], 'std' => 'img', 'inline' => true, ], 'image' => [ 'type' => 'media', 'depends' => [['media_type', '!=', 'icon']], 'show_input' => true, ], 'alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'depends' => [['media_type', '!=', 'icon']], ], 'icon_name' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_NAME'), 'depends' => [['media_type', '=', 'icon']] ], 'icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE'), 'std' => ['xl' => 82, 'lg' => 82, 'md' => 82, 'sm' => 82, 'xs' => 82], 'depends' => [['media_type', '=', 'icon']] ], 'icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['media_type', '=', 'icon']] ], 'media_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_MEDIA_POSITION_DESC'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), ], 'inline' => true, ], ], ], 'custom_input' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_CUSTOM_INPUT_FIELD'), 'fields' => [ 'custom_input' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_CUSTOM_INPUT_FIELD'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_CUSTOM_INPUT_FIELD_DESC'), 'std' => 0, 'is_header' => 1, ], 'custom_input_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['custom_input', '=', 1]], ], 'custom_input_bgcolor' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['custom_input', '=', 1]], ], 'custom_input_border_separator' => [ 'type' => 'separator', 'depends' => [['custom_input', '=', 1]], ], 'custom_input_border' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [['custom_input', '=', 1]], ], 'custom_input_border_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_NONE'), 'solid' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_SOLID'), 'double' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOUBLE'), 'dotted' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOTTED'), 'dashed' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DASHED'), ], 'std' => 'solid', 'depends' => [['custom_input', '=', 1]], ], 'custom_input_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['custom_input', '=', 1]], ], 'custom_input_border_side' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_POSITION'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_POSITION_FULL'), 'top-' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_POSITION_TOP'), 'right-' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'bottom-' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'left-' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), ], 'depends' => [['custom_input', '=', 1]], ], 'custom_input_bdr' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'depends' => [['custom_input', '=', 1]], ], 'custom_input_padding_separator' => [ 'type' => 'separator', 'depends' => [['custom_input', '=', 1]], ], 'custom_input_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['custom_input', '=', 1]], ], ], ], 'recaptcha' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_RECAPTCHA'), 'fields' => [ 'recaptcha' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_RECAPTCHA'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_RECAPTCHA_DESC'), 'std' => 0, 'is_header' => 1, ], 'captcha_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_DEFAULT'), 'gcaptcha' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_GCHAPTCHA'), 'igcaptcha' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_INVISIBLE_GCHAPTCHA'), ], 'std' => 'gcaptcha', 'depends' => [['recaptcha', '=', 1]], ], 'captcha_question' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_QUESTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_QUESTION_DESC'), 'std' => '3 + 4 = ?', 'depends' => [ ['recaptcha', '=', '1'], ['captcha_type', '=', 'default'], ], ], 'captcha_answer' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_ANSWER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_ANSWER_DESC'), 'std' => '7', 'depends' => [ ['recaptcha', '=', '1'], ['captcha_type', '=', 'default'], ], ], ], ], 'checkbox' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_CHECKBOX'), 'fields' => [ 'show_checkbox' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_CHECKBOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_CHECKBOX_DESC'), 'std' => 1, 'is_header' => 1, ], 'checkbox_title' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CHECKBOX_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CHECKBOX_TITLE_DESC'), 'std' => 'I agree with the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a> and I declare that I have read the information that is required in accordance with <a href="http://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv:OJ.L_.2016.119.01.0001.01.ENG&toc=OJ:L:2016:119:TOC" target="_blank">Article 13 of GDPR.</a>', 'depends' => [['show_checkbox', '=', 1]], ], ], ], 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Submit', ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), ], 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'button_font_family', 'letter_spacing' => 'button_letterspace', 'weight' => 'button_fontstyle.weight', 'italic' => 'button_fontstyle.italic', 'underline' => 'button_fontstyle.underline', 'uppercase' => 'button_fontstyle.uppercase', ], ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'inline' => true, ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [['button_type', '=', 'link']] ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'depends' => [['type', '!=', 'link']] ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['button_type', '!=', 'link']] ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['button_size', '=', 'custom']] ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [['button_type', '!=', 'link']] ], 'button_icon_separator' => [ 'type' => 'separator', ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'button_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'button_margin_separator' => [ 'type' => 'separator', ], 'button_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'std' => ['xl' => 20], 'responsive' => true, 'max' => 400, ], 'button_style_tab_separator' => [ 'type' => 'separator', ], 'button_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'custom']], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'] ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], // link style 'link_button_color_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'link']], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], 'button_position_separator' => [ 'type' => 'separator', ], 'button_position' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'grid' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_FULL'), '6-6' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_6_6'), '5-7' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_5_7'), '8-4' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_8_4'), '2-10' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_2_10'), 'ws-4-4-4' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_WIDESPACE_4_4_4'), 'ws-2-8-2' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_WIDESPACE_2_8_2'), 'ws-3-6-3' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_GRID_WIDESPACE_3_6_3'), ], ], 'form_inline' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_FORM_INLINE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_FORM_INLINE_DESC'), 'std' => 0, ], 'submit_btn_inside' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_INSIDE_SUBMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_INSIDE_SUBMIT_DESC'), 'std' => 0, ], 'optin_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TYPE_DESC'), 'values' => [ 'normal' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TYPE_NORMAL'), 'popup' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TYPE_POPUP'), ], 'std' => 'normal', ], 'optin_timein' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TIMEIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TIMEIN_DESC'), 'std' => 2000, 'max' => 5000, 'inline' => true, 'depends' => [['optin_type', '=', 'popup']], ], 'optin_timeout' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TIMEOUT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_TIMEOUT_DESC'), 'std' => 10000, 'max' => 10000, 'inline' => true, 'depends' => [['optin_type', '=', 'popup']], ], 'optin_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_WIDTH_DESC'), 'std' => 600, 'max' => 1000, 'inline' => true, 'depends' => [['optin_type', '=', 'popup']], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ], ], ], ]); ��optin_form/.htaccess��0000555��00000000355�15231074400�0010516 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��video/assets/images/icon.png��0000644��00000003133�15231074400�0012053 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:01C2923C40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:01C2923D40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:A881A8E740D011E69A38F8F21A167467" stRef:documentID="xmp.did:A881A8E840D011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>"�F��IDATx��u�0��_��l@&�� L�d��l�H�3U�-�K��{! ȑ;�;�HRU��u��F`F`�-�W��Z��R���wh��'�#�2B�k��ל$N��5�,%�v+ `Y��cW�r��{�;�R.�.�%�5km�R��\|n>1��MH�� 5��~�8PP�o��)��(5~2�\|E�Ԡ��O�8C��G�iS�`��17~�.�lf��U6DO��PX��π�,�fe��b�0G�mΕ1��^\A�L�[@��]��^�� r��냸�ј�)�#�. ̭\Y"��M�e�.j�¯3�^��݂忌��eQ�;%u9�n��G��(�F��&�+0r�]R��0��Z�p>d 2��@�M�H��ǃK�!l� 12�T��E�� i/q�_��2��Ҋ��N�~ү~i�z��?hX}G�� 3�^-XSD�7�.5�-0��[�]�{ �`+C�X��K��G^ߡU��Fג60K ̽�ߊO��?l�M�N��}�9�bh��ş�o�N��)X�-�v/��i�1z��g�o��~G�A��v.R��\|-��"pXm�)R��4l۠��y�"��.죋��hF`F`!ڛ��-]�b�_��IEND�B`��video/assets/images/.htaccess��0000555��00000000355�15231074400�0012217 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��video/assets/.htaccess��0000555��00000000355�15231074400�0010752 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��video/site.php��0000644��00000035441�15231074400�0007332 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; use Joomla\CMS\Language\Text; use Joomla\CMS\Component\ComponentHelper; class SppagebuilderAddonVideo extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Options $url = (isset($settings->url) && $settings->url) ? $settings->url : ''; $video_title = ""; $no_cookie = (isset($settings->no_cookie) && $settings->no_cookie) ? $settings->no_cookie : 0; $show_rel_video = (isset($settings->show_rel_video) && $settings->show_rel_video) ? '&rel=0' : '&rel=1'; $youtube_shorts = (isset($settings->youtube_shorts) && $settings->youtube_shorts) ? $settings->youtube_shorts : 0; $aspect_ratio = (isset($settings->aspect_ratio) && $settings->aspect_ratio && $youtube_shorts) ? $settings->aspect_ratio : '16by9'; $mp4_enable = (isset($settings->mp4_enable) && $settings->mp4_enable) ? $settings->mp4_enable : 0; $video_mute = (isset($settings->video_mute) && $settings->video_mute) ? $settings->video_mute : 0; $mp4_video = (isset($settings->mp4_video) && $settings->mp4_video) ? $settings->mp4_video : ''; $mp4_video_src = isset($mp4_video->src) ? $mp4_video->src : $mp4_video; $vimeo_show_author = (isset($settings->vimeo_show_author) && $settings->vimeo_show_author) ? "byline=1" : "byline=0"; $vimeo_mute_video = (isset($settings->vimeo_mute_video) && $settings->vimeo_mute_video) ? "muted=1" : "muted=0"; $vimeo_show_video_title = (isset($settings->vimeo_show_video_title) && $settings->vimeo_show_video_title) ? "title=1" : "title=0"; $vimeo_show_author_profile = (isset($settings->vimeo_show_author_profile) && $settings->vimeo_show_author_profile) ? "portrait=1" : "portrait=0"; if ($mp4_video_src && (strpos($mp4_video_src, "http://") !== false \|\| strpos($mp4_video_src, "https://") !== false)) { $mp4_video = $mp4_video_src; } else { if (!empty($mp4_video)) { $mp4_video = Uri::base(true) . '/' . $mp4_video_src; } } $ogv_video = (isset($settings->ogv_video) && $settings->ogv_video) ? $settings->ogv_video : ''; $ogv_video_src = isset($ogv_video->src) ? $ogv_video->src : $ogv_video; if ($ogv_video_src && (strpos($ogv_video_src, "http://") !== false \|\| strpos($ogv_video_src, "https://") !== false)) { $ogv_video = $ogv_video_src; } else { if (!empty($ogv_video)) { $ogv_video = Uri::base(true) . '/' . $ogv_video_src; } } $show_control = (isset($settings->show_control) && $settings->show_control) ? $settings->show_control : 0; $video_loop = (isset($settings->video_loop) && $settings->video_loop) ? $settings->video_loop : 0; $autoplay_video = (isset($settings->autoplay_video) && $settings->autoplay_video) ? $settings->autoplay_video : 0; $video_poster = (isset($settings->video_poster) && $settings->video_poster) ? $settings->video_poster : ''; $video_poster_src = isset($video_poster->src) ? $video_poster->src : $video_poster; if ($video_poster_src && (strpos($video_poster_src, "http://") !== false \|\| strpos($video_poster_src, "https://") !== false)) { $video_poster = $video_poster_src; } else { if (!empty($video_poster)) { $video_poster = Uri::base(true) . '/' . $video_poster_src; } } // Image lazy load $config = ComponentHelper::getParams('com_sppagebuilder'); $lazyload = $config->get('lazyloadimg', '0'); // Output $output = ''; $src = ''; if ($url) { $video = parse_url($url); $youtube_no_cookie = $no_cookie ? '-nocookie' : ''; switch ($video['host']) { case 'youtu.be': $id = trim($video['path'], '/'); $src = '//www.youtube' . $youtube_no_cookie . '.com/embed/' . $id . '?iv_load_policy=3' . $show_rel_video; $video_title = (isset($settings->video_title) && $settings->video_title) ? $settings->video_title : Text::_("COM_SPPAGEBUILDER_ADDON_VIDEO_TITLE_DEFAULT_TEXT"); break; case 'www.youtube.com': case 'youtube.com': $query = []; if(array_key_exists('query', $video)) { parse_str($video['query'], $query); } $id = ($youtube_shorts) ? trim($video['path'], '/shorts/') : $query['v']; $src = '//www.youtube' . $youtube_no_cookie . '.com/embed/' . $id . '?iv_load_policy=3' . $show_rel_video; $video_title = (isset($settings->video_title) && $settings->video_title) ? $settings->video_title : Text::_("COM_SPPAGEBUILDER_ADDON_VIDEO_TITLE_DEFAULT_TEXT"); break; case 'vimeo.com': case 'www.vimeo.com': case 'player.vimeo.com': $initialSrc = $url; if($video['host'] !== 'player.vimeo.com') { $id = trim($video['path'], '/'); $initialSrc = "//player.vimeo.com/video/{$id}"; } $embeddedParameter = array($vimeo_mute_video, $vimeo_show_author, $vimeo_show_author_profile, $vimeo_show_video_title); $src = self::setEmbeddedParameter($embeddedParameter, $initialSrc); break; } } // Lazy load ifram $placeholder = $src == '' ? false : $this->get_image_placeholder($src); $output .= '<div class="sppb-addon sppb-addon-video ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; if ($mp4_enable != 1) { $output .= '<div class="sppb-video-block sppb-embed-responsive sppb-embed-responsive-'.$aspect_ratio.'">'; $output .= '<iframe class="sppb-embed-responsive-item' . ($placeholder ? ' sppb-element-lazy' : '') . '" ' . ($placeholder ? 'style="background:url(' . $placeholder . '); background-size: cover;"' : 'src="' . $src . '"') . ' ' . ($placeholder ? 'data-large="' . $src . '"' : '') . ' ' . ($video_title ? 'title="'.$video_title. '"' : '') . ' allow="accelerometer" webkitAllowFullScreen mozallowfullscreen allowFullScreen loading="lazy" ></iframe>'; $output .= '</div>'; } else { if ($mp4_video \|\| $ogv_video) { $output .= '<div class="sppb-addon-video-local-video-wrap">'; $output .= '<video class="sppb-addon-video-local-source' . ($placeholder ? ' sppb-element-lazy' : '') . '"' . ($video_loop != 0 ? ' loop' : '') . '' . ($autoplay_video != 0 ? ' autoplay' : '') . '' . ($show_control != 0 ? ' controls' : '') . '' . ($video_mute != 0 ? ' muted' : '') . ' ' . ($lazyload ? 'data-poster="' . $video_poster . '"' : ' poster="' . $video_poster . '"') . ' controlsList="nodownload" playsinline>'; if (!empty($mp4_video)) { $output .= '<source ' . ($lazyload ? 'data-large="' . $mp4_video . '"' : 'src="' . $mp4_video . '"') . ' type="video/mp4">'; } if (!empty($ogv_video)) { $output .= '<source ' . ($lazyload ? 'data-large="' . $ogv_video . '"' : 'src="' . $ogv_video . '"') . ' type="video/ogg">'; } $output .= '</video>'; $output .= '</div>'; } } $output .= '</div>'; return $output; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash("#sppb-addon-{{data.id}}"); $output = ' <# let videoUrl = data.url \|\| "" let video_title = ""; let show_rel_video = (typeof data.show_rel_video !== "undefined" && data.show_rel_video) ? "&rel=0" : "&rel=1"; let embedSrc = "" let youtube_no_cookie = data.no_cookie ? "-nocookie" : "" let youtube_shorts = data.youtube_shorts ? data.youtube_shorts : 0; let aspect_ratio = (data.aspect_ratio && youtube_shorts) ? data.aspect_ratio : "16by9"; let mp4_enable = (typeof data.mp4_enable == "undefined") ? 0 : data.mp4_enable; let vimeo_show_author = data.vimeo_show_author ? "byline=1" : "byline=0"; let vimeo_mute_video = data.vimeo_mute_video ? "muted=1" : "muted=0"; let vimeo_show_video_title = data.vimeo_show_video_title ? "title=1" : "title=0"; let vimeo_show_author_profile = data.vimeo_show_author_profile ? "portrait=1" : "portrait=0"; const embeddedParameter = [vimeo_show_author,vimeo_mute_video,vimeo_show_video_title,vimeo_show_author_profile]; const separator = "&"; let embeddedString = ""; let mp4_video = (!_.isEmpty(data.mp4_video) && data.mp4_video) ? data.mp4_video : "https://www.joomshaper.com/media/videos/2017/11/10/pb-intro-video.mp4"; if (typeof mp4_video !== "undefined" && typeof mp4_video.src !== "undefined") { mp4_video = data.mp4_video } else { mp4_video = {src: data.mp4_video} } let ogv_video = (!_.isEmpty(data.ogv_video) && data.ogv_video) ? data.ogv_video : "https://www.joomshaper.com/media/videos/2017/11/10/pb-intro-video.mp4"; if (typeof ogv_video !== "undefined" && typeof ogv_video.src !== "undefined") { ogv_video = data.ogv_video } else { ogv_video = {src: data.ogv_video} } let video_poster = (!_.isEmpty(data.video_poster) && data.video_poster) ? data.video_poster : "https://www.joomshaper.com/images/2017/11/10/real-time-frontend.jpg"; if (typeof data.video_poster !== "undefined" && typeof data.video_poster.src !== "undefined") { video_poster = data.video_poster } else { video_poster = {src: data.video_poster} } if ( videoUrl ) { let tempAchor = document.createElement("a") tempAchor.href = videoUrl let videoObj = { host : tempAchor.hostname, path : tempAchor.pathname, query : tempAchor.search.substr(tempAchor.search.indexOf("?") + 1) } switch( videoObj.host ){ case "youtu.be": var videoId = videoObj.path.trim(); embedSrc = "//www.youtube"+youtube_no_cookie+".com/embed"+ videoId + "?iv_load_policy=3"+ show_rel_video video_title = data.video_title ? data.video_title : Joomla.Text._("COM_SPPAGEBUILDER_ADDON_VIDEO_TITLE_DEFAULT_TEXT"); break; case "www.youtube.com": case "youtube.com": var queryStr = (youtube_shorts) ? videoObj.path.split("/shorts/") : videoObj.query.split("="); embedSrc = "//www.youtube"+youtube_no_cookie+".com/embed/"+ queryStr[1]+ "?iv_load_policy=3"+ show_rel_video video_title = data.video_title ? data.video_title : Joomla.Text._("COM_SPPAGEBUILDER_ADDON_VIDEO_TITLE_DEFAULT_TEXT"); break; case "www.vimeo.com": case "vimeo.com": case "player.vimeo.com": embedSrc = videoUrl; if(videoObj.host !== "player.vimeo.com") { var videoId = videoObj.path.trim(); embedSrc = "//player.vimeo.com/video"+ videoId; } _.forEach(embeddedParameter, function(value,key){ embeddedString += (key > 0) ? separator + value : value; }); embedSrc = embedSrc + "?" + embeddedString; break; } } #>'; $output .= '<style type="text/css">'; $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= ' </style> <div class="sppb-addon sppb-addon-video {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ data.heading_selector }}><# } #> <# if(mp4_enable != 1){ #> <div class="sppb-iframe-drag-overlay"></div> <div class="sppb-video-block sppb-embed-responsive sppb-embed-responsive-{{ aspect_ratio }}"> <# if(embedSrc){ #> <iframe class="sppb-embed-responsive-item" src=\'{{ embedSrc }}\' title= \'{{ video_title }}\' allow="accelerometer"; webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> </div> <# } #> <# } else { if(mp4_video.src \|\| ogv_video.src){ #> <div class="sppb-addon-video-local-video-wrap"> <video class="sppb-addon-video-local-source"{{(data.video_loop != 0 ? " loop" : "")}}{{(data.autoplay_video != 0 ? " autoplay" : "")}}{{(data.show_control != 0 ? " controls" : "")}}{{(data.video_mute != 0 ? " muted" : "")}} <# if(!_.isEmpty(video_poster.src)){ if(video_poster.src.indexOf("http://") == -1 && video_poster.src.indexOf("https://") == -1){ #> poster=\'{{ pagebuilder_base + video_poster.src }}\' <# } else { #> poster=\'{{ video_poster.src }}\' <# } } #> controlsList="nodownload"> <# if(!_.isEmpty(mp4_video.src)){ #> <# if(mp4_video.src.indexOf("http://") == -1 && mp4_video.src.indexOf("https://") == -1){ #> <source src=\'{{ pagebuilder_base + mp4_video.src }}\' type="video/mp4"> <# } else { #> <source src=\'{{ mp4_video.src }}\' type="video/mp4"> <# } #> <# } if(!_.isEmpty(ogv_video.src)){ #> <# if(ogv_video.src.indexOf("http://") == -1 && ogv_video.src.indexOf("https://") == -1){ #> <source src=\'{{ pagebuilder_base + ogv_video.src }}\' type="video/mp4"> <# } else { #> <source src=\'{{ ogv_video.src }}\' type="video/mp4"> <# } #> <# } #> </video> </div> <# } #> <# } #> </div> '; return $output; } /* * Set embedded settings for vimeo video player * * @param array $embeddedParameter Array of embedded settings which will be added on vimeo player. * @param string $src "src" attribute of iframe * @return void * @since 4.0.8 / public static function setEmbeddedParameter($embeddedParameter, $src){ $embeddedString = ""; $separator = "&"; foreach ($embeddedParameter as $key => $value) { $embeddedString .= ($key > 0) ? $separator . $value : $value ; } $src = $src . '?' . $embeddedString; return $src; } }��video/admin.php��0000644��00000024757�15231074400�0007466 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'video', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M30.1 22.1H1.9c-.5 0-.9.4-.9.9s.4 1 .9 1H8v6.1c0 .5.5.9 1 .9s.9-.4.9-.9V24h5.2v6.1c0 .5.4.9.9.9s.9-.4.9-.9V24h5.2v6.1c0 .5.4.9.9.9s.9-.4.9-.9V24H30c.5 0 .9-.4.9-.9.1-.6-.3-1-.8-1zM1.9 9.9H30c.6 0 1-.4 1-.9s-.4-1-.9-1H24V1.9c0-.5-.5-.9-1-.9s-.9.4-.9.9V8h-5.2V1.9c0-.5-.4-.9-.9-.9s-.9.4-.9.9V8H9.9V1.9c0-.5-.4-.9-.9-.9s-1 .4-1 .9V8H1.9c-.5 0-.9.5-.9 1s.4.9.9.9z"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M2.1 27.6c0 1.2 1 2.2 2.2 2.2h23.2c1.2 0 2.2-1 2.2-2.2V4.4c0-1.2-1-2.2-2.2-2.2H4.4c-1.2 0-2.2 1-2.2 2.2v23.2h-.1zm2.3 4.2c-2.3 0-4.2-1.9-4.2-4.2V4.4C.2 2 2 .2 4.4.2h23.2c2.3 0 4.2 1.9 4.2 4.2v23.2c0 2.3-1.9 4.2-4.2 4.2H4.4z" fill="currentColor"/><path d="M19.5 15c.6.5.6 1.5 0 1.9l-3.9 2.8c-.7.5-1.7 0-1.7-1V13c0-.9 1-1.5 1.7-1l3.9 3z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ // does not working 'mp4_enable' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_SOURCE'), 'values' => [ 0 => 'YouTube/Vimeo', 1 => 'MP4', ], 'std' => 0, ], 'url' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_URL_DESC'), 'std' => 'https://www.youtube.com/watch?v=BWLRMBrKH_c', 'depends' => [['mp4_enable', '=', 0]], ], 'video_title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_TITLE_DESC'), 'std' => '', 'depends' => [['mp4_enable', '=', 0]], ], 'mp4_video' => [ 'type' => 'media', 'format' => 'video', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_MP4'), 'std' => ['src' => 'https://www.joomshaper.com/media/videos/2017/11/10/pb-intro-video.mp4'], 'hide_preview' => true, 'depends' => [['mp4_enable', '=', 1]], ], 'ogv_video' => [ 'type' => 'media', 'format' => 'video', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_OGV'), 'hide_preview' => true, 'depends' => [['mp4_enable', '=', 1]], ], 'show_rel_video' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_OWN_CHANNEL_REL'), 'std' => 0, 'depends' => [['mp4_enable', '=', 0]], ], 'no_cookie' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_NO_COOKIE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_NO_COOKIE_DESC'), 'std' => 0, 'depends' => [['mp4_enable', '=', 0]], ], 'youtube_shorts' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_YOUTUBE_SHORTS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_YOUTUBE_SHORTS_DESC'), 'std' => 0, 'depends' => [['mp4_enable', '=', 0]] ], 'aspect_ratio' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_YOUTUBE_ASPECT_RATIO'), 'values' => [ '1by1' => '1:1', '4by3' => '4:3', '9by16' => '9:16', '16by9' => '16:9', ], 'std' => '9by16', 'depends' => [['youtube_shorts', '=', 1]] ], 'vimeo_show_author' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_SHOW_AUTHOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_SHOW_AUTHOR_DESC'), 'std' => 0, 'depends' => [['mp4_enable', '=', 0]], ], 'vimeo_mute_video' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_MUTE_VIDEO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_MUTE_VIDEO_DESC'), 'std' => 1, 'depends' => [['mp4_enable', '=', 0]], ], 'vimeo_show_author_profile' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_SHOW_AUTHOR_PROFILE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_SHOW_AUTHOR_PROFILE_DESC'), 'std' => 0, 'depends' => [['mp4_enable', '=', 0]], ], 'vimeo_show_video_title' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_SHOW_VIDEO_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_VIMEO_SHOW_VIDEO_TITLE_DESC'), 'std' => 0, 'depends' => [['mp4_enable', '=', 0]], ], 'show_control' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_CONTROL'), 'std' => 1, 'depends' => [['mp4_enable', '=', 1]], ], 'video_loop' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_LOOP'), 'std' => 0, 'depends' => [['mp4_enable', '=', 1]], ], 'video_mute' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_MUTE'), 'std' => 1, 'depends' => [['mp4_enable', '=', 1]], ], 'autoplay_video' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_AUTOPLAY'), 'std' => 0, 'depends' => [['mp4_enable', '=', 1]], ], ], ], 'poster' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_POSTER'), 'fields' => [ 'video_poster' => [ 'type' => 'media', 'std' => ['src' => 'https://www.joomshaper.com/images/2017/11/10/real-time-frontend.jpg'], 'depends' => [['mp4_enable', '=', 1]], ], 'video_poster_message' => [ 'type' => 'alert', 'message' => Text::_('COM_SPPAGEBUILDER_ADDON_VIDEO_POSTER_UNAVILABLE'), 'depends' => [['mp4_enable', '=', 0]], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��video/.htaccess��0000555��00000000355�15231074400�0007450 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��raw_html/assets/images/icon.png��0000644��00000003720�15231074400�0012564 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:2E9FB32740E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:2E9FB32840E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:2E9FB32540E011E69A38F8F21A167467" stRef:documentID="xmp.did:2E9FB32640E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�i��>IDATx��0�#�rHkr��ׁہ�u�v�u�[�Z�X�l��"!�LȾ��8�W~y��z�2~T��m\=��{��,��8�O��'�9��OW�f�5~mѰO��'��D>A�G�s�!�H��S��s�uι XξD�Bl�!��1\|�k��/K�`!��z�_�<�p�>e2��_y�1w�O�VE�$k�2�l\y� �6B�n�rN��!2��%��3�\h��Q;(�G] K�"��Y{��I��V �:��(9E'w��T5��pL�"q�r��J�V�c�T@��u��X$#ư�r�M��Q��`�f��}��BD��L�]�BkrD��l�1��3��a��pl �C_ [ ��QH��&Yh�8��I��2.˷-��<��m��PI�����G�<B��1w�.���Hϔi�Qs �� .D 4Ʉ�.�$�ͭ0۩��O�V1��ډ��&��UK�\�D��%��/c�>`�h�X��nnc��u* yX��m�h˓�}2��)��NĩW,�� е�ZJNӵ�)�� &�\|X�aPG�j��b��!M��I&{�$mLtsJK(Դo}fQYt��zX+�D�tˢ��$cCmKYDb�XG^p�z�i��C�,R[��E}ߌ�=�J��ϑ� ��6�W�ZνV��xK� r�múow��1٨�lY��5.�E�T]`)Xmk�\|C�lB[k�8&,5,1� ��8��W�7��)`��H:��)]��~��%�njmf��ԦFy��7`��I(�2).�a�~�n�kvj�~��=��]��KQ�x��De��\��)`6�<T>'@��#uD%YK��W�%��4�B!��;B� �]��$�+��EU�QlS�P �e!�� ;E� DFJ(J`��L��צ�Z�^%�)`��X��8��-�j`�ȤҾS�ݲ��K"��!��xZ�l`��#��A"�{j�?��IEND�B`��raw_html/assets/images/.htaccess��0000555��00000000355�15231074400�0012726 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��raw_html/assets/.htaccess��0000555��00000000355�15231074400�0011461 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��raw_html/site.php��0000644��00000005400�15231074400�0010031 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonRaw_html extends SppagebuilderAddons { public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; // Options $html = (isset($this->addon->settings->html) && $this->addon->settings->html) ? $this->addon->settings->html : ''; // Output if ($html) { $output = '<div class="sppb-addon sppb-addon-raw-html ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= $html; $output .= '</div>'; $output .= '</div>'; return $output; } return; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); // Title $rewHTMLTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output = '<style type="text/css">'; $output .= $lodash->typography('.sppb-addon-raw-html .sppb-addon-title', 'data.title_typography', $rewHTMLTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= '</style>'; $output .= ' <div class="sppb-addon sppb-addon-raw-html {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ data.heading_selector }}><# } #> <div id="builder-raw-html" class="sppb-addon-content sp-inline-editable-element" data-id={{data.id}} data-fieldName="html" contenteditable="true"> {{{ data.html }}} </div> </div> '; return $output; } } ��raw_html/admin.php��0000644��00000006313�15231074400�0010161 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'raw_html', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_RAW_HTML'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_RAW_HTML_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M31.058 14.944l-6.57-5.946a1.686 1.686 0 10-2.258 2.503l5.572 5.016-5.572 5.017a1.686 1.686 0 102.259 2.503l6.569-5.946a2.16 2.16 0 000-3.19v.043zM.706 18.09l6.57 5.947a1.686 1.686 0 102.258-2.503l-5.572-5.017 5.572-5.016a1.686 1.686 0 10-2.259-2.503L.706 14.944a2.16 2.16 0 000 3.19v-.043z" fill="currentColor"/><path d="M19.028 1.031a1.549 1.549 0 00-1.175.234 1.604 1.604 0 00-.673 1.008l-5.426 26.844c-.082.414 0 .844.229 1.197.228.353.584.6.99.686h.314c.356 0 .701-.122.98-.348.278-.226.473-.54.553-.894l5.427-26.844a1.627 1.627 0 00-.23-1.197 1.572 1.572 0 00-.99-.686z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'html' => [ 'type' => 'codeeditor', 'syntax' => 'htmlmixed', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_RAW_HTML_HTML'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_RAW_HTML_HTML_DESC'), 'std' => '<p>Insert raw html here.<br/>Here is an example of hyper link <a href="https://www.joomshaper.com/">JoomShaper</a></p>', ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��raw_html/.htaccess��0000555��00000000355�15231074400�0010157 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��person/assets/images/icon.png��0000644��00000004325�15231074400�0012257 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:587CDE0D40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:587CDE0E40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:41D7FABA40E011E69A38F8F21A167467" stRef:documentID="xmp.did:587CDE0C40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>ot��CIDATx��U�0��>�� p'��NP��;A� j&H��t��I'H� a��ɖc�d��{z�đ�O��t��2�ʺGe�댥;��`IU�!��R�% 쬁uvv&�N=�9�/Uy:�ޫ�(�yU~H�{;�܊bfն��e;��J.� �ldΨ�$��{�,,{�~1v`��KJ��X�::�p2C�(� LUT�)��O�U��{�6��o��%�+��ˣ�o�ts�`�k,��ŐPɓ��NX�w��LxY�Z%��T;�_�N"�m��u\�F� -߱�H��f��'ribҷ�k�v�Ead�%��6��B�+X+�G۠��4�[2�6S�a͞.F�s�m�kC@u�}�U�Q�g ��q��;!Q�؃��e�R� �Y��/K>��\�<��p��(Ť�q�C ��Rb�\|�%W=�1�(�[�/�5ڑ�ol��Q{&�� ȃ��/��!`J��2`+�Ȇ�Hb[$=��l2��e@`�b�)��ç��2��q��@ !E��4��T��K�dLB,�e!�� n>W��&�T��_�u�Xf�èU��Lq�D8 fQ�T��h{>��\1S2��)�%�\|W����%ȥ�+��/�n�'0zS�N�cR�Vrq� �S��@��2��{�FU��̶�?4!��c��ex��l�f}X`K��[�l��C��9��C�� g�@`8��ҡu��~��y�u�=ZjC~ŬtMz� ��^�4�J�"c�L�V��?��Ǿ��p6��i��j�0ؼ�e��Ͳ�Z�.�e0��k�)'צGB��(��@[`��a@q��n{�}`��ٖ�\�fz��T N��-��o�]�w��h�P��/-��ɑ��15o6�&`�\|qn��`� ��EWFGz ��lV �"�~p=5��)�̡�ߕ&`xzK��M�+&�g�-��J>�OCq��E��ޤ-`�_Wif[��xx@RX�'<�Q�~��s�-��O��A`;4㨼2�=f+躤��B<�{��_��s��ߝ?h�j7`��g&�Q�w ��w��=䧮]�Gk��^%�'Cea�qv�g�>� �c�l�^p�B�:��F+`��4�_��E�{�5�d,�� xDv��p��i�;�@pל<��ig�ft�T �䲞W�TRu�a�2\<onćx��EK;��>��EG�2� ��ک�u[<L6��ZJ@�#��ZO��F��IEND�B`��person/assets/images/layout3.png��0000644��00000001527�15231074400�0012730 0��ustar�00��PNG �� IHDR��\|��UsJ��gAMA��a��IDATx��1n�0��ؐ/й=CVÀQoE��;��@��Յ�k��zV��А!��r���B�_��q @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @��f��9��!��^�%_��C��_�p�r}ҙ��师�$��4��g]�H��\kX��0�3�� @��ޜ�E��n��^�9��7<�L֋��!\��>�_�\��4��$<�mm��#��,�0?��N @�� P��#;m=��k�b�{��KS @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @��.�v��oi�U;�z6��?�xr��Pb}T �$�_u]��b�/`�WU��)��uc�>-5��⊙�N ��f��(Q�k�o��j�\̥]U����l��%�q-��tj��uB(�:��8��S��i�nfv��X7�S�s��PfuT ��Oi��'��{�v��K�9��v;M��m�CZ��?�v�v1�� @�� @��N��K�T�t��IEND�B`��person/assets/images/layout1.png��0000644��00000001603�15231074400�0012721 0��ustar�00��PNG �� IHDR��\|��UsJ��gAMA��a��:IDATx��@�P��P�E)! l {�9%��-!W"$�55$Rni�;Cld�xdk��\|ό�`-0y @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @��P�H��f�x<.Sb�t+P�j>�Omu��}8>�Ċ�V`<Ǽ�7��(+�vo�vU ��j�� @ {�e��mY� l�}�em�2�w[�yu�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @��$}_zU�v�}��e�n5�N�f�ٯ&��A�� I��?�OZ��W��d2y��W\�O��.��#;&;$�[��q]9�O�w�[KM� ,c%a4?��X��cy��ϩ�C\��Mm�T�� $�e�?�0��_�y�4�c��\Y�W�o��@r��xH�p��?�:ˋ��j��}��_��s�C��9L��9��W豩��b� @�� @��F�X��n�� @�� @��ϖy�2��"��r�~��M��nj�^�D��Ȯ��<�W:#��# ��%<��] �U0��[��s?�e��w��;� @�@'�o�bm�o,��!$\|���\|H��>\|#`i�� @�� @��&�o!\��IEND�B`��person/assets/images/default.png��0000644��00000002336�15231074400�0012753 0��ustar�00��PNG �� IHDR��\|��UsJ��biTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP Core 5.4.0"> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:tiff="http://ns.adobe.com/tiff/1.0/" tiff:Orientation="8"/> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��>��gAMA��a��'IDATx��Mn�@��u�"e�e�$��5��c��D,"!�H=A��$aٕe�vR��~�ۓ��y��t0�!@�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @��R��ۇ��b�l�&�Q��-O/��K��}j?��}�32��r �hb��%�M2-?�~�ϰ��1�[Fx2�@ ���X�Kwwgއ>Z��9�=�#�i�K耀ײ$��W�R@_L�ʼ)�C��0�?��'��ۙ�"@�� $?��6�^��d2�:�N�犯\q�6��@��C_��EU�v�ݯX^�:W\� ��F�f��粺�j�>��O��b6��W��a��}}<o�ɎU��p\|+��A��)�HJx��Y�T��e��jMr�$��m�oyʷ�w��.��h�%�x�� Wq��s�U�d�~��E[�"��ó�{\|��Wa��2,�n��+�o{�@r�c5��:�{�#:��Wo�c @�� 2��.�_^ P��IEND�B`��person/assets/images/layout2.png��0000644��00000001452�15231074400�0012724 0��ustar�00��PNG �� IHDR��\|��UsJ��gAMA��a��IDATx��m�0�Ш�蹝!W_�Vt�.�2DG��W��Z��.`��d(@P@��# ��)R\|_4i��I @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @�� @��@��N�[�� @�� @�� 0u��^�>�Z��vϯ�{�n�Zk��o��ϡ�Kg�Ev��\|��ꖀ�L��9��簉Ʊ�[Fx1�� @�(~=8��_,]��9\|}�J�>��Ȍ�>�0��%�(^�g��-��<��].��U��(x�x<�<�N�U5M�w�X�wA�U�O��ū��s�\|�kG��Z冻蛾@q��M^��k��2��"m��P�w�Cc>T��7$0��6��%��1O�Gv�۾�w]�F�F��}�/<W��O1g�y�WWg�h{�k��@�Oz;g�Gu��i�ǘ��+�l�V�l["@�� @�� @��<�8��껐��IEND�B`��person/assets/images/layout4.png��0000644��00000003167�15231074400�0012733 0��ustar�00��PNG �� IHDR��\|��UsJ��tEXtSoftware�Adobe ImageReadyq�e<��IDATx��y��cǟ��hhqUY��DPV��G�sC�Hu�8RWHuŮ��&�qEK�fW�Ȫ� Z��>��ͼ3��3��$�L;�̻��g��ٮ��1�a��p@8 ��p@8��p@8 ��p@8 �p@8 ��p@8 G8 ��!&M��J��'��ݍ��$�$��]�_�ש��8S��}NAx�ܙ�s��=��/\|M��Q�(�p@8 ��I�ҫLWvRV�5��%�{/ �5\|7e�r��Fy�K_�\O]-V �RyEy��ᙫ(?+O�Xs�2�B��R$�)��<��2��}�4��Ҭ��/�El�OT�i�Wʏ�a4�Ũ��W�mRf�/�&{�m�W�6 ?@y�AS;%�Ѻ{(��En}�]�𰲮��g)�(ߦؗN.�,��?W�R�S�s�\|�f�る0��5u�n}�6��eo�M;S~U�s�ey�@jxcTv��P��f}�� Id�~�7��[D��)��'��A��Z��)��g�Xívڪ�E���E�e��7�A?�\9�̲�%m�9CE>S9J9��o�RY��E��We��:��r��%.X��x�w��6-K{-}�ﻗ�y�:�Be�~��rK��.X@� �o�M�~��ɼ�b��?��1ARs��v/�Rj5��&e�Q�V�s�-ʞ�w��oA�籽�kN\�t��_�+V�Xަk��eOu��-�$,��n��A9R��U��d��i�2eF��+>�B�J��O��?��T�[��W��X��a�5��>�`-l��ғ��3"�f��m��#\�i�^��}�Po�=�줥��F�iZ��į��6Îs�.r�Cv��T�ǲ ��\|��@i��^�YCv�t�Pb��V�o��p[X��Ia˰C�o�9��˽��9��j ��q_��u��}-�+�V�� <��p��~\|�Kf�t�� ǝ��ͣpk�m t�7�8+m�� VŠ$�q��`��m+紬�T�=\��F��!e��]01�r58�}��>ӾT��K /�l[i��;�j]��)c�/���C��7�x=�v �,�D��^��C�2��2�Þ��g��܏�la��ŭh��ߛ;5��ne��ޅ�==��:��[+¾�ߦ�Ck�Nu�5<+��}K7��`�v��\|�2��7N��u!�{A7��M�ǧ�gL�jݬnRƚ硈ǳ��p'ω^2�p@8 �CG��r��D8��$�m-yY��wEمG��a�sXF�p@8 ��p@8��p@8 ��p@8 �p@8 ��p@8 G8 ��p@8$��b��IEND�B`��person/assets/images/.htaccess��0000555��00000000355�15231074400�0012417 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��person/assets/.htaccess��0000555��00000000355�15231074400�0011152 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��person/site.php��0000644��00000071654�15231074400�0007540 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Filesystem\Path; use Joomla\CMS\Uri\Uri; class SppagebuilderAddonPerson extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; // Options $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_src = isset($image->src) ? $image->src : $image; $image_width = (isset($image->width) && $image->width) ? $image->width : ''; $image_height = (isset($image->height) && $image->height) ? $image->height : ''; $name = (isset($settings->name) && $settings->name) ? $settings->name : ''; $designation = (isset($settings->designation) && $settings->designation) ? $settings->designation : ''; $email = (isset($settings->email) && $settings->email) ? $settings->email : ''; $introtext = (isset($settings->introtext) && $settings->introtext) ? $settings->introtext : ''; $facebook = (isset($settings->facebook) && $settings->facebook) ? $settings->facebook : ''; $twitter = (isset($settings->twitter) && $settings->twitter) ? $settings->twitter : ''; $google_plus = (isset($settings->google_plus) && $settings->google_plus) ? $settings->google_plus : ''; $youtube = (isset($settings->youtube) && $settings->youtube) ? $settings->youtube : ''; $linkedin = (isset($settings->linkedin) && $settings->linkedin) ? $settings->linkedin : ''; $pinterest = (isset($settings->pinterest) && $settings->pinterest) ? $settings->pinterest : ''; $flickr = (isset($settings->flickr) && $settings->flickr) ? $settings->flickr : ''; $dribbble = (isset($settings->dribbble) && $settings->dribbble) ? $settings->dribbble : ''; $behance = (isset($settings->behance) && $settings->behance) ? $settings->behance : ''; $instagram = (isset($settings->instagram) && $settings->instagram) ? $settings->instagram : ''; $social_position = (isset($settings->social_position) && $settings->social_position) ? $settings->social_position : ''; $alignment = (isset($settings->alignment) && $settings->alignment) ? $settings->alignment : ''; $person_style_preset = (isset($settings->person_style_preset) && $settings->person_style_preset) ? $settings->person_style_preset : ''; $content_position = ''; list($link, $target) = AddonHelper::parseLink($settings, 'title_link'); if ($person_style_preset === 'layout1') { $content_position = 'person-content-position-bottom-left'; } elseif ($person_style_preset === 'layout2') { $content_position = 'person-content-position-half-overlay'; } elseif ($person_style_preset === 'layout3') { $content_position = 'person-content-position-full-overlay'; } // Lazy image loading $placeholder = $image_src === '' ? false : $this->get_image_placeholder($image_src); if (strpos($image_src, "http://") !== false \|\| strpos($image_src, "https://") !== false) { $image_src = $image_src; } else { if ($image_src) { $original_src = Uri::base(true) . '/' . $image_src; $image_src = SppagebuilderHelperSite::cleanPath($original_src); } } // Output start $output = ''; $social_icons = ''; if ($facebook \|\| $twitter \|\| $youtube \|\| $linkedin \|\| $pinterest \|\| $flickr \|\| $dribbble \|\| $behance \|\| $instagram) { $social_icons .= '<div class="sppb-person-social-icons">'; $social_icons .= '<ul class="sppb-person-social">'; if ($facebook) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $facebook . '" aria-label="Facebook"><i class="fab fa-facebook-f" aria-hidden="true" title="Facebook"></i></a></li>'; if ($twitter) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $twitter . '" aria-label="Twitter"><i class="fab fa-twitter" aria-hidden="true" title="Twitter"></i></a></li>'; if ($youtube) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $youtube . '" aria-label="YouTube"><i class="fab fa-youtube" aria-hidden="true" title="YouTube"></i></a></li>'; if ($linkedin) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $linkedin . '" aria-label="LinkedIn"><i class="fab fa-linkedin-in" aria-hidden="true" title="LinkedIn"></i></a></li>'; if ($pinterest) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $pinterest . '" aria-label="Pinterest"><i class="fab fa-pinterest" aria-hidden="true" title="Pinterest"></i></a></li>'; if ($flickr) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $flickr . '" aria-label="Flickr"><i class="fab fa-flickr" aria-hidden="true" title="Flickr"></i></a></li>'; if ($dribbble) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $dribbble . '" aria-label="Dribble"><i class="fab fa-dribbble" aria-hidden="true" title="Dribble"></i></a></li>'; if ($behance) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $behance . '" aria-label="Behance"><i class="fab fa-behance" aria-hidden="true" title="Behance"></i></a></li>'; if ($instagram) $social_icons .= '<li><a target="_blank" rel="noopener noreferrer" href="' . $instagram . '" aria-label="Instagram"><i class="fab fa-instagram" aria-hidden="true" title="Instagram"></i></a></li>'; $social_icons .= '</ul>'; $social_icons .= '</div>'; } $output .= '<div class="sppb-addon sppb-addon-person ' . $class . ' ' . $content_position . '">'; $output .= '<div class="sppb-addon-content">'; if ($person_style_preset == 'layout4') { $output .= '<div class="sppb-row sppb-no-gutter">'; $output .= '<div class="sppb-col-sm-5">'; } if ($image_src) { $output .= '<div class="sppb-person-image ' . ($person_style_preset == 'layout4' ? 'person-layout-4' : '') . '">'; $output .= '<img class="sppb-img-responsive' . ($placeholder ? ' sppb-element-lazy' : '') . '" style="display: inline-block;" src="' . ($placeholder ? $placeholder : $image_src) . '" alt="' . $name . '" ' . ($placeholder ? 'data-large="' . $image_src . '"' : '') . ' ' . ($image_width ? 'width="' . $image_width . '"' : '') . ' ' . ($image_height ? 'height="' . $image_height . '"' : '') . ' loading="lazy">'; if ($person_style_preset !== '') { if ($person_style_preset !== 'layout4') { $output .= '<div class="person-content-show-on-hover">'; $output .= '<div class="person-content-hover-content-wrap">'; if ($person_style_preset == 'layout1') { if ($social_position == 'before') $output .= $social_icons; if ($introtext) $output .= '<div class="sppb-person-introtext">' . $introtext . '</div>'; if ($social_position == 'after') $output .= $social_icons; } if ($person_style_preset == 'layout2' \|\| $person_style_preset == 'layout3') { if ($name \|\| $designation) { if ($name) { $person_name = '<span class="sppb-person-name">' . $name . '</span>'; $output .= !empty($link) ? '<a ' . $target . ' href="' . $link . '">' . $person_name . '</a>' : $person_name; } if ($designation) $output .= '<span class="sppb-person-designation">' . $designation . '</span>'; if ($social_icons) $output .= $social_icons; } } $output .= '</div>'; $output .= '</div>'; } } $output .= '</div>'; //.sppb-person-image } if ($person_style_preset == 'layout4') { $output .= '</div>'; $output .= '<div class="sppb-col-sm-7">'; $output .= '<div class="sppb-person-addon-content-wrap">'; } if ($person_style_preset !== 'layout2' && $person_style_preset !== 'layout3') { if ($name \|\| $designation \|\| $email) { $output .= '<div class="sppb-person-information">'; if ($name) { $person_name = '<span class="sppb-person-name">' . $name . '</span>'; $output .= !empty($link) ? '<a ' . $target . ' href="' . $link . '">' . $person_name . '</a>' : $person_name; } if ($designation) $output .= '<span class="sppb-person-designation">' . $designation . '</span>'; if ($email) $output .= '<a href="mailto:' . $email . '" class="sppb-person-email">' . $email . '</a>'; $output .= '</div>'; } } if ($person_style_preset !== 'layout1' && $person_style_preset !== 'layout2' && $person_style_preset !== 'layout3') { if ($social_position == 'before') $output .= $social_icons; if ($introtext) $output .= '<div class="sppb-person-introtext">' . $introtext . '</div>'; if ($social_position == 'after') $output .= $social_icons; } if ($person_style_preset === 'layout4') { $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $settings->content_overlay_color = isset($settings->content_overlay_color) && $settings->content_overlay_color ? $settings->content_overlay_color : ''; if (isset($settings->content_overlay_type)) { $settings->content_overlay_background_color = $settings->content_overlay_type === 'gradient' ? CSSHelper::parseColor($settings, 'content_overlay_gradient') : $settings->content_overlay_color; } // Back Drop Filter if ((isset($settings->content_overlay_backdrop_filter) && $settings->content_overlay_backdrop_filter) && ($settings->person_style_preset == 'layout2' \|\| $settings->person_style_preset == 'layout3')) { $settings->content_overlay_backdrop_filter = $settings->content_overlay_backdrop_filter_webkit = CSSHelper::parseBackDropFilter($settings, 'content_overlay_backdrop_filter', 'content_overlay_backdrop_filter_value'); } $personStyle = $cssHelper->generateStyle('.person-content-show-on-hover', $settings, ['content_overlay_background_color' => 'background', 'content_overlay_backdrop_filter' => 'backdrop-filter', 'content_overlay_backdrop_filter_webkit' => '-webkit-backdrop-filter'], false); $personImageStyle = $cssHelper->generateStyle('.sppb-person-image img', $settings, ['image_border_radius' => 'border-radius']); $personPresetStyle = $cssHelper->generateStyle('.person-content-position-bottom-left .sppb-person-information', $settings, ['name_desig_bg' => 'background', 'name_desig_padding' => 'padding'], false, ['name_desig_padding' => 'spacing']); $nameStyle = $cssHelper->generateStyle('.sppb-person-name', $settings, ['name_color' => 'color'], false); $nameTypographyStyle = $cssHelper->typography( '.sppb-person-name', $settings, 'name_typography', [ 'font' => 'name_font_family', 'size' => 'name_fontsize', 'line_height' => 'name_lineheight', 'letter_spacing' => 'name_letterspace', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', 'weight' => 'name_font_style.weight', ] ); $designationStyle = $cssHelper->generateStyle( '.sppb-person-designation', $settings, ['designation_color' => 'color', 'designation_margin' => 'margin'], ['designation_color' => false, 'designation_margin' => false], ['designation_margin' => 'spacing'] ); $designationTypographyStyle = $cssHelper->typography( '.sppb-person-designation', $settings, 'designation_typography', [ 'font' => 'designation_font_family', 'size' => 'designation_fontsize', 'line_height' => 'designation_lineheight', 'letter_spacing' => 'designation_letterspace', 'uppercase' => 'designation_font_style.uppercase', 'italic' => 'designation_font_style.italic', 'underline' => 'designation_font_style.underline', 'weight' => 'designation_font_style.weight', ] ); $introTextStyle = $cssHelper->generateStyle('.sppb-person-introtext', $settings, ['introtext_color' => 'color'], false); $introTextTypographyStyle = $cssHelper->typography( '.sppb-person-introtext', $settings, 'intro_typography', [ 'font' => 'introtext_font_family', 'size' => 'introtext_fontsize', 'line_height' => 'introtext_lineheight', 'letter_spacing' => 'introtext_letterspace', 'uppercase' => 'introtext_font_style.uppercase', 'italic' => 'introtext_font_style.italic', 'underline' => 'introtext_font_style.underline', 'weight' => 'introtext_font_style.weight', ] ); $socialIconStyle = $cssHelper->generateStyle('.sppb-person-social > li > a', $settings, ['social_icon_color' => 'color', 'social_icon_fontsize' => 'font-size'], ['social_icon_color' => false]); $socialIconMarginStyle = $cssHelper->generateStyle('.sppb-person-social > li', $settings, ['social_icon_margin' => 'margin'], false, ['social_icon_margin' => 'spacing']); $socialIconHoverStyle = $cssHelper->generateStyle('.sppb-person-social > li > a:hover', $settings, ['social_icon_hover_color' => 'color'], false); $contentStyle = $cssHelper->generateStyle('.sppb-person-addon-content-wrap', $settings, ['person_content_bg' => 'background-color', 'person_content_padding' => 'padding'], false, ['person_content_padding' => 'spacing']); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $alignment = $cssHelper->generateStyle('.sppb-addon.sppb-addon-person', $settings, ['alignment' => 'text-align'], false); $css = ''; $css .= $nameStyle; $css .= $personStyle; $css .= $contentStyle; $css .= $introTextStyle; $css .= $socialIconStyle; $css .= $designationStyle; $css .= $personImageStyle; $css .= $personPresetStyle; $css .= $nameTypographyStyle; $css .= $socialIconHoverStyle; $css .= $socialIconMarginStyle; $css .= $introTextTypographyStyle; $css .= $designationTypographyStyle; $css .= $alignment; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css"> <# let gradient_color1 = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.color) ? data.content_overlay_gradient.color : "rgba(127, 0, 255, 0.8)"; let gradient_color2 = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.color2) ? data.content_overlay_gradient.color2 : "rgba(225, 0, 255, 0.7)"; let gradient_degree = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.deg) ? data.content_overlay_gradient.deg : ""; let gradient_type = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.type) ? data.content_overlay_gradient.type : "linear"; let gradient_radialPos = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.radialPos) ? data.content_overlay_gradient.radialPos : "Center Center"; let gradient_radial_angle1 = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.pos) ? data.content_overlay_gradient.pos : "0"; let gradient_radial_angle2 = (!_.isEmpty(data.content_overlay_gradient) && data.content_overlay_gradient.pos2) ? data.content_overlay_gradient.pos2 : "100"; if(data.content_overlay_type !== "none") { if(data.content_overlay_color && data.content_overlay_type !== "gradient"){ #> #sppb-addon-{{ data.id }} .person-content-show-on-hover { background:{{data.content_overlay_color}}; } <# } if(data.content_overlay_gradient && data.content_overlay_type !== "color"){ #> #sppb-addon-{{ data.id }} .person-content-show-on-hover { <# if(gradient_type !== "radial"){ #> background: -webkit-linear-gradient({{gradient_degree}}deg, {{gradient_color1}} {{gradient_radial_angle1}}%, {{gradient_color2}} {{gradient_radial_angle2}}%) transparent; background: linear-gradient({{gradient_degree}}deg, {{gradient_color1}} {{gradient_radial_angle1}}%, {{gradient_color2}} {{gradient_radial_angle2}}%) transparent; <# } else { #> background: -webkit-radial-gradient(at {{gradient_radialPos}}, {{gradient_color1}} {{gradient_radial_angle1}}%, {{gradient_color2}} {{gradient_radial_angle2}}%) transparent; background: radial-gradient(at {{gradient_radialPos}}, {{gradient_color1}} {{gradient_radial_angle1}}%, {{gradient_color2}} {{gradient_radial_angle2}}%) transparent; <# } #> } <# } #> <# } #>'; $output .= $lodash->unit('border-radius', '.sppb-person-image img', 'data.image_border_radius', 'px', false); //Name Fallbacks $nameTypographyFallbacks = [ 'font' => 'data.name_font_family', 'size' => 'data.name_fontsize', 'line_height' => 'data.name_lineheight', 'letter_spacing' => 'data.name_letterspace', 'uppercase' => 'data.name_font_style?.uppercase', 'italic' => 'data.name_font_style?.italic', 'underline' => 'data.name_font_style?.underline', 'weight' => 'data.name_font_style?.weight', ]; $output .= $lodash->typography('.sppb-person-name', 'data.name_typography', $nameTypographyFallbacks); //Designation Fallbacks $designationTypographyFallbacks = [ 'font' => 'data.designation_font_family', 'size' => 'data.designation_fontsize', 'line_height' => 'data.designation_lineheight', 'letter_spacing' => 'data.designation_letterspace', 'uppercase' => 'data.designation_font_style?.uppercase', 'italic' => 'data.designation_font_style?.italic', 'underline' => 'data.designation_font_style?.underline', 'weight' => 'data.designation_font_style?.weight', ]; $output .= $lodash->typography('.sppb-person-designation', 'data.designation_typography', $designationTypographyFallbacks); //intro Fallbacks $introTypographyFallbacks = [ 'font' => 'data.introtext_font_family', 'size' => 'data.introtext_fontsize', 'line_height' => 'data.introtext_lineheight', 'letter_spacing' => 'data.introtext_letterspace', 'uppercase' => 'data.introtext_font_style?.uppercase', 'italic' => 'data.introtext_font_style?.italic', 'underline' => 'data.introtext_font_style?.underline', 'weight' => 'data.introtext_font_style?.weight', ]; $output .= $lodash->typography('.sppb-person-introtext', 'data.intro_typography', $introTypographyFallbacks); $output .= $lodash->color('color', '.sppb-person-name', 'data.name_color'); $output .= $lodash->color('color', '.sppb-person-designation', 'data.designation_color'); $output .= $lodash->color('color', '.sppb-person-social > li > a', 'data.social_icon_color'); $output .= $lodash->color('color', '.sppb-person-social > li > a:hover', 'data.social_icon_hover_color'); $output .= $lodash->unit('font-size', '.sppb-person-social > li > a', 'data.social_icon_fontsize', 'px'); $output .= $lodash->spacing('margin', '.sppb-person-social > li', 'data.social_icon_margin'); $output .= $lodash->spacing('margin', '.sppb-person-designation', 'data.designation_margin'); $output .= '<# if (data.person_style_preset=="layout1") { #>'; $output .= '<# if(data.name_desig_bg \|\| data.name_desig_padding) { #>'; $output .= $lodash->unit('background', '.person-content-position-bottom-left .sppb-person-information', 'data.name_desig_bg', '', false); $output .= $lodash->spacing('padding', '.person-content-position-bottom-left .sppb-person-information', 'data.name_desig_padding'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= '<# if (data.person_style_preset=="layout4") { #>'; $output .= $lodash->unit('background', '.sppb-person-addon-content-wrap', 'data.person_content_bg', '', false); $output .= $lodash->spacing('padding', '.sppb-person-addon-content-wrap', 'data.person_content_padding'); $output .= '<# } #>'; // Backdrop Filter $output .= '<# if(data.content_overlay_backdrop_filter && (data.person_style_preset=="layout2" \|\| data.person_style_preset=="layout3")) { '; $output .= 'let unit = (data.content_overlay_backdrop_filter == "blur") ? "px" : "%"; #>'; $output .= $lodash->backdrop_filter('{{data.content_overlay_backdrop_filter}}', '.person-content-show-on-hover', 'data.content_overlay_backdrop_filter_value', '{{unit}}'); $output .= '<# } #>'; $output .= $lodash->alignment('text-align', '.sppb-addon.sppb-addon-person', 'data.alignment'); $output .= ' </style> <# let content_position = ""; if(data.person_style_preset=="layout1"){ content_position = "person-content-position-bottom-left"; } else if(data.person_style_preset=="layout2"){ content_position = "person-content-position-half-overlay"; } else if(data.person_style_preset=="layout3"){ content_position = "person-content-position-full-overlay"; } let social_icon_list = ""; if (!_.isEmpty(data.facebook)) { social_icon_list += `<li><a target="_blank" href="${data.facebook}"><i class="fab fa-facebook-f"></i></a></li>`; } if (!_.isEmpty(data.twitter)) { social_icon_list += `<li><a target="_blank" href="${data.twitter}"><i class="fab fa-twitter"></i></a></li>`; } if (!_.isEmpty(data.youtube)) { social_icon_list += `<li><a target="_blank" href="${data.youtube}"><i class="fab fa-youtube"></i></a></li>`; } if (!_.isEmpty(data.linkedin)) { social_icon_list += `<li><a target="_blank" href="${data.linkedin}"><i class="fab fa-linkedin-in"></i></a></li>`; } if (!_.isEmpty(data.pinterest)) { social_icon_list += `<li><a target="_blank" href="${data.pinterest}"><i class="fab fa-pinterest"></i></a></li>`; } if (!_.isEmpty(data.flickr)) { social_icon_list += `<li><a target="_blank" href="${data.flickr}"><i class="fab fa-flickr"></i></a></li>`; } if (!_.isEmpty(data.dribbble)) { social_icon_list += `<li><a target="_blank" href="${data.dribbble}"><i class="fab fa-dribbble"></i></a></li>`; } if (!_.isEmpty(data.behance)) { social_icon_list += `<li><a target="_blank" href="${data.behance}"><i class="fab fa-behance"></i></a></li>`; } if (!_.isEmpty(data.instagram)) { social_icon_list += `<li><a target="_blank" href="${data.instagram}"><i class="fab fa-instagram"></i></a></li>`; } // Link const isMenu = _.isObject(data.title_link) && data.title_link.type === "menu" && data.title_link?.menu; const isPage = _.isObject(data.title_link) && data.title_link.type === "page" && data.title_link?.page; const isUrl = _.isObject(data.title_link) && data.title_link.type === "url" && data.title_link?.url; const isOldUrl = _.isString(data.title_link) && data.title_link !== ""; let rel = ""; let newUrl = ""; let target = "" let personName = `<span class="sppb-person-name sp-inline-editable-element" data-id=${data.id} data-fieldName="name" contenteditable="true">${data.name}</span>`; if (isMenu \|\| isPage \|\| isUrl \|\| isOldUrl) { const urlObj = _.isObject(data.title_link) ? data.title_link : window.getSiteUrl(data.title_link, data.link_new_tab === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = urlObj; target = new_tab ? "_blank": ""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; personName = `<a href=${newUrl} target=${target} rel=${rel}> <span class="sppb-person-name sp-inline-editable-element" data-id=${data.id} data-fieldName="name" contenteditable="true"> ${data.name} </span> </a>`; } #> <div class="sppb-addon sppb-addon-person {{ data.class}} {{content_position}}"> <div class="sppb-addon-content"> <# if(data.person_style_preset=="layout4"){ #> <div class="sppb-row sppb-no-gutter"> <div class="sppb-col-sm-5"> <# } var personImg = {} if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { personImg = data.image } else { personImg = {src: data.image} } if(!_.isEmpty(personImg.src)) { #> <div class="sppb-person-image <# if(data.person_style_preset=="layout4"){ #> person-layout-4 <# } #>"> <# if(personImg.src.indexOf("https://") == -1 && personImg.src.indexOf("http://") == -1){ #> <img class="sppb-img-responsive" style="display: inline-block;" src=\'{{ pagebuilder_base + personImg.src }}\' alt="{{ data.name }}"> <# } else { #> <img class="sppb-img-responsive" style="display: inline-block;" src=\'{{ personImg.src }}\' alt="{{ data.name }}"> <# } #> <# if(data.person_style_preset!=="") { if(data.person_style_preset!=="layout4"){ #> <div class="person-content-show-on-hover"> <div class="person-content-hover-content-wrap"> <# if(data.person_style_preset=="layout1") { #> <# if(data.social_position == "after") { #> <# if(!_.isEmpty(data.introtext)) { #> <div class="sppb-person-introtext sp-inline-editable-element" data-id={{data.id}} data-fieldName="introtext" contenteditable="true">{{{ data.introtext }}}</div> <# } #> <# } #> <# if ( data.facebook \|\| data.twitter \|\| data.youtube \|\| data.linkedin \|\| data.pinterest \|\| data.flickr \|\| data.dribbble \|\| data.behance \|\| data.instagram ) { #> <div class="sppb-person-social-icons"> <ul class="sppb-person-social"> {{{social_icon_list}}} </ul> </div> <# } #> <# if(data.social_position == "before") { #> <# if(!_.isEmpty(data.introtext)) { #> <div class="sppb-person-introtext">{{{ data.introtext }}}</div> <# } #> <# } #> <# } #> <# if(data.person_style_preset=="layout2" \|\| data.person_style_preset=="layout3"){ #> <# if(data.name \|\| data.designation){ #> <# if(!_.isEmpty(data.name)) { #> {{{ personName }}} <# } #> <# if(!_.isEmpty(data.designation)) { #> <span class="sppb-person-designation sp-inline-editable-element" data-id={{data.id}} data-fieldName="designation" contenteditable="true">{{ data.designation}}</span> <# } #> <# if ( data.facebook \|\| data.twitter \|\| data.youtube \|\| data.linkedin \|\| data.pinterest \|\| data.flickr \|\| data.dribbble \|\| data.behance \|\| data.instagram ) { #> <div class="sppb-person-social-icons"> <ul class="sppb-person-social"> {{{social_icon_list}}} </ul> </div> <# } #> <# } #> <# } #> </div> </div> <# } } #> </div> <# } if(data.person_style_preset=="layout4"){ #> </div> <div class="sppb-col-sm-7"> <div class="sppb-person-addon-content-wrap"> <# } if(data.person_style_preset!=="layout2" && data.person_style_preset!=="layout3"){ #> <# if(data.name \|\| data.designation \|\| data.email ){ #> <div class="sppb-person-information"> <# if(!_.isEmpty(data.name)) { #> {{{ personName }}} <# } #> <# if(!_.isEmpty(data.designation)) { #> <span class="sppb-person-designation sp-inline-editable-element" data-id={{data.id}} data-fieldName="designation" contenteditable="true">{{ data.designation}}</span> <# } #> <# if(!_.isEmpty(data.email)) { #> <a href="mailto:{{ data.email}}" class="sppb-person-email">{{ data.email}}</a> <# } #> </div> <# } #> <# } #> <# if(data.person_style_preset!=="layout1" && data.person_style_preset!=="layout2" && data.person_style_preset!=="layout3") { #> <# if(data.social_position == "after") { #> <# if(!_.isEmpty(data.introtext)) { #> <div class="sppb-person-introtext sp-inline-editable-element" data-id={{data.id}} data-fieldName="introtext" contenteditable="true">{{{ data.introtext }}}</div> <# } #> <# } #> <# if ( data.facebook \|\| data.twitter \|\| data.youtube \|\| data.linkedin \|\| data.pinterest \|\| data.flickr \|\| data.dribbble \|\| data.behance \|\| data.instagram ) { #> <div class="sppb-person-social-icons"> <ul class="sppb-person-social"> {{{social_icon_list}}} </ul> </div> <# } #> <# if(data.social_position == "before") { #> <# if(!_.isEmpty(data.introtext)) { #> <div class="sppb-person-introtext">{{{ data.introtext }}}</div> <# } #> <# } #> <# } if(data.person_style_preset=="layout4"){ #> </div> </div> </div> <# } #> </div> </div> '; return $output; } } ��person/admin.php��0000644��00000042322�15231074400�0007652 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'person', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M19.418 14.634h-6.836C9.504 14.634 7 16.772 7 19.4v9.648c0 .526.5.953 1.116.953h15.768C24.5 30 25 29.573 25 29.047v-9.648c0-2.627-2.504-4.765-5.582-4.765z" fill="currentColor"/><path d="M16 2c-3.23 0-5.86 2.57-5.86 5.73 0 2.144 1.21 4.016 2.997 4.998a5.925 5.925 0 002.863.733c1.04 0 2.016-.267 2.863-.733 1.787-.982 2.996-2.854 2.996-4.998C21.86 4.57 19.231 2 16 2z" fill="currentColor"/></svg>', 'settings' => [ 'layout' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_STYLE'), 'fields' => [ 'person_style_preset' => [ 'type' => 'thumbnail', 'title' => '', 'columns' => 3, 'values' => [ 'default' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="9" width="68" height="43" rx="4" fill="currentColor"/><path opacity="0.5" d="M45.99 28.805h-5.98c-2.694 0-4.885 1.87-4.885 4.169v8.442c0 .46.437.834.977.834h13.796c.54 0 .977-.374.977-.834v-8.442c0-2.299-2.191-4.17-4.884-4.17z" fill="currentColor"/><path d="M43 17.75c-2.827 0-5.127 2.25-5.127 5.014 0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/><rect opacity="0.6" x="9" y="60" width="32" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="9" y="67" width="49" height="3" rx="1.5" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="11" cy="78" r="2"/><circle cx="18" cy="78" r="2"/><circle cx="25" cy="78" r="2"/></g></svg>'], 'layout1' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 88"><path fill="currentColor" fill-opacity="0.1" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="9" width="68" height="53" rx="4" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="18" cy="53" r="2"/><circle cx="25" cy="53" r="2"/><circle cx="32" cy="53" r="2"/></g><path opacity="0.5" d="M45.99 28.805h-5.98c-2.694 0-4.885 1.87-4.885 4.169v8.442c0 .46.437.834.977.834h13.796c.54 0 .977-.374.977-.834v-8.442c0-2.299-2.191-4.17-4.884-4.17z" fill="currentColor"/><path d="M43 17.75c-2.827 0-5.127 2.25-5.127 5.014 0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/><rect opacity="0.6" x="16" y="68" width="32" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="16" y="75" width="52" height="3" rx="1.5" fill="currentColor"/></svg>'], 'layout2' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="9" width="68" height="70" rx="4" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="18" cy="70" r="2"/><circle cx="25" cy="70" r="2"/><circle cx="32" cy="70" r="2"/></g><path opacity="0.5" d="M45.99 28.805h-5.98c-2.694 0-4.885 1.87-4.885 4.169v8.442c0 .46.437.834.977.834h13.796c.54 0 .977-.374.977-.834v-8.442c0-2.299-2.191-4.17-4.884-4.17z" fill="currentColor"/><path d="M43 17.75c-2.827 0-5.127 2.25-5.127 5.014 0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/><rect opacity="0.6" x="16" y="54" width="32" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="16" y="61" width="52" height="3" rx="1.5" fill="currentColor"/></svg>'], 'layout3' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="9" width="68" height="70" rx="4" fill="currentColor"/><rect opacity="0.6" x="27" y="38" width="32" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="19" y="45" width="49" height="3" rx="1.5" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="36" cy="56" r="2"/><circle cx="43" cy="56" r="2"/><circle cx="50" cy="56" r="2"/></g></svg>'], 'layout4' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="9" width="68" height="70" rx="4" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="42" cy="50" r="2"/><circle cx="49" cy="50" r="2"/><circle cx="56" cy="50" r="2"/></g><path opacity="0.5" d="M28.866 40.055h-5.982c-2.693 0-4.884 1.87-4.884 4.169v8.442c0 .46.437.834.977.834h13.796c.54 0 .977-.374.977-.834v-8.442c0-2.299-2.191-4.17-4.884-4.17z" fill="currentColor"/><path d="M25.875 29c-2.827 0-5.127 2.25-5.127 5.014 0 1.875 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/><rect opacity="0.6" x="40" y="34" width="22" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="40" y="41" width="29" height="3" rx="1.5" fill="currentColor"/></svg>'], ], 'std' => 'default', ], ], ], 'person' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON'), 'fields' => [ 'name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_NAME'), 'placeholder' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_NAME'), 'std' => 'John Doe', ], 'title_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADING_USE_LINK_DESC'), ], 'name_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'name_font_family', 'size' => 'name_fontsize', 'line_height' => 'name_lineheight', 'letter_spacing' => 'name_letterspace', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', 'weight' => 'name_font_style.weight', ], ], 'name_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'designation_separator' => [ 'type' => 'separator' ], 'designation' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DESIGNATION'), 'placeholder' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DESIGNATION'), 'std' => 'Creative Director', ], 'designation_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'designation_font_family', 'size' => 'designation_fontsize', 'line_height' => 'designation_lineheight', 'letter_spacing' => 'designation_letterspace', 'uppercase' => 'designation_font_style.uppercase', 'italic' => 'designation_font_style.italic', 'underline' => 'designation_font_style.underline', 'weight' => 'designation_font_style.weight', ], ], 'designation_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'designation_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'email' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_EMAIL'), 'placeholder' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_EMAIL'), ], 'intro_separator' => [ 'type' => 'separator' ], 'introtext' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_INTROTEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_INTROTEXT_DESC'), 'depends' => [['person_style_preset', '!=', 'layout3']], ], 'intro_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'introtext_font_family', 'size' => 'introtext_fontsize', 'line_height' => 'introtext_lineheight', 'letter_spacing' => 'introtext_letterspace', 'uppercase' => 'introtext_font_style.uppercase', 'italic' => 'introtext_font_style.italic', 'underline' => 'introtext_font_style.underline', 'weight' => 'introtext_font_style.weight', ], ], 'introtext_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR') ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ], ], ], 'image' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'fields' => [ 'image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'hideTitle' => true, 'format' => 'image', 'std' => ['src' => 'https://sppagebuilder.com/addons/person/person1.jpg'] ], 'image_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'max' => 400 ], ] ], 'background' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_CONTENT_BACKGROUND'), 'depends' => [ ['person_style_preset', '!=', 'default'], ['person_style_preset', '!=', 'layout2'], ['person_style_preset', '!=', 'layout3'], ], 'fields' => [ 'name_desig_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => ['xl' => '15px 0px 15px 15px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['person_style_preset', '=', 'layout1']], 'responsive' => true, ], 'name_desig_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#FFFFFF', 'depends' => [['person_style_preset', '=', 'layout1']] ], 'person_content_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#FFFFFF', 'depends' => [['person_style_preset', '=', 'layout4']] ], 'person_content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => ['xl' => '15px 15px 15px 15px', 'lg' => '15px 15px 15px 15px', 'md' => '15px 15px 15px 15px', 'sm' => '15px 15px 15px 15px', 'xs' => '15px 15px 15px 15px'], 'responsive' => true, 'depends' => [['person_style_preset', '=', 'layout4']], ], ], ], 'overlay' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OVERLAY'), 'depends' => [['person_style_preset', '!=', 'layout4']], 'fields' => [ 'content_overlay_type' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OVERLAY'), 'values' => [ 'color' => 'Color', 'gradient' => 'Gradient', ], 'std' => 'gradient', 'is_header' => 1, ], 'content_overlay_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['content_overlay_type', '!=', 'gradient'] ], ], 'content_overlay_backdrop_filter' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_DESC'), 'values' => [ 'blur' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_BLUR'), 'brightness' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_BRIGHTNESS'), 'contrast' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_CONTRAST'), 'grayscale' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_GRAYSCALE'), 'invert' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_INVERT'), 'opacity' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_OPACITY'), 'sepia' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_SEPIA'), 'saturate' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_SATURATE'), ], 'std' => '', 'depends' => [ ['person_style_preset', '!=', 'layout1'], ['person_style_preset', '!=', 'default'], ['content_overlay_type', '!=', 'gradient'] ], ], 'content_overlay_backdrop_filter_value' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_VALUE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_VALUE_DESC'), 'max' => 100, 'depends' => [ ['person_style_preset', '!=', 'layout1'], ['person_style_preset', '!=', 'default'], ['content_overlay_backdrop_filter', '!=', ''] ] ], 'content_overlay_gradient' => [ 'type' => 'gradient', 'std' => [ "color" => "rgba(127, 0, 255, 0.8)", "color2" => "rgba(225, 0, 255, 0.7)", "deg" => "45", "type" => "linear" ], 'depends' => [ ['content_overlay_type', '=', 'gradient'] ], ], ], ], 'social' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SOCIAL'), 'fields' => [ 'facebook' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_FACEBOOK'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_FACEBOOK_DESC'), 'placeholder' => 'https://www.facebook.com/username', 'std' => 'https://www.facebook.com/joomshaper', ], 'twitter' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_TWITTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_TWITTER_DESC'), 'placeholder' => 'https://twitter.com/username', 'std' => 'https://twitter.com/joomshaper', ], 'youtube' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_YOUTUBE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_YOUTUBE_DESC'), ], 'linkedin' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_LINKEDIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_LINKEDIN_DESC'), ], 'pinterest' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_PINTEREST'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_PINTEREST_DESC'), ], 'flickr' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_FLICKR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_FLICKR_DESC'), ], 'dribbble' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DRIBBBLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DRIBBBLE_DESC'), ], 'behance' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_BEHANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_BEHANCE_DESC'), ], 'instagram' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_INSTAGRAM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_INSTAGRAM_DESC'), ], 'social_icon_color_separator' => [ 'type' => 'separator', ], 'social_icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'social_icon_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER'), ], 'social_icon_fontsize_separator' => [ 'type' => 'separator', ], 'social_icon_fontsize' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 200, ], 'social_icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'social_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'before' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_BEFORE_INTROTEXT'), 'after' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_AFTER_INTROTEXT'), ], 'std' => 'after', 'depends' => [['person_style_preset', '!=', 'layout3']], ], ], ], ], ]); ��person/.htaccess��0000555��00000000355�15231074400�0007650 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��instagram_gallery/assets/images/icon.png��0000644��00000006303�15231074400�0014453 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:OriginalDocumentID="xmp.did:01C2924540E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:2C29255AD1AE11E68E64E45BC31FB4B8" xmpMM:InstanceID="xmp.iid:2C292559D1AE11E68E64E45BC31FB4B8" xmp:CreatorTool="Adobe Photoshop CC 2017 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:f0480a73-23d7-4b71-a838-5b5b6e02d040" stRef:documentID="adobe:docid:photoshop:20aaabb0-1a0c-117a-9dfc-aea39044804f"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>i�O��IDATx��\klU>W��T^��Ri-V��B#�D�b-DK��%"XD�J��i��Rc@$��b��Rg�t��ww�{�-;��ݻ�<��3g�� _�K� n�F��0��NB�G��"��a7�]R.�H($TpE��蔰��?�4,��@�V�?D�I8@��p�p�� HF��0�0B]s��a��35,�P��)�0I�I�~J�� }��}��SU��4�o��k��N��0�\|C�7��r��1a��bBl�b�GM�#��/��¬��\|V��+��.��a?��=��\Tڋ0��#��p��PFhvi��"�%!G0 [�FC7>��p��gЖ��CiX"��FX⠂d�ۄ��s�l%��kX��RezƝ�?�<9#��)�9��I�� ᬺ��(�`{�m(W�:��:��$�-�a�W)^�Y(_�:�?��?W�_ 88JD��iP�f`�#mx��^�_�MkX��iȒ�l�c70��v�.�]�Qw�2�h�\cW!��5�i8�C�;f��D��)�� u-�?��H��E�j��i� O⻙��l�]� �\��=Ѱtf�MVi�40�p�P�=��(��Y�6��My�٪\|Z��2W�m�e89�F�p�Qe�yJu�c��j�D[�]y�<��&��e��89�F�u��,�Y��-�7߁F<A荶lS��%\�6מք5��0?^�Bih�Ҭ� ��A�?ǔ#Ѧ��2H�W�)�kքI%�a�;��q.G��0Cv��S��\|�w�S�ʧ��jFЫ�:R��`� �um�6JP�]b��)��i��pN����j/�:D�duG =��.��8��a{>a#&��=8Wh��E��;h��h�8K'��u�16��"1:��c��q�~tAםKX�� A�c��,#��,�2��ʕ��m�@dP � �$�8��L5N �v"ck-�L54� s8��йI��؏1�.@j��I�=�M� ��m��aⷬY�3�z)�Xh�:�J��U�f��]��_!��p�/Yci� ��ҷN%,�8��,Fڄe�qh��p�� $��km��!q0��,!�#�覭#̉f YaR��p4�&5��A�x�t~[��W���a�\��Վϒu� �Ig�p�oڍt��V�z�%1��v:>/��-�+:��k�A��#w��i�28�d�2�fp��@(3uD�b�AX.�R\|��Ɣb�g��<FJ��N��r6��F�ل:r{ap\��;��)05;��Ɋ��U([��Y�F��t�J��D^ʮ4 y)�9�RvV��g��R��\��2�!��eUs��e�F��L�e��N�m�-u��2a� N%��:��L��^UY��$a}p��a�2��d��GI��('IĨI� �WY�J6��2X��˄ըܙQӨ$co�3�d(��Q�e��T�J:#��@��Q�e�v�nZIV��E��2S��0�u�'Si�/vȴf<e1b �"�ɾ��yd<4u��r��Qr��gxZ�i]X�֦��5;�q�☁�u]�&�ΞS/��:f��U��AӺ�ʈC�1��'Ʃ�[�^YY��8��XH�T�2#(�5l��L׉V��f��z�i��r�i}Å�@�]��J�֛� &E�#�͜��~�OAV��0�d� �"��d�e �6^!��Ԅ7�i./�q�1m�َ��z�-fX䐬@4 �1��B��օ��B�Q3�f8 Dr�.��@KƁ�I&g��Mۭ�6�K�� ؑ�U�}��o�JX�2 �?]��u�k��&��8N0^�k��`�D}��m��~��۝�H�lw�:��꼼e3�Dd˦�7�GVD6��CK�m� ��̓ ��3�%�3��Y�%��Yr7:��p��\|��j��."��?`j��0��0�?$/b�!yc��0�8z �L��}�xч���U2"�ˊ��!a�<��~�^��42B/��Z��ۀ�jeg��dF&��IEND�B`��instagram_gallery/assets/images/instagram-logo.png��0000644��00000150447�15231074400�0016457 0��ustar�00��PNG �� IHDR��æ$��PLTE+��0��4��8��<��@��F��L}�Rw�Xq�^l�ah�hd�pX�{H�yQƀ>�U^�o>��<ǃH�l_�tX��@�}O��:�<�ݒ9��<�HvԆI�Bz�Tg�Njј8��8��C�Io�^^�gW>��:��7��6�qM�xF��D��7��6�\TȤ5�aMģ5�fG��;��:��5��5��<��:��9��7�j@�t<�~<�y<��r�Ό�ף�߼��p��S��4��4��5��4��2��3��2��3��7��4��2��2��8��6��3��1��5��7��1��2��ѧ6��4��1��1��2��4��3��0��U��2��6��3��0��2��2��³7��/��2�猶�/��1��2~�o��/��1��/��9��0��0��Q��5x�/{�0��0��>z�/��/w�/{�/�0��/v�.x�9r�Cs�1q�/}�>k�4m�Ik�.s��.v�:f�/{�Dd�.p�.{�5j�.n�0k�Nc�2h�J\�@a��=_�7e��T\��C\�8a�PV�HW�BX�wp�ZU�MQ�=\�ES�3e�UP�_N�JN�ZK�OK�TI��y�[J�XB�`E�eH�lI�RF�c@�\>�kA�g=�a9�j9�g4�p<�ܹ�s@�zI�r4�l2�u9��M�p/�@�u.�z4��F�z,��0�ɑ����V��M��-��D��/��P��1�5�4��g��Z��<��4��E��7��9��L��a��>��S��D��M��u��I��i��\��V��z��^��q��Z��R��c��c��h��m��}�ہ�ޅ�ގ!��IDATx̙�r\G�DG��t��p�b;��B�ϬΪ;n��ݿE�L��?�ɇQ�R�T��Ã�A�ƴAG�t�j�N��):;9u�:�Z��"��>`��ֿ��[;j�Oy�H�z��0:�z�>��>)~菂�)��O�O�OAn�ɷ/��5ү(��o�?��J�Sr�Z\|��\{з�Q�Dk�޳��~VA/��O�2��Ч�y6V_��o�\pa1r�-�� s�(�O�[�_��+O��(^��:m��@/~K�>�}�O��V�vJ��7~P�u��`�&/u�Po��H�)٫5}W�.�k��L�O-�S��y��8my��^��{$��m}B+��?I��5��:�i��p�$�K��ӂџ��B�z�,��w'�s?5�}X�X ��+_�񉫟 ��7{w��>ݘ�낎�Y�=a��Za'$�-Z��8��i��u#�_��W�_{�/\|j�_�X�Dyc�g�=��O��M��?~��U��5U��n�l�v��x��u�.��s�ӈ��W��3�y�� W�%z�H�ȯH�ϫo8�\�>��ǌ�P�'��mP��O��ϒ�%��NP��= Ƹ��G�<Ug _�=om��כ�>=��Sr?��;��ǫ��3~اX��u%U�-߁ւ�n��r~"fw\� ��`W�3��$'�#oڠ�Q�}��k�� vL�V_ς<F��_\|L�)&��}ɣN{��$>��5˙�x�0x��y��Sz�җ�A<,��g��拟�x��?��_��T\|�� G�ߓ�A\|�\|�Y�6��]��77��#!`r�k�TB�]��[��'d��z�� =��j���H�:.� ��!y��ާ��x1��N��mH��M��dk�PbW#��C �>��?<�L_��xw?��B�'a�s {�-�^��`o��^�o��)N�-/���LM�m�K�4l9g��[�B>:�e�i��O�)�o.�{O��/{�أ��/\|+��~M4}#oAaG��b�<54�'P�ҿQ�5=Q��-��)��b�v�c��x�`T�'�Ɨ?V��O��r�{��yy{��O��~��>ǝw�i�2� TR��I�ڰ#�q�)G��'�;��z��A�N��܀��·A!�:��&]��K�ߺ��g�9m ��.��O��sHʳ�>��8��l�vƙ��Mr��~�5��F��ȓ'l�>��o�_�`��E��w^�&�orh1��)��^��@Wz��OZ�;<hdW ~�z��¯u��>�o�v%sb��k?��_��<Q��v��J��-�P�Q�y�Ρ�W��E@��(7�̻�n紋>g�L~�M�5u��l��a4÷M{?��@��>�q��ވ!��k_��Oۇ��i�7�ۮ�:�!O偏��o?�w�>}�U��yzhg��7k��6t�QPo��ڟ�~�9ۋ_ԓ'��9e��K��ߋO��}��\|�� M�Q�?}��π�v��l�]�w��(�c��6�7w,uF��_�B��_k_��?�P&��K��o�:g�{�8��8�x��D�&��̒^�g��"��a�m[�L��ܱ%\|з��&�-��s.�է��m��޸h��>�� #syX�W��q�M��o�ZpCڦ�6yL�E��K��?M��&w�T�G�@gN~,�[�K?�qF�#�ΓA�+ y�8�3��4[��<K��g}�� @T�os�P��w0�Dn#�k����tb�O��]yj�9+��~�S��q駻��O��/{�)o��)߀9�B�8��#b�N�v�-�:pw��v�A�!��{J��:��c��e�<&y F5��=�O��T�3�Td��þ��.�׷�pv� {��(z��S�[�Ǚ�Ʌ�� &h�k�#P��;��1�<6,��ރ�-��)�zJ��rOx�x��g�M➓q��g]�"o��^��፩o��M�&��A`l��D ��^��v g��g�J��3iK}��~� ��1�yxj��`ש��W�=�eO�\|��=��Z��!~��;.�s��z��4z��ᾀ��1 �6N�gH:m��3�ik�0�H��9.��+ �c��zٟ�6t)W��H�P��}K�cO��§D�z�\|V��R-��8�t_�B��ԯ~ �� }T��˛�M��l��V��\|�\|�\|Lѡ{��y�O�)�S`�T�ש�>�{�_��\|�TN��k��i =�1ψbTu�T_?�<q� o)��i��#�r��\| c�s��ৎaϥwF��ŝ�:y<�Կ: ��n��K�s݇��"��h�\|��{��z��"HB;R>o��ʟ��DZ�"y ��_L��~͊��w�,�~Z} �g�=��r 5��\��A�~��\|K�ҧj��/��"M��n ��n��s�O;OU�ّ�%�WϚ�Կ+8��ȄG��[&�up�fD<0�$~�K�u��D;��90'S��$��zμ��^�g��/�z��xb��ш��t�5'o�H2n �D�];�4s�� :� p��C�'s`mS�`��s\|��rO��@�~��@��,��I͞���=�!��{�e�-��hw�&}��A:��q��9�c�^�� ycU��wk�`�i=X�2�!N$+�:�~9z��ʧ��ݨ��_��Mo��1��V��^�)C�i�?y��j՞�L��q��W�'�(�T� �+�6/�/�w�w�@��-zyxx��O>�>��\|��_�6��7��$�� ߐ<��uS&�!��u�� _ �<ث�{�y�짙R8Cƞg}�P��{;O�;�Y�nS ˙s谱��AM�GU��/Mޝ/�<qxcJ��g��\e$�<yڴ�f%��ߺ�2�=��~$/{Md�z ��T\t��zvO0��d��K� k�׾W��>��sMh�k��#�O�MOm��G�x�[�7up_��9�-z ل^��i��௃Û�wA&�>#��Xe��6��䊻��%J[�cHkּv?�w��W��3�9��F��_��'��SČ^S��;V!/�r��]7�?m;�S �� \|�"��i\|mdR5:XD��)�]>� �C_�I�ʐ�;34��u��޸�hDȟ�6>��Ǚ�g��'��7��9�@�A� �Y}��H5sF��wɵ��E�[!g�ށ+(�o�%j�?�(�Y§l�k\|D�3��_��d��<x�CMr�iHK�-W�Y��/̠�p�{��y��QZ<�J^�p�㠧�i\|��'��~�,g�@��{u�� x��NX{ G捙��R��R��[��N��t��̶�"�8�>��5��H��_tFHs��'��o�>��N.}�{�Bn��/�g�??��:��q��v/��)�C[G��3��Et�7��w�j�MAgp}�� g�y�L��[�1�>��݀N��Wu��v?�ׁ�$�U-_�+��?_z�i��^5]t��{�� O_��wg�Q��}2��Y��߁_z\|�5 r�&�ڣL�꒠��fn<NI��r�_��#��z��x�_��}�Z�^��Y�pN��g��9�x�n�8�\|��MN�D�m�97��y��/�Q�&?�C��.��{�Ǽ�aOy��{p�Y� �\|��u~�C�?�D-�8:�J��[�+m�{�K�\k��i�� q��6υO��g��"��=��.�;� ��'[�0rWƕ��Ei�^o��kD?��Ǽ�jf��V0�~z��{/)�Z��=��;P'�ّ:"�֗�xڱ� ��z��/eӿ��P��c.�^�8b��L��x��`�<��;ϼ�?e�)�q��i ��z��>vP�C?�c�W��y掃�@m�J}L� }�h+z��~!�?\|A��J3�S,��]��_@�!��w_�%��/�D,��Y!��S簟�G��޿�-�=�{�ޜ�nN�8��/%�0V� Ŭ�i��̝�O3��G^�6��o@>ch{��\g��C�"D� zCɃ<v�;�_��?�!� t�\�N��}n�d��[��i��q��x�yo��(�\��&c�"ȭ�}L�� x�b��5�`S�펿E`��E���K?=��ԩ�g��7�/��da��b��lZf��\|3�V�S�ߑ�x�Z_t��M��+��1�'<x$�!Dݓ�)Y�S��d�� ,��S�_��>�\|M��p��%��/>��#��a�{O�� kW��rڮ3��C�T�\|�m��,W[� �+=��C�v7FSe�bG k�>�F 7g��3{��}~��`'e�:�d�9�A/��Z��K/�=!��m2�IB:�61�� SD ��?�gm�9a��[ ��D¼�=-�ϖ!�e�Dq��C=F�S��?>s��g^�S��T�(X�\|�j%ϔ�r�Y�?��0�!�Y�ϳ�m��2��Y�D0�2�w�ۉ ?�� 3_�=�9��'�T&!��BE@�w��G�BA�pWz��p9�1\N��De��MXף�z?ET�n��<��<jSֿq��w�=�qg��r�9W�Z�Z_\|�#�~�Ϻ��@n3�Pw>Rց�S�N@�$��B�J�9�E�0e�i�:֖6�>쎫��U�/��O�< Y��g�]V�{��w� �U�<� ��tDy�-�>w�I��U�o��39��<k��q��e�uFW��b�`��ʶ��} :y��v��\|�v-��'?��\|�o䱉Z��F ��zL޽�� }��(��y�<�{O#o/7!��膇[��U[)��+3�L��9�+�� (��wA�R�w�U�]��rf�AU�D�/N��^�'��}�8�_�'��>�ߥ��7_V��k�SP��M�3�4�T�-�,�L�κ2F��S ��E9��棉�/�3��[��:\|�s�Ռ�;�'�(��p�W��!�1��ğ��Q�9� �J��Y� ��H�a��8��>[V�L��, �^�u�Q��)}k�� O�e��#n�ŋby�\|@~]��þ7�?I�?e愪�~p��?Y�T�[�d�� Y��s��W�9�_��`z��e1RW2��wDc��K�"�\i�I�q�u�� VӝE3�I�i�[.k�(��o<�^<�ܟ�t�̕7��ߑ�F�� /~W�`]�2��﹉��r��E)�7s�/��/@�eu�+s��V{��@��~�/�\|G�T{�{��2~��?��$>��Q�>��8S�Vҫ\��Q=�ޭ��r�m�N�`��=䋟��o�a��n�E�_��E��hA��Ɔ��3��M�6H�H9�탁��g��}=q�^g��3Yn?P��g�@�g�n��.H��N�ao�,��Z��95��C�9B�W]S��/�_�0�� ݦ:�;�B@��4�i�=v�U�,�7�=�}��N��@� �软��н�>b��ShS�?�/��F�# �zs7L��c�Qk��}��W_ddtAI0�8�sNef7˯��V��)f��:��(��;��4 ԝ�-�>�n�Ϲ ��K��=��"mJ��e��)&�wB�Є �{z �:�ѓ��Rα��[�s� v��]�y0�3���֖��r��A�$o5��E��T%zm�� '�-FG\N~v�ȿN�v�{cu�;�Wc�d/w6~-��bh��ϋ_�`/��_��v!z��O)W�b�I��a��)@�H�$p%s��V�@��׀%%w�F��:��ܮ3Z'�W��1]s��"��ɽc��;�5w,�h2�p�!=�; ��/�u�ӯ��/9�E<��pX}v�c��w�3�A��L��l��ه��I�ׁGlkH�7��?��w)�H��&tW�I薴ܯǤs7!��n�\|⡏p��`��/}��B�vsL��%~��x�]�6�>��7�0{C�l:Bq�b�\|/��3�u�� Ȧ�!>(3��G��Lt5��O ��t[ƒvE��򈒽�Y�o�~�[I{�%��u"ub�9��e/tW��Z�nLk��:��rH/�x��%��Qx��43��h�-�g`�P^��[��E�'a�H��7��;;D��<��\|� �/�BۻN=�s��җ�� w��G��E��o��h]�ӪV��4�P��Sh{�Y�L:,\|��-��\�0�9��6@gw�~�Vj��Fmz��C��Q�Џ?VEKt��v�V��Yټ�G�-�_��<�B+�Kݑ��7��_[��\|�~!xZU��"��o��]��`�#��R�l��j�aw�/�OO� EW"��d^?g'�G�G3��Sw��y�:͉�%}p��p�IOےr.�h��\�Ć\|��q0�6��`��_��k��]��^] 7�!� vT�Sb/H� ��os"��%0��PV��?�.`�;�Ѹ��d,�E3�ߠK��o��j�6h�v�c��Ά-�-`a��N^&��W~m�W�F N�AC�<�;�S�T􄕧�$\|N�z�(�=�?��}hЁ�D��x�$w +&�z��Z#�[�� 8��2f�r��9��LL'y��A�%P'��%��<��֫�'y_Y�=J[;"�x��L-�C-ѓ()o��<�X��W^�T�2y�M�٢&�'7E��_\r�~k��&W��8�X�{"xn �M��R�9� P[��)d��:.ͥan�=��g�җ�j�� ]=B��w�s8��!��ʆml��%zV�g��I��J`�(��\�؛E�${@��/��W�2��!�h!6��ˀ��賛��e��gP��H��&��͸��=�C��W��l�y�d�,��&J�,�N� +ǙoQn�&h��T=ʳ��%�{\��(5�=+��_��r�>�~<JY�/�Yvt�RL�g��/�%�BsX �׼��9��7��5�A~�c�\ޯ>��夿�M��#�{�)��o7�,f[_V�Qз��}�/�"zL��-F졄��?�r��$~�M��M�3�r(&��T�[�� j�ʞ�o�?�@y�1�)�+�r��r\|��A�\|ȃ�5n��O'�ȷ��8~��U�\{�;􇒺U�%��x��U{ ~@�Lⓐ��C@�-��+��d/�?X�_��+��걛��Rv��}t y��ŏ�-��H�7�\|�ۢ��oO��o �X�h�3B�-��}�ݠ��]��A�M��ׯ�?Z`"\|5_ܽ��?i��'�~��xe�E,:rdH?�ѳo��O,�П��~�} ��& )^4��]��"��-��蒿�Eߚ��?��ߜX��}yY�rT�׎=V�Yv'�� ;�}� F��G4��?��Q��! x]Y��}�[S��q��@�w�j�5雊>>�w�yy��3%s��,�0e��W[�d�� o{�_u ��JA�� O<��'��h{��n�ÿ{�38K��@j%}C��\|����տ\|�=��π��O:��-,��?��K��]��Q�o(��CN�t�N򂷢��G�~��t�&�O��O8�,� �% o�`��>��7?I�ق~I�QjnA�n{b�1m��b�`ST�� @��T+7�7�a��'z��%��W>��D弧�}p ��.\|�a�Z7�KG�U�[��j�� h)l�Ӽ� ��b(��1\��$I�X��y�W��~��I�&sKD��<U��)��n"8bQ��,��V�s��~��Uu��g�t��rPnոF��oá�:��/x��_��O;��3Xn�H�(>�^�A�E )��z��v��X�6�}۬��ͯ�{� l�ߜ ��E\.�^��Ё��\�n��O+��7~��"��>�Ԟj��-�?~f��?_yp�+;��%c�\�#��ď��W��vc��o_�w�i��7��5�͍��F��R��')�n��:�T%�c�E�.�w�~��g��:\|��s}��M�]F��C�0z��.��ݖE�(P�j=�9�7ן��y0go��(�N��@�u�`��Gu�[K��W�y~i\|.>�f� _�P�F_�,��;��Z�� &��)��r��\>�pg��NH� o�à��FXϿ��ݿ�_��/j?��+{<��#�z�Bw�L��t�4��bj��"��&0��i�#=��mYf�;@�/�G��'�dҧ��Tn{�ˆ��5�S9[��L~pO�Y�S�`�dA~ ��6��o��# .��V�D�q w��A�`�>��/��߱�X��?�2��߂=��;�UW$��-�9E��9#��\|0L�0m�7�{�a�s�4B��80s��@��h�+��/��1�W� g�"��s�[ᅜ��N�dNA�94!��W9��:`#��ß��Rس\� >z.�u�c��3�c=�z�KCZ^��R��>>��Gч;NE�F�~�Rt��j��\|��hg��H��8 Q�L��@O6�%�5�9T�2{��f0r� P� q�� 8t��}g�/�,��ͯ4��]��A�ɹ^�� :��+�s��Ǜ��P��LU��G�V�;��+�K>�6"&��K~&�#��`�?�I��_��QZ9��;n�O�:��k��Na픉�c�9�;Ţ��sF��6ON߄�95��Ϛ?��g� ��L��^N�r(��φ�V�z�e�;ߟ}�;��ϳ��ç��o��o�}�3��$V\| ��ړp��M/�w��`�C��isn��,�@� ^�e��Qq�7W@��z��O�I�a��k��,U�?��f��r�x�q1��(~#�-��4�~>�?��Q�x��5J��Up�~�E��{��~�G��e-�;��(�Q:>%��.�j��~΄ͱ�7�kR3m��S�8��1j�6z`��׀i��{�녀��]0?c��6�>�3J��P��%��/��_;�(��, =�NC��Bo�;CbQW��{�fcbe�i@�^�x�Nλn��}��l�H�@��d��~��G�`O��V�e��s/��s��)�c9'��ߣ�3#7}N GV35F��C:�=D�2j�"��Y��cs�WvZ`}ַ��B�wu ��`2�gha��`�E�� ]�u�m }�w��:�Ì\a����.�O�3m)3ڞ�軄�-�h�� -1�e&v?&�(&M�U�X��&p5�<�,��J�x �6gAi��~��ҊX��K�?�� t�Do�M�C��$�J��4~��Ɉ��(�0�G��j<�=n塠2�cMa��黎��K�n�L��Jwu'��8�=�~���BKo�� l�dE�[N�="��4� [��N�3=`i�V�kW^��O�>&��o�D~�l�oS%�dO��s}��4-`��?ۿ��O�h}��M��v@']��m3��w~^��?��k�+e^g8�}.��G�wF�yT�7�4�b��<��O�(��C��(e; � ��z��?O�C��w@��}�Vx�釋��#��#��}�x�3��i��9��5��i5Y�!�/��t{�{ ��e�j��~Ύ��֟�V�_�� 6��]��SV�ɟ�9j��+X�k��l�8�M[�> �lgrb��_րn� e{�nO�.��T&��R�"����?��?Za��3��g��'E�� ߹��'� �\��N��qH��w�ޓݪ�1¹�M\�O8N�7��xH�ga�a�T��a��{��ߕw?�:�/��~��"�W�J>��VOx㏐��w��ߟ4��o�;��6uG��\>:�e�C�0��(��N��=s\|(�#�fM� �P?�q�O�;��?�ַ[��,��Ǟ��9�;w��?O�!g�:��&��;5+ �d�.��'��-;��?��p�j��yPz��//��_��H��w�mq\|��2��_��2�?=��0��&�ƿ��&n��k(�<i�t�?�YD�9�4l��(�y�~��U{9��X?��As� ��.�K4�y�rH9%��ܲ�l{�/��T�� H��m�:��]��?w��-��߼��̢��m��o��gP��Ы��N�A=�Q��k��>BDv��K�)�P^��cAg�c��\|}�p��v%��Z�evї��#�� M��W�3,cǊ�O��3u��}fW�0q�#W��`��l��2��S��{˹�WM��A�x��Q�_��6?��l��r�ُ�U��/��׆~�;~�c��\|��}8� �� 8�9�tw�_Y;��<gbK>H�(z��{5П4��R��\��e��!�G\5��/��M��(��3~�U�_�"\?��%��`_��X��S��>q�w��X10�#�#��Y M��ğ�~?-J!O��B>T�7�`f3��L�X�KT��2f��L�~�g��%��8W�@��Wj?��_꩏U��x� `�\��;�`3c,��X�O�1�3ު�#A\|}�X�� &��.�F`2��,�^8��f�4� _�\A�-�~I\�� c�j��}�/�w2�G�?�1Q��N�{��y�s:32�ȟ��I��/��#L��8��gL�J�t��E��s��%�A��zB��'�+�n�5��BO�'��1��\|�?F�zL�B��X}��`m=�0��9c��fY�?�iI��m�B��ʭ��#��ٶ��[�u��n��}�?�/L�?8R�N�g ;q�� z��8��OȮ,��b�� ޥ?�0�`��"�@#�e`� <-��c��@[�ފM?j?�/W�� x�r�� ]��P�}��2#�+�WL�#(�s_�<��u��+��\|R�ߏ�+g��VE�i�F^��ҋ��u`W��v��'�O�/��`�"�{A��޶��x�7~M��_�-6-��_��a�� 0W��f��K�:�ߦM�q��Ti1� L��/c�`��Y�ۏ]o\|��_��Sx��O��u��cN�ؿ��X5��?�u�X9j9�<}��o�@p�I��ȃ@!�U �E��>�I``d>A�Ga��W+��?��g�?��ޠ�2�1L�.{�gYه��͓�s6�A��2(��Y��[��5�,k;\|�E�~lm��< �F�Y@PЙ��[Z��d\|�)��>��_��0T��=`��s��3��u�Lާ��V��&6��=g`�3�ݡ�u�q�7��f�k yxf�-N��o��V��E��!��V��o�?.��=F��F�W�9�rP+�� M_?s�t��(��q��}�1��/�� a8��׷?Y��P��C(��_��ɟ�EgO��4��G�u[��k�J5�劃��(�W3����Fz��,��+�Zt Hc�#�F��]G��u��ޙ�p��ﾇD��g %��A��~Y� �eS��k(V�.��]5�Bk�3��/��`Ng\��Чq�� ֌�ϯ�s��ߌ삺ܶ��>u�~��s�x��O��u?�#_�D�r?ᕾ ?�1p+2��a��L��V�^�W��c�+�:�Ç�� 9b�a�H�~r;��n�p��"@�v?��ɞ!��(��y�}��m��!��'�w��RL%�2��\{��'��>�\|W��>��"�=r��=hma�!��з ��!�@/�)�N@��v��[��n�a��C] �U�இ��-<��uw2�r�?��נ�'��c��-5_��~�r�P��?�]��g�Ǿ� �� =��Q�l�v �_�w�P�ǐ�tT�I��o�=�k�st �ހ��u��U��!`��Ne��2�6j�K?A􉘖b��#��y�� ~��E��6�\�YG`<Z�e��r%��vb�?�J��q��K��B��z�u��ί W(��O��p�{�ȉH��oҬ�P_lk�@.�2��{?��XP~�3��k��<��g�X��R,h��(5 ��n��,+��}��y�3��٫(��?�1��#n\|�J�� \|�7s�-'="�؉O�g��V�� ^p�A�\|8�C��uĨ�O.�@�#P�j�v�׿�)�?��zO��> �&��.�~F�c �;c��/o�R�!�C�q�{��ß�8 \|LW&�� pz��T�~�WZ0�� mUl+��O��~�}أ��3�<?�<��w�,�N�-�� U��&�/��O�֟��?��?��Ư��#0��ߢ �9��}�OXb�Bj��ؽ�_�¿]�YH�߿��嫏��(��c��z�8�,�?�+'�D��Bv�($Ef��d�ӷ�3�~;�a�S��-�"@��Y��c�`6�Ղ��ς�9�=��; ��SFg��/��.x� ��2r��9 �u ��D@y��o��$��`qţ�雿�>��w��~��"P��a�F�)��vzݟa�۞��ԭ�wX� ��W�r�8�A��2H�@u��b)��Z��?��%�[�t>��C�f�_;/�k@_=&��D�a�y�\|/I��G��W� ��A�?I��y��t�� +�g h��,��X?��}��/��-`y��>�c��U��I+��#��C۰�� l�.�~�`��#/��+Y8��f�6E��YT��6 ?�2zVL\|ϳ��_��?'@i�m-�X��5��J��; ��P��ۢ�o ��-V��M�^��&8l]��E�H��V�h�7��;ښ�u�� ©��T��\| ̌_A��>��u��]7}Φ��_2��ك~82�\|�W@�dn��#-��6:�)�O�Y�Ϝ�2̈́�K��B�ӵ4�ېЫP#�>x&v�G@~�_w��^�G�?��5j�}_�M�xg@��M��7y��z��>��?��X̅\� ]��]�,�2��?L��ۆ�'j��P(��r#��'��>R~��C��:�#�׾��o�`��s�~z��>'\%�>��}yL)�o�ō?�m�Xy��@ڄU9��p��.+��p�HvB��!�Q��?�$��k,Zz@?��'��G��N�bo��1�޶q�O�;�\|�:��F?1׈E=��=@{8��<Ы��I�XI�D߱jI�Y��ď�Y�%�izt�Ot�}I߷~��n�`�f��c� ��a�h��{��r^%�b��}�\��%�b�;z�6��<��`�kwqR��r̀h-�@��+(��� `�?��_�'Z.��a��X�=F�\|D��ay�R-�Ok��=�p��)pX_�kN6;~��9��w�,��E��M}�[VMR��\��\��o~��[U}؋~��2{�C�򽿨��<oޜK� �� ��רz� �:� ��i@��Q`W��b��k�Ih��[��ؙj��,��v��G�3�~��t�"l5l��/}�Xm��[>q~{\|�än/��W�Ё]E�' 6� ��׉��n�c@�\|K��4P�<!+�e�Bb_�~��Wh��m/K��cMꊚa�u�'��cVᏸ~��e��!�+��c�G ��G�p �%��;�N��p��i��O��חv~�uCP�nZn��:��֍�R B��{og�JA��Ͼ~�_��4��C7�Q��vM�j�4�)T��#��+诔A��Pg��-��?u��3�~h��,�X��U��1��f�/��#P��b��ۉ�}��+h��,��e��Ȇ��͠c< z�X7\|P�c�a�@��F��0��#�7��?��w��_n��zv<��o��m76�aM `��^)�\n�.l��6� �� j�3h�E�~ۅ��"��r P� ?�S��]��S��M��7��_�G�w��}�z>�k��3-�;!Fǅ_��k�m�#)��=��Ժ�z�~�uC�H ��rT� P��U�r̊�o��C ?�� .@�3�<�k��~L#m}L�1��y��w܄�8��1�H��)�tgA�P��i�vDT�~C/0^�G��R`��~ՀX@�5�8U0��'�񋻦b�3�_f��_��k/�O��w��O>��>��w�wد��D˵6��ۜ��u�!��5�L}��^V��%v¯`�"��?K�2`��O0��7�3\�l�B�(�{�qB��9�~?Cp��S��G��c&"�)ϧ×��+��B�p��]�B��'!��k�y�;��G��UO��?��n��?�4��3}j?+��#�Ϳ��_��6�_o��~�N�� q�́�� ;��+ư�� Lb& �C��w"�(��v}u#}hL��?��'�A��~W��_��֧�>��7��AD� �; N��y�m��@�2b�K�;? �.�� A�}XS��i0+�#��~��/;��x�}�Ǳ��>�8�#`5~BpG��7��9�y�9:��=�M��n��AB׫ �>�;S@÷Bq�T��$��o��k��ɀ�m @�G��Q�1=�}�~��[U�GL�s`�t~�]t�D�9й(t�z�?�B��&�)@ P ��O7�q[H��g� �'�~�#��S��+BT�_� ط��!��/�l��2<�z�]�{+P��+!l�t6Ο�d��?�S�^"�- ��V��?��Ƚ��O�fF�Xv��?�?�#��˖��S��cX!�ݎ��;n�t�Nۿ(n^�\|�3�np;Z�?\|��S��{&Z��`i��\|ԝ`]��j��>�!��GW�j�}�%��ފ��)fu��Y��GϷ��:�O# ��>f��ˀ^�F��)�ӗI��S��z�[�5�r�S�E��->��#��J�2{<�׵��]�y�z��J@^??==<<=?shX�#�1�\^N��{��z�ڍ��}pf��u�?��?��r� ��-��l~�߿��g��3��}��_��W��'�S ˁ+�O\|'�g�AXW�f@�8}�C+7�H��UPA�O%@U��ݿ�?j p~��c?�zw��,�{$}��c R��9`��n ΅�G�f�,8�o��)P�èh�t�`��/��[.��>?�Z��垸O��3�c��aZ^�s��A�j:��-� �c��E�ँm� ��C��o�W�'�oI��{�HT"�{�埡�'�>bY��?P�O��Y@�&?�EI�I�� ~�@��"� �!�� UP~��M��,�r �$�<�~п�O��-��_�G`w0u�q/��?T��]��FU�YN�5��C>b�7$�rP��2�T��nU��?�(��>�\�!O`��a��5��~��{�/n?<�r�ٖ9��Y1��?�. �m�[A^ѝ`Ē} �uP� ?��\,��^֒��-/?��R@�1m�\|�1yd��Qxs��:�6��y\|6~ �^\|:T�wU� �w��.L% U��A5�ŧ�%��/�ϸo��K}�� .��1��dJ��z�\|],VY�Z��@� Ж�a�n��u � 2\�՟~׻��0��n��V`G��{[^?��u��г��>�9�T��:��F<�4 _��K�>p"&/3㟪���S��7}��g�Ro��'�~�?�>��]��e,��u��8 ��GD��v��\|�!�� nO��֪�f�U�� 0]�k�X�7\|�)~ɧ_�g�3ޘ��>FX�pg`�c<��~��g�u�`��1��Ku90�� V��(�(�;��[�ޖ��O�6��{?��Y��8 ��B��7�O�� MX��k��s ��@-�۝�}F��o��߷\|��M}_̱"��'�a�J�/�#��AU�?Y>`��`S+L��V ��׀�1�/BUX��O�[�~<��~��?R��7��XX`��\Z��l��/l\|�_��y��'A[x�0�E�"�]�y��)\|V~��?ab��%��4&�S�� [_��އ[��ۯqp/��r>_��_R�t��⼜��O�Y؃Y�� n�=��pm �f"�� vDEfUv;I@Q�/&��\��t\|+t��d#�Ӏk@��O,\��о��s��Qk��y�/��N�~2q�}�w�X~�'��.0(�J��~q�m:X�@R��v��n��q��kjP.�Qܟ)�V�,� ά�z+tT��ݟa��җ>A�v~8@,�T�;K�0}��KQ��uά�2X.�Ah��[��s&VP�>g�j��@�h��o�^�/��K�Я��z��\�P��W�]��p��g�@�{��A�E L̯p�[`��5�h��SL}��AQ�s�#��l~��N��c�rD)�p_U��Nz�� %�G~T��YI^��?r��.ȟ�h]\� X1E��k�BX�,��'��V�\|E��e��K��">:��礿�!��~��E�p��ևx�}snx�;�� b��ﬀ��=�l�jl�n �� dO� !�xB�pu�E�_e�&`H(�&��_��A��S��iϯl��Їhe�J>s��5��l��P�cH �np�xg` $��N��h�u�hV@��4�4��s��G��v�p��>�U�}� �u�:��g�a~�w��(��4.`1��X��w� ��]�R��F,R\u �@��D��Ej��G�?O��}��)��Q��m��Z�f��ݸ�R.a7��q�{_i��I��H��R��N��V@�`��{��4�~�c�j\��"��U��׀z�k#��0��G�7�Đ�#�@�QI.�9�[��+�>�BP]� �`A��?u�� `Eg�U��oh��R�� =��R=@��>7�&��kO��<>>.��%��4Y�qZ~�� RJ��hX�Ƥ�Ma�@��W��R�Mʦ_��z�/m��O�\|��c��W��N��H5�!B#1��q7�ع��$��.��Fr�,��@�� ~{�$ ��p�׿��'{�C��2�O�&߹��8?��X�f�Ɵ��!'��r�0䴳 ��f��vp���x�4�r�@,I$�n�Ϙ�,@܃-CI�R`�8��w��/7@��/��0��<��+�=�o0��a�^�!b�M��U��`zT��G��$@��JӤ�m��Ǭ�u��G��+�<�'b��>�:��A��~��p�s��@�70��7�n;b3�)�1��\�]_e�Z��2�I�]"�JA{��%��͠��~��n�"R�D{?x�<��~��Y��9�?��5�pO>�ssMg�Ó?Q6��1��i1��$P\| >�YR��=�,l�qP�lm�{��z��(��w�W��n�c��/��AidO�x�Ͱ�ckP� �3��7v�1�� 0�> (`=�/��R�K�?�\t;�w?U?��۾�w�a�p��OI�M�~�'�@#��,�CS��')z@�oR�\3@�8�r�� <�p��.��p�Q�g��A��_��şՀ�b(}1��Q�x��"�&�{\@ � ��a��S�~�@�G.A��p��? ��?�d��Rm�w�!bT��ol��_�0y�Cx�/��ԭ��bg ��rp�S`O �N�^)�&��J�C<Od� @Ca��0��S=��!�D��'=�w�&��@��1�6��?�rR��\uP�(�ɏ,��#�6> �~i �[��/��@��@�� E� ��{��O�_h��J��>�`��#�w/��{ F[��"�ȏ9�K�@J��Ɛ��G�"��D��[��>� ҋ�a��_��t��/f9��9�~,��95��ǈ9��n�쏟�9H��跀1��h&�í�;�>�{�@�@5�U��v��7�M��8M�]ຏ��>�+D��71'�>10L��a ـ��.x��(@�hؗ�k��}D0��x��>��?�_��]�M��gh䳎�G)�?2�\| ��Do��L��T<�sE3��[�$i�"��H��=�!��u"=@�( �w��p��+%(��.T��?�+��y��ɾ/3e gcO��~kr�8h�PlQ7��t0��̮�T韐��D;��/�h�>JG��n��Я��x��F�WO��O2}H�}��H�_E��>-~��(�P�h ��R � � �]��p��c+��Q��`�rDP��7�gp��0(7��]��V�+��Mo�=j�w��Н˔�FN:�I@�SJ@(u�x@�o��D=40[�R8��W�~��?R�y�G�p��/��?`>L��14-��?�a xz�]Y@9� ��Ư�s��}�;��_��?,#M�k�N� �� q��o\:$�?��<�� ̗s\|��蜕U�˷�r��~W�t��X��3X��fπԯ�=ė��Ç z�t�?)O��Ӕ�W~��ҙ��N�% �ۡ�`(��0��x�g��6@��j8P��{z ��Ud?�?Ɉܛ~��_)؈{�7��`��(Y/�>��i�6͓��\��ړ[4����M��)=2G��I�ݛ@��4�پ��Ca�wDX��@�o�H@�&� ��r�[�� &��E��̶��:��}� ց��M$C�� x�L�� t�{��`��>��ߛ?�~�?�I�?�ߐ�&B �6�s��>��ͭ�P�}��0��PO��使K�8�PG��2(�kwww"��g=epu}}�0�pY��,�+��Y��H��Yld�&��'�Α('� P�۳W!��=r�aDMP?��'k�[j<�R�50`�x�k!p'`��N� �C�˨��٧t?��a_ ��O��a��x\|��`��7Ils�ȓ_��U Z��k��O��ߢ�L��@#�28��?�]��b`��ND��=��>��Z�\|�ôg�ؘ��f"ux?�I�`v��M�革=�@�5�>cJCE�H ��@��s@F�77ז��w��A� �s@��i��__��T&-8�2pi��%O�̻ʹO��.��0OA ��HG��eDi��(��m� �s��0�&�:��0��ؿV�w��,�o��=��f:�E!�)��L��t�%��-�e7D��Ȩ�d;��_��:��%�)4��W�Cw�ߘ�-+�gA?�x��$\|�%� �0�"��!��)X�y7/��[.��J��LP�ӛHX�/�a;�犚 ��h�b $��N!L��$h` �A�~�4��g�~x7x۳��n�/(�ǰs��]Y�Y9!��eY��Sm�Y7�^#f��5)��H�>R�4�L@�7 �;� H ��\|z��+��[��}��o��Ƨ��L�Y��T��ҿ(/ʻ�"��۲L,@��J1�@c��i?��,��Y�>�e�V�a��D��#��p�� [��۟F��S�\|_�KЯ�y��@�E�b!{�$v��J;h* XQ�}a?�{�J�5@!C�&x2D��}`��H��(��@��1`��_��o��K�/��\|�F8k缐(��}b\v�m��e��(@�{�~T�`V�x(��06�[�Q`��%��p��L�l4X�Jтx2��u�?L�DG��F��C�l�f��@>��_A:˅ԣYA��F�� "cðF](�S�(@]�k9�؇�g�\|4��wa��?��Rp��U��#XX ��KM��K@��=��=��J��1h`]s�7U�Ǩ��]`+ �;)@�{��@x@0��8�� Y=��}�O�}�ߤ�+�{��(��g:��GE��u��#I" H��A/<<̊}5�� bp�E�2 �� 7D�� 8� ��/��7@��ݿ����#e;�<z?�.ޞ�D��Δ�y<f ��/�0`�UH�^��ۣ��$� ��o �B��h��A�L� ��`�uX��`��}�� i�!�B�2��s��m�}��V��:0Y�� //�?��t��P ́@ U޽ݜ~��Z�dXS��I /��:��9�h�ד/�ګH��&_�!��U��T�]��x$��"�oY�Q��+�?րb��B��`O��E�D�Y�E m�(�@}�� fvB��[��`e]��K�yn��$Y�/'��F�׎o��V�`I��a��[�Z��_n��<��̹��oވ��i��G��}��\|�0$��\|�N�I��O��E��}p{<Eҿ%��`?Ā"��~�r�hh!�W�!�f�bJ��M 0�"�A��iF�ɽ�cHT췷_�v��$� �� Y�G+��B�� X�J�/��?�8�z��3H�5�\|�Q ��@w�q7�rP��6@#��_K�oe��X��W��}K�}鷲�:@��<��/Hcѿe�=9W�W@3��}�=8��<�d��N��X�U�� 0��s@z@H��_��[�e�]Z@\|�F��SD��)Ŵ�m��J��2��P��F� ��:��<� ��t��(@ � ��m`��v��A�f��^��ߐ\|� ��>i�B�:@a]�GF�NIڽ�,�;3�X�u#�~�>AeC��W �� Xj��O0�% &`ͷ�AD��DdP9��%�I��~�?A�#%�s�7"�8Oޭ�m� �b�}�ټXl^l��. �� 0=,��A�+���ݝ�(pwFm��?�O��)��t��wk�]��.�ǒ�V�y��'c �O��'�$%��L�H@��'H��R�}��d�P�V`:�P�5fB��w�?�'D�Q�+`@��P&��x�� 2OJ��_��I!�$��{2"��J��3�/�,n}�ݬ7��e,��+�Z�$ ��} G^�� `>��T�@J�m`T��~��R3��Sy$@��OQ��߅�^��C�WDi�ؔJ ��:�� ,3E ��8\��@~��N@L�8`��7��ye�&P��R�� ?p/H�I#�?��ė\|�J`��9�Z� 홤�+�u�;�G�`}R^#��>�� 0�6U��%d�( �n@!�X�/)�#��\|�oc�xD0gJ�Y��w�� /d>{� �~rH�2�J��E��MB�)jW��!�`,<�Y�Q#��x�<� �L8@t�T��g#X�;��&�gM�� &`L( �Q�,��/����!��.�(I�X(�׮��e��uGj_� �YF">��>�2p� ��(��=@ �(@��\|j��!-�� 5'د��i{��_��ь�5�$1��Ǒk��ȍk3��_�`��DT�R��x�3A�.P$p��" R��`L��'��A`X�_2��1@�sT�V[@��,1ÿ��-��G��^�Y6�[$%�[<�c%�(��H �h��2f��Ce�� D=H7H�A��>��)@ �@�V=�ԯt��R{��o��?Q�+�G�H��J�s�P%Z�� d��F�GF�Atʡ�(�~��`�p�� ;&03� �U�ȿo�@�$��d��s�O�I��c8&��d��&��p�>y�m'��jxA��{� P6��d��@��a��8%� �x�.��?��J�bj��_��{�C�EL`�t��g�� ޓz��t��SI��֭��t��Dl�`M�,�<��8s8�@��E`�F��(Gl@�-�/��M`� �� G��A0-@��u�'��/V��>�p6��0�7�p��&P$P<�T! 6��8%p%@@�`�)ry@Tp}D��&��3��0)@��<$�@6��W��?�'q�!�>�{Ҿ��m��u`{��"��Ԁy�RU C��2�#P6�I��@�Џ��Aw��^�0"�F�D�O��n� �D��P�u�3��WO��6'��x�A��IlJ ��~� Gɧ�V`3��E@��+_ �B n�� t��~;��4��R��Ϸ��'��k��˹I1�O��w�H&�É��@��Sx�Qj�(��!A}I/��`�,Ӏ�U�/I�f�T��P��v,M@ h{2?u��g�_�v� ��)��r��ٲ� �� 6,E`�R��@�(@ �] �J�#�iM`R�g�[]�ol- ̿r�"�4��Fe�f5��oAq�J�k��F1v��A�7;�6ϰ�s�X6d:�@)ĿN H��<��~��N�A��99k�F�S��1p�� `}��r�h�H��<��s�+��3"�4 �U+({��$�>��#�� O��;�>6�j�Ĩ��;�v$' �@,P�1�B�z��'�CD}�%ٍ��Ď��G{��ԁ"(� �S� ]�%��q��A�� '�� ̍�C��+bQ)�iƄJ{��~��k�"X�� =Ɏ��nO��[�_��@89;so40!�L�1�N�ˢ��b��@�%'�ܭ0$�Zs�@3(P�(��$��8r�I?�S$֬��_��㫮�n�X�:K��(�x8��\��7�Q��ӣ���}�K�Am�� A��/��ε�v��k�I��@��[�L�JD� ��\ ��9�h ��jy�1��: /��C5 �"��@�)q�<�~d�;A�:�e@-�� 0)`D��@h�j��Q�_c�_J1~s�u��\E\|�}�2x\|U�7��V�#!�6��g�p>��ġ.0I@8��S�һ�4&�`H�3 h��ȗA�@�=[�~e�� zu<4��?'��ے�t��>��K�7'&K ��@�@A��@q�ؿ��P�.p��R�� H��P+��M��Z�h��MO��O��k�#�i$ �� ��.(�� Ďs��t�:H�' �5AJ�H��}D�aJ�+��R��n� �ː��1(��'��u�d�r<$�g%$�,#��."8`�C��2�b� $;��I~L��\(�M� } �]�M@��l��L�� T�`,NC3��+�l��g��I�/�@g�K�gA{"X_��x{��$[ ��CH�U��`��Ϋ�p��y��ޔN"@��@6�SV��j�%k`��G$J`^�ӈ�P��a�~� �U�'�� y�E��q�E�/�m�wh��)�ww�O��/[�R w�w��&PI��Xx:I�R��6��,��"�g�(`P��R�7��O6� �P�` :��h HwI>)<��=@��F��ˑ�u�� I (�4�SZ@��4��7��D�@3 ��F��$�ύd��I��#��a��@2��m�o��(��O 0��#\��X�@(�tpD o�>A�sV��\|�?,��G&R�E_�7� �3]��^��=��O��o�?��~.�?<@�9��c��#��n�`!�42�@@�KPxA��v�H ��rF�7�V@�)@��7`��l��F��\|�d�e��W��&>��[=�,x�v��(��%@�\|,�y\�\|Kɿ.@�(�έ��@�y��H�A-�}T��7?�]Ă��ϩ�!h�d�rNxH�- ��ʉ^�l�X��r��[�,E�ןU��"3�G�~s�?�LH��V#��7��a��7�߸?+rb_��-I�;� �F�u�\|��\|��!x�\i��{�-�(4n��@΄�@(��#`�9P� ��W��P@3�Y�O�9��?��Ϗ�ϷCx��̣�d{u@>��o�-� ꯮.�^a(A $��BP�@�L ��@<f�"M��X.ɩ ��r�Z�γ Y�8�8�h�%��O��~��\��WrN\|�P��W�2��"5�6�w��p+B��g��'��@��0��O� �P��W�?ܓ~E��5�d��u�1$�)ն��z�\|�-�Po��V_A=aA]�J��:�I�ewv)��.� Ѐ�"�G��A��2�9��S��:��0o8�g��ٿ�^�W:�kH��[�[2m��[# ��HO,T�["��.��@��g)��o-��~ys�$��@��<L�c@� T��^��ߜط��T�?w� ��Mb��?��çS�ǫ�pO->` �l�K5�R�Y��@��4�� Ʒ�g��L��8�ÇM@�{�^�ⷹ��>%b�� B�\|��\}'�"�T��O�2�$��(D %��,'�Ӕ��[C��R�Y�2 �?�)`�;g��>�{�3&��A� ��q��m��>��gǨ��n\|�(T�$ɺ(s��9(c� h& L��@�o��˃ �(��)��&P9��#�\|��(��<BY\|�ɒ�5��)�ϸL��C,)rD�5��R�Z��sE6,ι�[ d��BXB�W\|(2��0K+M�b?f��u�ן�Q#�6`�b])�M �,��~Gt^��6v+�"��F-`��\|ڀ}k"]\z� ��TE�%�WjVh��`V��@�J�V ��Ђ$p��a��JؿX�O.1�~i��^V�� 8�=p��w��>��idD;�5��G%rp�Q��_1_�`}%Ωn-��_�: �R�7"_�<-��W��aLTL��p�@��6x��y�I�؏� N ��w=�� ڔ��(X��72��Q�0 \�q��7饰�s�)@;+8��zG\�@>��]�_w��ƻ��G�/W'q�mh��ژ�w�zV��W~�MfEKn?i��4D��7Pwp ��ef\�� `�&ȧ��.�췾9��5��/�m��n�ZU�k��<�4{��P�\��E��w��Q�Р�� $@ܠ��;�e��5�+��vx@H��cPN��"�#��[9ľ1O^+C ≞��T�%P�֝J�e�\|]��$�~h) hR�K@e��4Ѓo�[�w��W1�x��QD�@nP�F@��r�n�~��?_� ��A��ø[�� t�}8�ESY��1�+:�n+!6�Rv iH�4� ��"d��1 @��6,��]0��&�&��\|��j��W�@P�p_�3��<E=��.kO�ԗE�w +q�t$J��v��=��.��V�(�\|,��@��O9�?�~��uǾ��p�7+� "@ � , �Y �V��/W�R�`Bx�D��Y��Q8r�k@T��.��}��O�V�}w��w��Z��ߩ��a}c��VW�#, ��[��xK��@� ��f�þ��#��b�C �&`5��k��O��N�J1 �� ο��:7��.�ZOz��;Z�-��<��UW�h�d��>H�wf_\��g��`TP� �&�/�_��m�p�x�;�Ho�m��Qݢ�g��܈�{=I$�QPm�N��{$� ��B�m�B��AZ��Ӌ��>f`�ӂ � �=� w��ߏ\|�3�u#~�g��֭7!��[�o�l�Da�u��#j��U�X)��4��" ��Ί �E��Q�� -�W� ��s� �~�@��C��4 l�~�� aZ'�p�>�ޢ�ALYs��ﲡA�M��00 � �?��4��@��o�E�Op�)��ZYGx��n{�p�#C��j5p� �"��]Y�z�}�-@��7��(�}d��U��@� �v��^�y��"8I�?��\|��W1��N�0��=0��P��>(��F��`�!E>P�P˓"�ח����\|��1x32��k�Ka��p�iξ��p��I$p�hE��p��ٷ$�0��b�bя�w �M��@R�&��E�".�^ I��) ��/��?I%�E�5E]O#�F��m�[�m�� )��0T��Pth��7 ��/��8��o��N��D��M>\|�n���~��oW��=L�O�&��=��!SA�3�Ƭ�1��@CҐ��֒ �N�8��o�E ��)�8lx'��U�_&��\|f�d�P�@�_`&��cOB��Xl��]�y�<�D��}��5�jL�`�>�H��6 ��02r `T��? ad��ݏ0��A��R ]��$��A��&@:�iz'0th �Up��c��2�?߿n�s��J`�}��Oт zE�Τ��ǎdoƹ�d`�9+��l��mп 4�~ P&��?��\|�r ��Cd �@8v�!0ɧ��ќ}5B)Tu��_ם4��Hj�2<XZY�b��@�u��@Zo��-��40:�+ ��8�&/ �� $�m��{�F?E߇��@��k@"�$@&�z���@��O_��JG�\ g� `\|�;��@��`��G��w�� @8h��z�[�5ր�Y`�l� �ۀY��rWX��+�f�x�e`�G�g�>��3D��\�w�l�w��OVF��VG��s<��鏊>�<�9;�?Ίc0�-E��[�;��O��yqοv�� v�d��^"X@��L��_��B�~2��q�J��pH��j��Rt2X��t��iqf��A��y@�6��D,��[��}:�U�~��m�F.��<�ƴR��;�i�� H�&�U�"�/f?�C ,��cɇ 1� @�ȧ@R��z��>8�{`�_�l�ߦ�x��vSG�ݧA?�⮣QL�u��'��?qz2�O��h��1s6�q]Y�ӥ\|�y�_��!h�!i��!z�!�058!��㪲Z+��ˬ��q��Z��k��-%��u��-��Z��`��7��/��M@(H��{��+ ��_��(��ץ%��RX)�,�"�HKk��h�`p��˗ƽzP�<0p��p/P��E��'C8�~1�e�#��3䧸� ��w᫞t�@g��[�A��杬��i�ZOZ�v9&�~K-�T��.` ��?��(�^.��ym��x@3x_ ��i �_�o��<�.�'J��dL��oWJ��<�Ϗ�@[/?8��W�$`� $�'By Dm ��p�ߵ��L��Uķ�:t��H�W%N֢_y)�� o�O��7te��x�c@�$d��~\|~�C��k��x��#��+׭k��i��)BdK�� (�8R��`j��ʽ�@~>�(@��~�쫈{�ј�p��j�\Wn[�@:��(̺?+uO��g�g�Jx'�, �Vi��.��gz�sP��-�8��wD��'݀K ��:ٞ���k�M+�n�b\�(/}��ؿ@i��a4Pw�1`��7��+��op˶��k��lL�?�C�~��j�,h�i��?7�R�3��ziTQ�O�� @��[�;��j�ϵ�h��Q��R�o��»2?�n�K�ۂ~�{B�$��^p��V��f@��Xdw��˴�0n��.��?�+~�Jk�+hVn�D��u��(��cӨ��o (�>H��Pȗ�0 �?��k[@if��Џ�?I�ż�_��,=��L�.��z��T��{h�Я t<@�е�AS��}y#@��[?���r� ��/w[�w5b�K�~�RW}�f/�i��\|}��Ҟ{��sC� 6�k��EM�3t=�@��/ߒ�n`��q��4��C؞lͽh7��P�3P��A��~m��iЏ p P'�� ~,�auD�}HX�1�X��_H��U��ʣ��ņ��(R0�\��F��QE8@�t=��+< τ� �H�n`��ߡ�i� _��b�g��z%0 �_tU��2��G� ��A��sa�̿ (c�R(;��G�&p8`�P��O��g�~��X�nN��t��αX��8�R��G�b�( �w�w \��x�_E�M�_��X�ݿ��vD�/��V��\�g��F7�Ԁ��s��@��,�o0�y�c��O�9��V��Y��,�J?�#��!��Z=q��r�g��g��GC�� t��%��ݺ��B-E~Z�_��,��N`��;�״�!�_��;�+��_1��'�,�=�)�DS^�;��'� ��0��=��%�[��M $ �? �L�a\�x��W��g��o&��oW��y\|�]�S��v.��h��7��6��.s��;��wǕ�q�`y&� P ��!�C8�� ?��/�?S�L�w�W[��nH��D�8w��l�^� �a)�^Z�pfo0�N�R�H��_L`V@9 ��^�ߘ��1��-��o�m�n��V��4t�h�fӏ(��V��H��A�[_g+��i�K`�~�~�k��w�-�;��a��@o��I��ӯ��З�"�O�R��[JCE<��n �k-��0^ ��g��D��,X�R�_Y=@�1@�9P�d��L(��ȝ_�/�ӯޯ8ي~��^o�S��i`� P�hw0X H�;p� ~�g�Q�gf��G��-�uP��z"$��o�@�:o:�"��D��퉖�ߪhk? ��e˟�O&{G:��&��D<��/o��!� <�̎Խ��#��N��oO{��5-@�+�8��/�{]��{�(G�va�7��X�k�I+�'�+2��}@Ȧ�i�"xu�j��Sѯ�H�S��c@m��.p!��c�Z��o�u[ʣi��ʠ��5��L�:N]� .˼9\_� L>x��/��>}��?��6��H�Q��A�:��î�#�`�'��ضX�B�ރ�m��nwv��7�_��;nޮ�\��Y�//��?X�l�k��^ , ��v2\< �y7M`h��a��};A�Z�v�翘��l��>�_�bw<� h��B�\|��>��@L�Z��W��GW��O�?�aV�6�� i��U� �1�x��&�� e��D�z��c'A/Ķ�\�� lw��m�Z�Sr�!$�<��ְ�'�/��%a!�"��<Ut�G�@@��\|A���� X��X@�eD��>a_��Ưߊ.�n��-��W�+M��/J��\�B�� l�� )�y@�T4�Op5�!�;B�� ǀ�^��a��,�?@��7�O`��n��i��p�ߴ�{_� ��]��).�SK"��?�x��+�(�� d�k ��;��b;Az��( �\|�ض4�"��)�;π��n��O��mE�1@0��ƽ(�b U��P$0��8��.%�C�� )<+��a`��[c;��z��%џ�E8��f��rh�>颺Q~� �s�)��J ��0��Rܧ��T��'�ꋂ�\|M�. �� (�xg��G�m�v��X�?�_�I��T�z�w)��`~� \|�2 !ć��a��%�b �Q �@��8��$�;�z$8K`�X��Z�@�)��χ[��6��U��[��8�F� Z�� >���3%p�� D��]�\|_An��c@h'�M`h�sX-��1�h{��̓_q��S��i�B�L�y��> ^��R��7��6��nE�< �p=��tƀ��id��`Z� �+� _�J��Sٵ�d_�}7� x�#�8��d]�V @� �`��&�z ��9�O��1 p{l��_(P��_��]�+��f^U�b��F��h�� }%Ԏ�!�NG��MAH��Lȫl�>��y�s�Wu@�yE�P�� v�@e�=�0c��VEA�w��ߏ�@!��K�h�C�7� �(!%�Ց�'�c��7H ��f�6�\|f�)sh�;��%1��`��P�H�-��@��B��7�?[v.9��M�:6��8��^�n.Z�jRAj�=�L�8��.@��ņ��n %��`� T�v��A�;A�_� ��X��\|��k)��^�v3m�TP?��̠��:�&PO��p��7��P}GP�� ; ��0 ,�3��l�~e<�[��D~y��LC��[W{��?p׮a#(��m�g��@�HP ��DX�3 �n��c`��/�U�<��A�7��?�`1��9�YUσ�( x��E�} @MH ��Q�� ѯ�1��X��2�n�}��{��B��/�� (�8�>��P�G�ݑ�H�G��,�N_��2V�>P�B�1��r�? �Y⿻�{¥ 0�8�i��{��V��^+��pÅw 5y/8�8}� (A5�z&�(�Ae��x�v�sh(?R~k ��B� �1php`�W��(��M��~ߜ��U~��-�9�~G�M�H��&P�� E $��; r+�aŧ��0bW��c�y�;�k�W�F�� @5�kZ�y�a!p��@�F? �&@M`?�M @!��V~1f�c+/};�n�G�;��@��P}��lf_EM�x�_��.��I�n)�޹��}� ��T��{�P^�Q=�� (�:0�?�@pHv�b��o��Y�oӨ��e��"U��;tL��x��^��p��Uz��<�MX$�;[�7�;>�ߚư�w��(C��H�� h�P@+��7�C�j�o�1��M��~��N��@�~eڿ��e`��ư��T��]�0�s���د�à �6PN�1�b��9 p�O��&�Z@�E��#�:��;Я �0d��i��kH��%n_��qx�ׇ�N�n��p_M�z��P�� s0��d��#=@�_�`8�/}vʝj>�纨�x��\|��'��Œ�x8Ɓ�H�U��/ B=P�wDg��PP�@0~��?�d��&��.\��/�B� ��QV�WȊ6�@U@��z��PZ��h��X�⋑ �x�ɾK�J$.�~�F��]�r�F�י��'\>Vd�#��H�\�S��9��e�(,%.�i)�'�_�c��uq��d�y�3H��l��S��w��d�H8ABv��kAj�mF�ob �u�p!>1��@�DO�ͫs��+� �u$�SX��F"�q�e�i7� �X xKH� �q��h��H?<��~l8�J��F� z;@�@�L�\�%v~8F<�"��M��X�8߅6M��_v��`[��%�Z��u��az@P�s@L�� 0\|��+��瀗��O$�?��A�%f��g`��d�4�K�"l!�~��#h��݂��P ���2��(�W��H瀷�:@� ��H��}��4P��oTr<��d^�#�zp:p6��,X ��4�G���'��p��y�A�%�b~`�{�p9`�v `��f�9��W�� BЏ��(�$��<7�rW"�%��$w��$��b)�4�1�'H8p ��Qn��b]��:,HP�E��6�u ��^%��l�F%pP@�!��9{��CZ��<I�1�P �Ag�O�O�Y_<#�&�n;xs�p��x��K#��a��Q�� q��:�B�E\^"@��^�, ��+��_'$�x�=�_��Gnm��@��5�V<�~&~z��s_��F��Ќ��= ��0�9TI-��G�p�a��O��)h�0o � ��$��h�Q�n�?��3\|��H?�,p)�C2 H �kf}�@3��K;�P��1�@��<��n �Z$A.�� z��FAht��M��ׂ��>�)0��)��I:��ӟ��yiP�\|�s��7s��^N�A8b��9� Tl 7`W�S�a��T�pJA �Z��[��p&� ċ�O�\ �g��ou��a `�E@��@� d�䣁\|�k��5ܟ�/�A��^6��S�NP��_1Ep��R&��փH?=��_R��-�ߺ� �M��p�Ux�r��@��1��?��(�H��@��w�X>ʆ��\|�i 4��&��}iHR P��ЂH@��b�WZ��>� 3�(��9@�Rx pmp��s��(G�/:��' �/�=8W 4�P�ˆa�ZeGe��GC^pq(��ϡ �) ��k��wG��j6��: ��>��X�k��Ю̛��՘��h�6�J��X{P-�2)��"4NX�@@#��dh�p�x�]"�2��ݵl6��"�ٖ��O��A?g-�i��I� �3�4,/&J�r�PB�5�~�PkO@��p�#��z@{3��߼��!K�b�� ]<P�3��ǀ^X��uDq2ʆb��ztr�Jp��(�� Lm8�v�ϥ�3�1��W��w @�$ڏ�\|�ւ��m��A/�+��g�;��\�K#��4�ג�I�f�i�2�b� �hB�1��r��/5�@^�(u]@�ϩ� �I�4��&�h�b�\|��I�/�)� -�{3��Z��`C�~��X4��:�A?͟��{Bg�"o�_;:M�ҡ�I4v��; B�씇]�B��2: H��{DRI��Q�A��{�'^��x��"�r��!� �hH�<�S%Z�#��b_hxpz%�pd�@��"b�,�~��p1#G �� C\|�d��~X f��"�c�mS�+ۯ$r�'�Q�z�_$?�y��O�=� ��l/[L�z��`Z�E�#��l ��B~� Z/��_�@=��G�2��M}�4�i�� qh� ��OP��ϹO��Nֲ%09V�O��B�&�G��kJh(��"̵7PP��=BX ��c�? k�o.� ��r�'W�r@��d��A��V �}DF��q+�([��d��#O;Q10L� `d"0 �Ctk(��r~��'��ǽn7H$`��%�~�$��O�� .�@�ڸQ�~�\|�@�+夺:q�$�� <>��y��1�8h90e��O���B@,�Š�`��p��O��S�%��E&?qsg'��_\|�H�U� ��2�N��3�+��g��I`q <8W�t��aB�q �O��S�rߥ�!�p(PJ6�� w`~S�߫v�`�� b��O��)��s�ѣh �� a_�0O8��8[k{G��b2��7��G��X�P oT9/`](�r��ڀ��E��)�(@�� _��,[�]��s�W��[A��~ s� �1�ot��8�vВ"��{vx)�} az�c��t(�k�Q h60 ̫��%�͕yq_�wr��'� ��'��U�u��g��e𑝝1?'�� V�2��>[A&�:��~6A��Ǌ��$^h'��d_ae��؛1#XN��_��d��JB�@��xɘ�`��r�pq �J�hįi?��\|�jY�U9 ��W�B`E@� dx��+M`� �3�o`?�\|-{?1�'B�L��=~SH�B�"ڧ3��+�}50n ��a=�J G�$�]��]�T�/~��`��~�ū@ `E��a4�CG�V�¾4�&?��'��{�&�#��Hp��dM��tT��˫ ��0��;��Xq[��Ͻ�Э�FO�t��ݝ�;� `��@bh�u!�g��a�M`� E�h��%��(��쳂ۤ?-�(�Gh��~�{�1��- ��~ f�e��;s�4��'zT�p��gx �3�:ɯf�?חS� �7��e��x[�-\|�W�[�h��PiG�'��_��e�+�� Q�,ƴ��HY��M�@ĬN�?�� =��%��M��$�� @Z��%��I��g�N��V��Q��< ]�X��\�@�'�3��t 4e>:��6�[L+�zG� m9�.wn�C�r� ��yK�s��>�n�;`��BE�I>V��~��R�j�� pQ��8��@ ��(�-� �Y?ȇ��2��g[H+��P�� ]�^H8��٧�� s��'��,��q" �p0w�% ��K��KG�z��mV�}�\|i��ܓ\|b�~� ��-8��$�0f@ D�e��$@�Ή/��?e��N��C�º�<R0/T��(`� �c���HU��V��>H��y��~�+�D�>�B��8G=7�W�~��P��,�0�^�"�� @�?�9ָ��?�_�\cp�( U\U��JB��02Xv�u�N�w2�ï&��Ys��{�Juë��>gF M��{�+�`^��}��?��en�&�TTq�AI/�w�n��9P�ח�"�qhx0B�"}��C�{�g�}�yX(�'��i_��u��o��I� ��.�� 8o��b�P�L�"�~o��j�l��Z��gr�8�l�-n��K��Br (��J ��1`��\E��~2�w(%`�'�?��>��l�3�7��2p.f6xq �&�t��,_G��A�?��5��P��O�W��_��8��m��s�%��VE�@#x�s�/�u��c��o�g��~��<�� W:�2��o ��i��׭�q�eP< .��&(`a��)�_ٳ�g@�b8��l��rxnݷ郺�M��h�Ywl�8��G��'¦�6�V��G�0@� ~��Cyl x��h�D[��( 7V��s�d X�9а�>�6��(��O9��?�\�� O��ׯ�/�@Wnl�E�- ��r��W��<�"��K��5m�� C��l�>��"N>[F��N��e��w7ۖ��(&�J0��?� k�3M@X@4�M�k��A} ��u��>{��C~�o��zo��دY�@0�n��g&`��/��?=��g�+͟�W��⌞�pV��M)�K��a��]��%��K�N `�I� �E��Z��8��_F�Us~r��;��'��\|��3+_߻+�p��p�Un��p0��.��s8��R�}��8�lo��/��񨿘��{;1��NR�_��ym̽dm"��~I�9�` �-`i�4 +`��7��Ih}��o��h��o��o�/2�ǎ��\|��^ݾ��o�K�Ձa� n�l_I�k@�~_\Ԁ��&�Z�M`�T��D~��s�o�m��_��S�o��U�W�JpѼc�ޖ_u7[�J@�[� p��F��@U�Wg}��O�@�_��7��'�}o5��"i��e ��\@��0,O��~�\|�à,��?��+_��_�:�&f��;k8J��E��L��%�h�D��t(P��J�\|��p�/P�(@��D�'t��q�� ^��YM8" }�z<��Pя�4�67��L�Q�žk�A��ph\+{�I��Q�]��3_�?��gE�ϼ�#\|��A�;��'�?��"�Y�� Ax��0v��ke��[Q��&�m��W/,�ߪ��v��J��_=�N�HF:�U��;�\|[��?��@�x�n_��l��7Ȋ��5�,��U@�F�A�s=p�n��{��p�R��SV�?q��,�'F�m��7��yBl�K�!�-��H3ù_��r,�D��YZ�� 5� �m�"��h��o@8@��س�~��ܛ��F�p��o��g)�Z��g2@W��ʍ�O:��zu�C)�H�O wx��p��>�=bZ� p�K@��$�?�&ph��>@n��~a�.{3J�gո'�� Dt0n�"2^�,%~�%xm��ŕ�7��=�}v:�;��@M��6s �< p��5�[��u�5��\|v��ǵ��2�˾ig'ı��a��ߗۑ>��ϯ��6fn�W��_��+п�_��o'�+��Ŷ��>�I�B�?���+�Q�`�y ��l��,`�] ��"`��c> ��oi ��q��g��Я/�:�� ڭ��_ ,��RB��Y�4��ׄ1jDQA�(�=��0P( ݜ�z�^��=8��A�@/��>�v��I��/�q��U@E�.]��m��,�`p �90~$`65��r 0,�Ѿ�̿�~��'��&�}��ͺ�Q��s��d��6�?P��Rqz$� �?==�Ҁ�̗�BYү�,�Q�?䥓��GtQ��/��<��1�o��~��\��xT�z0��A��6�X��$��k�_{lt��.��d?$`�m�f_qh�M�� 2�'U��-Y��l�{�4��`��O2(!柙��z?({��^�( �\|�5��{��\��J�·��-� �w P,+<��o� ��V�MP�6��^��h��j�u��r��I�o�}�Q;��%Ѥ��/��VpJ�>`��0:��d�GZ�P�y��iC�.��vʨD��ήJ@�`�V�j��$�`��m2��0~��שY��wp h��t~���f��n��a��OK��΀�V~�Vz�xk1dP�H��V�R` ��e�PQ�� m��3��gj��n�~��6`�.�� ly�`ShKQ�[��(��0��q��t��5$��L�C��0F�� 燌F��t��"� �^ħ�ڐ��v��y�E` $��.` ��BЕJ��O�l;��(h�v�zȓ��&@��F�Y�� /��5�\��@�� $��>��OL�� ߾��'��o��ff��M!䪀 $��.d ��#~� ��xA0zQ(��<s��H��@i�d�Z��id�Y��7�T�� ?��D,��_DpM�W��?)�L?Q���q��-�9��u��:�9�g�R�)�* ��=��{k��<T�B@+``��%~P�<��z�,��:��\�N��`��,�[_�� U�-��@- ��Y�l��)-~_��)IsM�~��_�W{�z�~��e��+�MI90\� �?)�T�2@�.H��Y��@�a��M��`��H�6P 4 �H�@�o�� )�.�5 �o�\/��<��`$��?��g��X�50��[��G�� ~��γ\��f?��X�n L�Vrk@^@A��_&$�<(�~�F�m& �� ]��Qp{��I�#�}��JتZ��ũ��ymG<��(�"LmR@��@(�$�(��`J�� R��[Z9@g~��ݻ��9�+�`f��=ߪ��0�}!�>9�.}��_��u��Ofx{�U� �9��W��}��=O1�}?J#̚׉���>�7�]+@�� @: ��D?��>H�c��Tf��} 8�k@��g��!��@Y�=��c'~!�Ǣ��/�r8��s>a��`r�)��!��o��)�l��W� J�@�5�5i��c��"0�U��#6��J��$�rW�}�(� �4$�^��A5) A��U��7�(��l��{��_rL� ��5��5� `��M�.H��A~p�ا��opB��N��_�u��d��T��"�"P]��z��䀱$ � � �Nh%�E��w��:��C�:��s��=��x�G��K��L�d��;~WQ�w1Y��pI�FM�υP �Uād4� � 5�w�:c��?��up�Z �cn�_�@M@�.$��@�X��X�p��@!�X��"��/�@02��g��/?��/��~N~�s��~,��너5�e�C�$�s�6`(��<��VP��W^�ˀ̀�?$~/�x�8$`��6�T1�`�H��I��0�ӆ��܃O��G��9�>�g+��D���F�=@�xK��b��R��7I �u�S��?"��O%�]�p��W�$@ D;��a�� 8��#��@F�p8A0�{8菂wG��s��/�)�@��y�"��Sߴ��18�k�g��C[դ�H�Թ��j�4pe��^�.U�_ݭ��D�t��+=�W�/��{��cL��#B@�b_��[��>��q�� E�O��^��ܟ2_m_��l��A�ߧ��~M�o"�6�@�od:~b�$�FPPh�p��c��(�� N��:��?��3@f@ @X� �`~v��G_F� �A_A}�t<9��O�y��ƵO��m��O��i,�`�w��XA��6q@'p��Q�,��b/T��A ��T��-�@ ��.��/�W6�Y��%P��l�a��2��X@f@$ 8f�G��&p�}0��@)p�8��w$�^�e��,�ƥo9�i�6>r��=��c\|2{��0H��9 w�KJ`4��Y��Q��X��Ľ%��7�X�i��N4�X��50# � �ޏ��gv��)?�'��$�7��O��]��}󊟚q��N��T�El}��[�-6 ��2D����p9, ��$h��p��#x��:`��q��2��E��JlN��±,� I�_��#��G��(��y�b��^��K~��o�9oԖ��B?g?˿[G��{"ܠ�$�Bx�� ѯ�x�%��op�,�$��:�.��(��zt��M��g�T@B�@1:>r�W3��D=��D��Oy�>��_�,\��T�.�O>xh�9��l(`�Q�w7h��\|�$��b��C�$��M �� "��9�[� ��!��\|��ߧ@��J�>��0��;̾�O�$U��f��ݣ��%0��Q��S`Wc2\��Y`򅌄�ǁ��#!lB?��z8�$��)� ��F% �\��E�b��y@h�.�� '�8� �>��S��K@�`^ ��1��z��ㅏȟ�럩�`�=<`3�c&���4 Th ��0гq ��P�?��:@�2�22��z�h��b��<�@B@g��5Х�g�q��"C��8#@�g�߅D��o>�S ��4��\��i��O�e�[�DՃ�� ,0��hd!�;j䀷��C%P��!`�&�a��Y��$A!��g��I��63@��Ä��Y�O\�-�a�B��p��t&��V-�}�{�[6�9� ��Ӛ�sQ]Wۦ�B"P��Z��\|�r�! 6@��^#� � ��-��\|[P�f�@�?��AG�zL�5\|1e��v�'8@Q��Z�o�]9�P_��q�A�L>6=ӿl��ݒ R�� 6@��5�]`s�sG��F, ��?��`\:V �+�K�R��W;(�0f��}r�5�3 p��%��`]~N}��쟟��_��)0G�zq��ű�ҭ��?��q�#�ky��?�� l��/l�fP#��P��Б$��h� ��@2�C���䀄@@�0��P`�N�2�\�)��F�¡��G@��W�U@�2��?�?�/��W�~��3�3��~��~�f�h�(Pc�nt��F��Q�ׁq XX@l k�L@��p��L�#`�@<��S�Te�y��5HD��v^`��M@��x��~��`��E�k�\|��{�/��塩0��ϒ^��N� ��N��kaf�f��'�p��UF��y3p��7�( ��W��$pf ��,`��M 3�(\|Q(��8� `_��o0� �þj�_��0�;�FЎ��y��X ��ph�+��Bx��}�0�Z�$�10��.��d��" �b]��l��~b@��p�0��8x�;�8��~��3�U�\|��F��?�߾_��3F��(�ǧ ��-�1�0-�� ЀZ@ [��% 7��B�R��@!�}� ��.0�M�]��;��;��:�j�ep#�3 p�-��0@��E����.��Y\�2'>��l~+��`_�#��Sܮ�`�ڕ��`�1��w��,��6�`��d�?/ϻ � ��ߞ��&��;�$ �3��\��?�� \��4`��OF.��u��U��^��>p��<��@:t3&�IP��H ��T�H��0�?��d` ��<��N�0�̀Я� 0B`~�)��@�T��p�$��2��~u^��Mz�~k���iv.h��/{м��ßF�-�E��p9��sp��(P��x��$X �~Z��@, 90&��2 ��(2��`��xtb �p=?��Y��U$�m�a_��C_��.\|�1��w�9��zF%�'��_�] 9�l��S`x@��wu�L>��>��"��je��<��Vg/U�U�i�^��8��x~��sL�[��,U�P�}�P&�� ~��~�_��ԉyj��~��C�?��f�{9�b_��ȂIA�<�A@�$`�(��CX�� ;џ��۠8� (z 0�u�J�C��ep��"p�_��ɏ��\|q��yi`;9��o��t�_Q�S�>��Ya�y\�J�3��&0��9A�w��LC@G�:��s�_ ` \|w��=@9p�o,�8��<� �� M��~�}�(�E�~<\|�]��j��E�Ŀ�H�z/�[~��4��, , �0:�m��@%0��1��U(��M`r��m��OP��O�q�+ �fl��{��<r \|>�0%�G �;��6��-�i�o��Ws�۪��zwQwo��Q&�� w ��~��x=�x��\�?7B`S��v# !��!�k5Ͳ#��= i�7�X�bgC��G��L��`�h=��ڤ�]��{uknXRU��&L�y�N�{Q��iN �l�H��;�-7��'��ݨ�'�3��h��uUv%X~\�.)�0��W�RP��eA$��!��'�Z�� `(��(@�1pg��x�h4� ?��1I4��Z`��'�3��++��}��;�qR�'�S�9��/�C�!P d�h�)@F,`��.��$�N0 %@�H� ��ha��$ົ�k��d��K��5 ��t`�m��\|�G��'��`ħ�;�<��o�7�U�7g�7�!R&5�u�J�iaT�+��# ��h��CP�)��r$�ߤ@��Sj� ��h�: @� ��.E��.�Z�v�@.��u}��>�_s�eb�E�'��h��[%6��a6�럧��L�c� ��]X,��N��5��4 ��F�m�� ~��H�H�]��4 �& ��E��E@��H��kP�Tp��"\|��T��?C�}J��q��K��ѯ�}M�KRU&g��I��?9,!��}`�8A��hv ��l.@ h-@ ��F��1�)�.�(.0⥁�.�в��:� �� @�q�G&?ޤSv�>R;���?��'��_�Pdb��` l��@((@��\|��Pe'�2�u�[4�m�P��\�� 6Nh� �3��s�FlP� � P�#Y��t'�-��r�?����/M��քz\|��F�X%rsD��Ӻ�%@�X�t��- �}��k�W5`T�H��rP�r��t=�a�z��o�C�s�G�~�� ?��~��߻��w��+��b��W��9��F ��I�[KT��(]`��l)e��H �w��h��+��+=� ��=@��O�6�@�[�@��]��T��'�,�S��y�i��"��'yǦ��/�A�l�;��ꄸ9C8�(� ,L�K �F��ۀ��瀭 �mق&pw8�N��h.�7A��\��&� ��4��v �� z�F��yon�To��?��$��9 � �S!�{V�y�T��c�R�A��>0&@��{��s�u��x9L�_� >��<�P��A��_@��t��6b�}�k�Ӭ-ş��O�B��F�1�L\|�P��Wj~s�啡2��4� ,�,��@ZA��К@R �m`�� PD�5�ciבJ��M$ ��Ty6��=��:��/ᧀ�(�k��;w}\Z6/�b[��w�S��L��O��<�O.��w S� ��b�& ��D��!��:�F\�0z�% [@�� !{\|��s��\|ǟ��De֏�C�'��3}�\|��4�0� Ƒ@"�TmQ�8��(}`�MT��h�@��L���C�W�:� �x@M�� z@�o��3_w�)�)��C�'��4ߥ�?��_�Ӄ�J/�5��.1��6�"7-��kϏ5�� ;~sV�ȷ0@�_ ��J\|�K��z�&`[��@��/}��D��,��R��O��2�Z�Z�Ϲ�y��EةT��o��B�-~93�P��Dp@��$* �s/p��΂F��A�@��G�9�e�M�-@ ��?��G�ΣP�f�~��'M��;��8��q��f3�#�T��i~�ĝl�/�FE��H�?L%��0�M�� N i-{�� 4��=3�48(�#�<�U��8�J(��c��&@��ǟh-`~� ?�ai��Ghn¯�S��u�8�ٽg��:�6�}�-�0P ��!��?�7 �2��ǽ8��A�nm��d�]��e�P�]\�`�`S��P��`��[@��(@n��,2��?��1�p��eE�� U�� f󋿪�2 ��O ��!^)��(@I0 ��ݖQ`�_�'-�j��@2J��-:��$ �@ ��p��6p�z�� ,4��3��#��(��'v��iakGc��bb�!}�PlT��@�~M��@j�,x�H��fl�k�H7�\|K�&��v��Z��k��I��` ��<k8��?��G��,�~ �O��甾_�z}��W��c�@��{�k��/�Y��ϩ>��/��2��o�V� ��&��%��_i1WcP.b ��/����}\|��S`��,�3@t�y3\��3~��n��7 ��?�`.��+�ׯ�@�9��^�Y��7Ī� ;�Q��ी��l�a�O0�p "� 8�9`��@n�(΁�p��@5��7b�ۚ�8tئ��T��ۋ1rE��S�� O� ��P[(�, }��Z�T��RԀa�@�9�� ȁ;�~��Z��9��= ��O�- =��Y��? ��^: Z�GVç�V?�?�?�O�M_\|G�=�5R��ޖ��\��>�_)4 :�^P�lj��T�0��@�m��޾K�?jA�8ߦ TX�A��]p��c�t�@�#��%�J��g_��r�4��zr�u��^��s�c�ۢ��uQ�@؀h��W��4.��@��x[��@�w!��m`��=�@� ��k��(H��=��2� ��=��Ї��90��{�B�}��[@�?G��_�g�oՁ��[��H��<H� �b��<�w}��{E`b�Ǎ+A�@i)�M�3a��ypw�/��)��v��IH$q��h//��P�� LH� �� lO?g\|�;��)[��G��%��J�"c�@��몧��=��O�>@�z�P��zq��?(�� 5��F��~��%�kFp��l ��?��V~�ϩ�?8�_BN��lh��\ 2�Xi�_�`�#�hȈ��S�+a�O!�.�{��w9�r�>�U ��e���N�/��~��Ũ��[�8mc��x2��IEND�B`��instagram_gallery/assets/images/.htaccess��0000555��00000000355�15231074400�0014615 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��instagram_gallery/assets/.htaccess��0000555��00000000355�15231074400�0013350 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��instagram_gallery/site.php��0000644��00000036033�15231074400�0011726 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('restricted access'); define('FACEBOOK_URI', 'https://graph.facebook.com/v7.0'); use Joomla\CMS\Uri\Uri; use Joomla\CMS\Http\Http; use Joomla\CMS\Language\Text; use Joomla\CMS\Component\ComponentHelper; use Joomla\CMS\Version; $version = new Version(); $JoomlaVersion = $version->getShortVersion(); if (version_compare($JoomlaVersion, '4.0.0', '>=')) { JLoader::registerAlias('JHtmlString', 'Joomla\CMS\HTML\Helpers\StringHelper'); } class SppagebuilderAddonInstagram_gallery extends SppagebuilderAddons { public static $assets = array(); /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $count = (isset($this->addon->settings->limit) && $this->addon->settings->limit) ? $this->addon->settings->limit : 0; $show_stats = (isset($this->addon->settings->show_stats) && $this->addon->settings->show_stats) ? $this->addon->settings->show_stats : array(); $thumb_per_row = (isset($this->addon->settings->thumb_per_row) && $this->addon->settings->thumb_per_row) ? $this->addon->settings->thumb_per_row : 4; $layout_type = (isset($this->addon->settings->layout_type) && $this->addon->settings->layout_type) ? $this->addon->settings->layout_type : 'default'; $output = ''; $output .= '<div class="sppb-addon sppb-addon-instagram-gallery ' . $class . ' layout-' . $layout_type . '">'; if ($title) { $output .= '<div class="sppb-addon-instagram-text-wrap">'; $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; $output .= '</div>'; //.sppb-addon-instagram-text-wrap } $media = $this->getMedias(); if (!empty($media->media->data)) { $items = $media->media->data; } elseif (!empty($media->data)) { $items = $media->data; } $total_items = 0; if (!empty($items)) { $total_items = count($items); } if (empty($items)) { $output .= '<p class="alert alert-warning">' . Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_ERORR') . '</p>'; } else { $output .= '<ul class="sppb-instagram-images">'; foreach ($items as $item) { $image_url = isset($item->media_url) ? $item->media_url : Uri::root() . 'components/com_sppagebuilder/addons/instagram_gallery/assets/images/instagram-logo.png'; if ($item->media_type === 'VIDEO') { $image_url = $item->thumbnail_url; } if ($layout_type === 'classic') { $output .= '<li class="sppb-instagram-image">'; $output .= '<div class="sppb-instagram-classic-content-wrap">'; if (in_array('author', $show_stats) && isset($media->name)) { $output .= '<div class="addon-instagram-item-author-wrap">'; $author_image = (isset($media->profile_picture_url) && $media->profile_picture_url) ? $media->profile_picture_url : false; $author_name = false; if (isset($media->name) && $media->name) { $author_name = $media->name; } $output .= '<div class="addon-instagram-author-info">'; if ($author_image) { $output .= '<a class="instagram-author-image" href="https://www.instagram.com/' . $item->username . '/" target="_blank" rel="noopener noreferrer"><img src="' . $author_image . '" alt="' . $author_name . '" loading="lazy"></a>'; } $output .= '<div class="instagram-author-meta-content">'; if ($author_name) { $output .= '<a href="https://www.instagram.com/' . $item->username . '/" target="_blank" rel="noopener noreferrer">' . $author_name . '</a>'; } $output .= '<span>' . ((new DateTime($item->timestamp))->format('F j, Y')) . '</span>'; $output .= '</div>'; //.instagram-author-meta-content $output .= '</div>'; //.addon-instagram-author-info $output .= '<a class="instagram-redirect-link" href="https://www.instagram.com/' . $item->username . '/" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram" aria-hidden="true" title="' . Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_REDIRECT') . '"></i><span class="sppb-sr-only">' . Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_REDIRECT') . '</span></a>'; $output .= '</div>'; //.addon-instagram-item-author-wrap } $output .= (!empty($image_url)) ? '<a class="sppb-instagram-gallery-btn" href="' . $image_url . '">' : ''; $output .= '<div class="addon-instagram-image-wrap">'; $output .= '<img class="instagram-image sppb-img-responsive" src="' . $image_url . '" alt="" loading="lazy">'; $output .= '</div>'; //.addon-instagram-image-wrap if (in_array('likes', $show_stats) \|\| in_array('comments', $show_stats) \|\| in_array('caption', $show_stats)) { $output .= '<div class="addon-instagram-classic-meta-content">'; if (in_array('likes', $show_stats) \|\| in_array('comments', $show_stats)) { // get stats $likes = (isset($item->like_count) && $item->like_count) ? $item->like_count : 0; $comments = (isset($item->comments_count) && $item->comments_count) ? $item->comments_count : 0; $output .= '<div class="addon-instagram-item-info">'; if (in_array('likes', $show_stats)) { $output .= '<span class="addon-instagram-item-likes"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="intagram-like-number">' . $likes . '</span></span>'; } if (in_array('comments', $show_stats)) { $output .= '<span class="addon-instagram-item-comments"><i class="fa fa-comment-o" aria-hidden="true"></i><span class="intagram-comment-number">' . $comments . '</span></span>'; } $output .= '</div>'; //.addon-instagram-item-info } if (in_array('caption', $show_stats)) { $caption_txt = (isset($item->caption) && $item->caption) ? $item->caption : false; if ($caption_txt) { $output .= '<div class="addon-instagram-caption">'; $output .= '<p>'; if (isset($item->username)) { $output .= '<strong>' . $item->username . '</strong>'; } $output .= JHtmlString::truncate(strip_tags($caption_txt), 100) . '</p>'; $output .= '</div>'; //.addon-instagram-item-info } } $output .= '</div>'; //.addon-instagram-classic-meta-content } $output .= (!empty($image_url)) ? '</a>' : ''; $output .= '</div>'; //.sppb-instagram-classic-content-wrap $output .= '</li>'; //.sppb-instagram-image } else { $output .= '<li class="sppb-instagram-image">'; $output .= (!empty($image_url)) ? '<a class="sppb-instagram-gallery-btn" href="' . $image_url . '">' : ''; $output .= '<div class="addon-instagram-item-wrap">'; if (in_array('likes', $show_stats) \|\| in_array('comments', $show_stats) \|\| in_array('author', $show_stats) \|\| in_array('caption', $show_stats)) { $output .= '<div class="addon-instagram-item-overlay">'; $output .= '<div class="addon-instagram-meta-content">'; if (in_array('likes', $show_stats) \|\| in_array('comments', $show_stats)) { // get stats $likes = (isset($item->like_count) && $item->like_count) ? $item->like_count : 0; $comments = (isset($item->comments_count) && $item->comments_count) ? $item->comments_count : 0; $output .= '<div class="addon-instagram-item-info">'; if (in_array('likes', $show_stats)) { $output .= '<span class="addon-instagram-item-likes"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="intagram-like-number">' . $likes . '</span></span>'; } if (in_array('comments', $show_stats)) { $output .= '<span class="addon-instagram-item-comments"><i class="fa fa-comment-o" aria-hidden="true"></i><span class="intagram-comment-number">' . $comments . '</span></span>'; } $output .= '</div>'; //.addon-instagram-item-info } if (in_array('caption', $show_stats)) { $caption_txt = (isset($item->caption) && $item->caption) ? $item->caption : false; if ($caption_txt) { $output .= '<div class="addon-instagram-caption">'; $output .= '<p>' . JHtmlString::truncate(strip_tags($caption_txt), 100) . '</p>'; $output .= '</div>'; //.addon-instagram-caption } } $output .= '</div>'; //.addon-instagram-meta-content $output .= '</div>'; //.addon-instagram-item-overlay } $output .= '<div class="addon-instagram-image-wrap">'; $output .= '<img class="instagram-image sppb-img-responsive" src="' . $image_url . '" alt="" loading="lazy">'; $output .= '</div>'; //.addon-instagram-image-wrap $output .= '</div>'; //.addon-instagram-item-wrap $output .= (!empty($image_url)) ? '</a>' : ''; $output .= '</li>'; //.sppb-instagram-image } } $output .= '</ul>'; //.sppb-instagram-images } $output .= '</div>'; //.sppb-addon-instagram-gallery return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $thumb_per_row = (isset($settings->thumb_per_row) && $settings->thumb_per_row) ? $settings->thumb_per_row : 4; $layout_type = (isset($settings->layout_type) && $settings->layout_type) ? $settings->layout_type : 'default'; $width = round((100 / $thumb_per_row), 4); $css = ''; if ($thumb_per_row) { $widthObject = AddonHelper::initDeviceObject(); $widthObject->xl = null; $widthObject->lg = null; $widthObject->md = '50'; $widthObject->sm = '100'; $widthObject->xs = '100'; if ($thumb_per_row > 3) { $widthObject->md = 100 / $thumb_per_row; } $settings->dummy_item_plain_width = $width; $settings->dummy_item_object_width = $widthObject; $settings->dummy_item_height = 'auto'; $itemStyle = $cssHelper->generateStyle('.sppb-instagram-images .sppb-instagram-image', $settings, ['dummy_item_plain_width' => 'width', 'dummy_item_height' => 'height'], ['dummy_item_plain_width' => '%', 'dummy_item_height' => false]); if ($layout_type === 'classic') { $itemStyle .= $cssHelper->generateStyle('.sppb-instagram-images .sppb-instagram-image', $settings, ['dummy_item_plain_width' => 'flex: 0 0 %s'], '%'); } $itemStyle .= $cssHelper->generateStyle('.sppb-instagram-images .sppb-instagram-image', $settings, ['dummy_item_object_width' => ['width', 'flex: 0 0 %s']], '%'); return $itemStyle; } return $css; } /* * Attach external stylesheets. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Attach external scripts. * * @return void * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Attach inline javascript. * * @return string * @since 1.0.0 / public function js() { $addon_id = '#sppb-addon-' . $this->addon->id; $js = 'jQuery(function($){ $("' . $addon_id . ' .sppb-instagram-gallery-btn").magnificPopup({ type: "image", gallery: { enabled: true }, }); }); '; return $js; } /* * Get the instagram medias using the token and userID. * * @return string * @since 1.0.0 / private function getMedias() { $cParams = ComponentHelper::getParams('com_sppagebuilder'); $igToken = json_decode($cParams->get('ig_token', '{}')); $item_resource = (isset($this->addon->settings->item_resource) && $this->addon->settings->item_resource) ? $this->addon->settings->item_resource : 'userid'; $user_id = isset($igToken->igId) ? $igToken->igId : ''; $hashtag = (isset($this->addon->settings->hashtag) && $this->addon->settings->hashtag) ? $this->addon->settings->hashtag : ''; $hashtag_type = (isset($this->addon->settings->hashtag_type) && $this->addon->settings->hashtag_type) ? $this->addon->settings->hashtag_type : 'top'; $access_token = isset($igToken->accessToken) ? $igToken->accessToken : ''; $limit = (isset($this->addon->settings->limit) && $this->addon->settings->limit) ? $this->addon->settings->limit : 4; $http = new Http; if ($item_resource === 'userid') { $fields = ['id', 'caption', 'children', 'comments_count', 'like_count', 'media_type', 'media_url', 'thumbnail_url', 'username', 'timestamp']; $url = FACEBOOK_URI . '/' . $user_id . '?fields=media.limit(' . $limit . '){' . implode(',', $fields) . '},profile_picture_url,name&access_token=' . $access_token; } elseif ($item_resource === 'hashtag') { $hashtagUrl = FACEBOOK_URI . '/ig_hashtag_search?user_id=' . $user_id . '&q=' . $hashtag . '&access_token=' . $access_token; $igHashtagId = ''; try { $hashtagResponse = $http->get($hashtagUrl); $hashtagBody = json_decode($hashtagResponse->body); if ($hashtagResponse->code !== 200) { throw new Exception($hashtagBody->error->message); } $igHashtagId = $hashtagBody->data[0]->id; } catch (Exception $e) { $this->error[] = $e->getMessage(); return; } $fields = ['id', 'caption', 'comments_count', 'like_count', 'media_type', 'media_url', 'timestamp']; if ($hashtag_type === 'recent') { $url = FACEBOOK_URI . '/' . $igHashtagId . '/recent_media?user_id=' . $user_id . '&fields=' . implode(',', $fields) . '&limit=' . $limit . '&media_type=IMAGE&access_token=' . $access_token; } else { $url = FACEBOOK_URI . '/' . $igHashtagId . '/top_media?user_id=' . $user_id . '&fields=' . implode(',', $fields) . '&limit=' . $limit . '&media_type=IMAGE&access_token=' . $access_token; } } try { $response = $http->get($url); $body = json_decode($response->body); if ($response->code !== 200) { throw new Exception($body->error->message); } } catch (Exception $e) { // echo '<p class="alert alert-warning"><strong>Instagram Error:</strong> ' . $e->getMessage() . '</p>'; return; } return $body; } } ��instagram_gallery/admin.php��0000644��00000013716�15231074400�0012055 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig( [ 'type' => 'content', 'addon_name' => 'instagram_gallery', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GALLERY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GALLERY_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 2A6.5 6.5 0 002 8.5v15A6.5 6.5 0 008.5 30h15a6.5 6.5 0 006.5-6.5v-15A6.5 6.5 0 0023.5 2h-15zM0 8.5A8.5 8.5 0 018.5 0h15A8.5 8.5 0 0132 8.5v15a8.5 8.5 0 01-8.5 8.5h-15A8.5 8.5 0 010 23.5v-15z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M16.798 10.99a5 5 0 10-1.466 9.892 5 5 0 001.466-9.893zm-3.957-1.268a7 7 0 116.448 12.426A7 7 0 0112.84 9.722zM23.25 7.75a1 1 0 011-1h.016a1 1 0 110 2h-.016a1 1 0 01-1-1z" fill="currentColor"/></svg>', 'settings' => [ 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GALLERY_GROUP_OPTIONS'), 'fields' => [ 'item_resource' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GET_IMAGES_BY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GET_IMAGES_BY_DESC'), 'values' => [ 'userid' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GET_IMAGES_BY_USERID'), 'hashtag' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GET_IMAGES_BY_HASHTAG'), ], 'std' => 'userid', 'inline' => true, ], 'hashtag' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GET_IMAGES_BY_HASHTAG'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_HASHTAG_DESC'), 'inline' => true, 'depends' => [['item_resource', '=', 'hashtag']], ], 'hashtag_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_HASHTAG_MEDIA_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_HASHTAG_MEDIA_TYPE_DESC'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_HASHTAG_MEDIA_TYPE_TOP'), 'recent' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_HASHTAG_MEDIA_TYPE_RECENT'), ], 'std' => 'top', 'inline' => true, 'depends' => [['item_resource', '=', 'hashtag']], ], 'limit' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_ITEM_LIMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_ITEM_LIMIT_DESC'), 'min' => 1, 'max' => 10, 'std' => 4 ], 'thumb_per_row' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_THUMB_PER_ROW'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_THUMB_PER_ROW_DESC'), 'min' => 1, 'max' => 10, 'std' => 4 ], 'show_stats' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_SHOW_STATS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_SHOW_STATS_DESC'), 'values' => [ 'author' => Text::_('COM_SPPAGEBUILDER_FIELD_CREATED_BY_LABEL'), 'caption' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_SHOW_STATS_CAPTION'), 'likes' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_SHOW_STATS_LIKES_COUNT'), 'comments' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_SHOW_STATS_COMMENTS_COUNT'), ], 'multiple' => true, ], 'layout_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_LAYOUT_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_LAYOUT_TYPE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_LAYOUT_TYPE_DEFAULT'), 'classic' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_LAYOUT_TYPE_CLASSIC'), ], 'std' => 'default', 'inline' => true, ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_INSTAGRAM_GALLERY_GROUP_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_TEXT_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_TEXT_COLOR_DESC'), 'inline' => true ], 'title_typography' => [ 'type' => 'typography', 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], ], ], ], ], ); ��instagram_gallery/.htaccess��0000555��00000000355�15231074400�0012046 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��gmap/assets/images/icon.png��0000644��00000004103�15231074400�0011667 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:A9A0534740E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:A9A0534840E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:A9A0534540E011E69A38F8F21A167467" stRef:documentID="xmp.did:A9A0534640E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��IDATx��\�q�0��@�A� � � J7 �� h'��d��N`o��qU^%��ɻ{g�� }z��9�\|�.�4��{�>�k��P9p;�K�_>,�:P} P&�Vo (5T�R8�e\|F�y�<��Q�]0l�$��<[��Cud)P�=�% js��@W�w6{��ݧ=�fRÒ@Ȫg��9��9��بb�zJ!Gv�%jO�T��QD)x��j�E��f��V�2Ne�B�bУAh�Z�vf��vIK�b�\|�� ='#؆r��`��H2�`�u�(%T^��1�'ۛ%�5�=��"��q0uΘLڄ�Cbd`ꥷ��د�s��c��:P��#��`�>x��F�~ ��ѽ&zD�'LF�Dδ.`1Ilt�&��3�k�kV��(�ߵ��^�3�S��e��4\A��]/�U�y�)��ȉ�rU�5��{zgѻ�.�Ĉ��ʄ��Q{�K��;��#��V,\|+��$˼�%�z�U�f�E+=��Ġ� ��3��>��-'�`oU�^�7��lm�ٿ"Xǈ�O6,c��;fSG[�E��Z�H�a@��̀ �g=��$�5��P�+�ي�q,PJF��U�5��;�t򶃢-]�R�>��DvM�O5õv"��ҟ�Q��[[��¹b�vL[w&ՠ$�-�%��'U�-rjǒ�b��\��n�l��!��w��4a{��]��O�VHB��' L�7me�;�B��[�h�kɸ��{�zՋͥҴ�`�䫈��k��cm�x%I��F�`[jA53�>6h� ��5K�O�p�/�W�k�:�>/�f~�k�\/;Y/�Zj#:�U\|I�eb]84��ǎmW\��J�f?�4�� D�`��Z0��@��Q�O��;�V�S�U�X�I�($�܀�=Ѧ5�Tk��Bf{��T��-��^�)��4��C'�wzt�jL�o=�atN~��6#P�x�Y�N�ȥ�REb{��%p��m8�/پl�W��<� ��ܫ^�"ݸI�J�΢b��+l��m�̰�Uq��Z��_��=��(��.1�$�i��F�Ǫ�O��V�ה��\|�}J��J�!5}��+��<�t��g�9�A�&}��ҩw\|�iv��`�j�\�4g_��IEND�B`��gmap/assets/images/.htaccess��0000555��00000000355�15231074400�0012035 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��gmap/assets/.htaccess��0000555��00000000355�15231074400�0010570 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��gmap/site.php��0000644��00000017330�15231074400�0007145 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Factory; use Joomla\CMS\Uri\Uri; use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Component\ComponentHelper; use Joomla\CMS\Version; class SppagebuilderAddonGmap extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; //Options $map = (isset($settings->map) && $settings->map) ? $settings->map : ''; $infowindow = (isset($settings->infowindow) && $settings->infowindow) ? $settings->infowindow : ''; $gmap_api = (isset($settings->gmap_api) && $settings->gmap_api) ? $settings->gmap_api : ''; $type = (isset($settings->type) && $settings->type) ? $settings->type : ''; $zoom = (isset($settings->zoom) && $settings->zoom) ? $settings->zoom : ''; $mousescroll = (isset($settings->mousescroll) && $settings->mousescroll) ? $settings->mousescroll : ''; $show_controllers = (isset($settings->show_controllers) && $settings->show_controllers) ? $settings->show_controllers : 0; $multi_location = (isset($settings->multi_location) && $settings->multi_location) ? $settings->multi_location : 0; $location_addr = []; if (isset($settings->multi_location_items) && $multi_location !== 0) { foreach ($settings->multi_location_items as $key => $item) { $lat_long = explode(',', $item->location_item); $location_addr[] = array('address' => $item->location_popup_text, 'latitude' => $lat_long[0], 'longitude' => $lat_long[1]); } } $location_json = json_encode($location_addr); if ($map) { $map = explode(',', $map); $output = '<div id="sppb-addon-map-' . $this->addon->id . '" class="sppb-addon sppb-addon-gmap ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= '<div id="sppb-addon-gmap-' . $this->addon->id . '" class="sppb-addon-gmap-canvas" data-lat="' . trim($map[0]) . '" data-lng="' . trim($map[1]) . '" data-location=\'' . base64_encode($location_json) . '\' data-maptype="' . $type . '" data-mapzoom="' . $zoom . '" data-mousescroll="' . $mousescroll . '" data-infowindow="' . base64_encode($infowindow) . '" data-show-controll=\'' . $show_controllers . '\'></div>'; $output .= '</div>'; $output .= '</div>'; return $output; } return; } public function scripts() { $params = ComponentHelper::getParams('com_sppagebuilder'); $gmap_api = $params->get('gmap_api', ''); $version = new Version(); $JoomlaVersion = (float) $version->getShortVersion(); if ($JoomlaVersion > 4) { Factory::getDocument()->getWebAssetManager()->registerAndUseScript('gmap-api', "https://maps.googleapis.com/maps/api/js?key=" . $gmap_api, [], []); } else { HTMLHelper::_('script', "https://maps.googleapis.com/maps/api/js?key=" . $gmap_api, [], []); } return [ Uri::base(true) . "/components/com_sppagebuilder/assets/js/gmap.js" ]; } public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $settings = $this->addon->settings; $css = ''; $height = $cssHelper->generateStyle('.sppb-addon-gmap-canvas', $settings, ['height' => 'height']); $css .= $height; $css .= $cssHelper->generateStyle('a>div>img', $settings, [], '', [], null, false, 'top:-15px!important;'); return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var map = data.map.split(","); var ConvertToBaseSixFour = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function(e) { var t = ""; var n, r, i, s, o, u, a; var f = 0; e = ConvertToBaseSixFour._utf8_encode(e); while (f < e.length) { n = e.charCodeAt(f++); r = e.charCodeAt(f++); i = e.charCodeAt(f++); s = n >> 2; o = (n & 3) << 4 \| r >> 4; u = (r & 15) << 2 \| i >> 6; a = i & 63; if (isNaN(r)) { u = a = 64 } else if (isNaN(i)) { a = 64 } t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a) } return t }, _utf8_encode: function(e) { e = e.replace(/rn/g, "n"); var t = ""; for (var n = 0; n < e.length; n++) { var r = e.charCodeAt(n); if (r < 128) { t += String.fromCharCode(r) } else if (r > 127 && r < 2048) { t += String.fromCharCode(r >> 6 \| 192); t += String.fromCharCode(r & 63 \| 128) } else { t += String.fromCharCode(r >> 12 \| 224); t += String.fromCharCode(r >> 6 & 63 \| 128); t += String.fromCharCode(r & 63 \| 128) } } return t } }; var infoText = (!_.isEmpty(data.infowindow)) ? ConvertToBaseSixFour.encode(data.infowindow) : ""; let location_addr = { address: data.infowindow, latitude: map[0], longitude: map[1] }; if(_.isObject(data.multi_location_items) && data.multi_location !== 0){ _.each(data.multi_location_items, function(item){ let latLong = _.split(item.location_item, ","); let mainObj = { address: item.location_popup_text, latitude: latLong[0], longitude: latLong[1] } location_addr = _.concat(location_addr, mainObj); }) } let latiLongi = _.split(location_addr.location_item, ","); let location_json = JSON.stringify(location_addr); #> <style type="text/css">'; $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->color('color', '.sppb-addon-title', 'data.title_text_color'); $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('height', '.sppb-addon-gmap-canvas', 'data.height', 'px'); $output .= ' #sppb-addon-map-{{ data.id }} a>div>img{top:-15px!important;} </style> <div id="sppb-addon-map-{{ data.id }}" class="sppb-addon sppb-addon-gmap {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <div id="sppb-addon-gmap-{{ data.id }}" class="sppb-addon-gmap-canvas" style="pointer-events: none;" data-location=\'{{ConvertToBaseSixFour.encode(location_json)}}\' data-lat="{{ map[0] }}" data-lng="{{ map[1] }}" data-maptype="{{ data.type }}" data-mapzoom="{{ data.zoom }}" data-mousescroll="{{ data.mousescroll }}" data-infowindow="{{ infoText }}" data-show-controll="{{data.show_controllers}}"></div> </div> </div>'; return $output; } } ��gmap/admin.php��0000644��00000015472�15231074400�0007276 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; use Joomla\CMS\Component\ComponentHelper; $params = ComponentHelper::getParams('com_sppagebuilder'); $gmap_api = $params->get('gmap_api', ''); SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'gmap', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_DESC'), 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g opacity=".5" fill="currentColor"><path d="M16.238 15.429a4.268 4.268 0 01-4.286-4.286c0-1.62.953-2.762.953-2.762l-5.62 1.524L6.3 16.7c1.238 2.762 3.367 4.92 4.89 7.014L19.5 14c-.381.381-1.643 1.429-3.262 1.429z"/><path d="M19.8.7l-6.893 2.744v4.952s1.238-1.524 3.334-1.524c2.19 0 4.285 1.81 4.285 4.286 0 1.143-.74 2.461-1.026 2.842l6.74-8.08C24.718 3.253 22.563 1.652 19.8.7z"/></g><path d="M26.238 5.905l-15.047 17.81c.952 1.237 2 2.761 2.57 3.714.668 1.238.953 2.095 1.43 3.523.285.857.57 1.048 1.142 1.048s.858-.381 1.143-1.048c.476-1.428.762-2.476 1.334-3.428 1.047-1.905 2.476-3.62 3.714-5.334.38-.476 2.666-3.238 3.714-5.333 0 0 1.238-2.38 1.238-5.714 0-3.048-1.238-5.238-1.238-5.238zM12.905 8.38L19.8.701S18.143 0 16.143 0c-4 0-6.857 2-8.572 4C6.143 5.619 5 8.19 5 11.143 5 14.286 6.3 16.7 6.3 16.7l6.605-8.319z" fill="currentColor"/></svg>', 'settings' => [ 'map' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'message' => [ // todo: not working 'type' => empty($gmap_api) ? 'alert' : 'hidden', 'message' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_APIKEY_MISSING'), ], 'map' => [ 'type' => 'gmap', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_LOCATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_LOCATION_DESC'), 'std' => '23.755349,90.375961', 'inline' => true, ], 'type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_TYPE_DESC'), 'values' => [ 'ROADMAP' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_TYPE_ROADMAP'), 'SATELLITE' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_TYPE_SATELLITE'), 'HYBRID' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_TYPE_HYBRID'), 'TERRAIN' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_TYPE_TERRAIN'), ], 'std' => 'ROADMAP', 'inline' => true, ], 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_HEIGHT_DESC'), 'std' => ['xl' => 300], 'max' => 2000, 'responsive' => true, ], ], ], 'map_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_OPTIONS'), 'fields' => [ 'infowindow' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_INFOWINDOW'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_INFOWINDOW_DESC'), ], 'zoom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_ZOOM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_ZOOM_DESC'), 'max' => 25, ], 'mousescroll' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_MOUSE_SCROLL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_DISABLE_MOUSE_SCROLL_DESC'), 'values' => [ 'false' => Text::_('JNO'), 'true' => Text::_('JYES'), ], 'std' => 'true', ], 'show_controllers' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_DISABLE_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_DISABLE_SHOW_CONTROLLERS_DESC'), 'values' => [ 'false' => Text::_('JYES'), 'true' => Text::_('JNO'), ], 'std' => 'false', ], ], ], 'multiple_maps' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_LOCATION'), 'fields' => [ 'multi_location' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MULTI_LOCATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MULTI_LOCATION_DESC'), 'values' => [ 1 => Text::_('YES'), 0 => Text::_('NO'), ], 'std' => 0, 'is_header' => 1 ], 'multi_location_items' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MULTI_LOCATION_ITEMS'), 'attr' => [ 'location_item' => [ 'type' => 'gmap', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_LOCATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_LOCATION_DESC'), 'std' => '22.3435442,91.765449', ], 'location_popup_text' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_INFOWINDOW'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GMAP_INFOWINDOW_DESC'), 'std' => 'Chittagong', ], ], 'depends' => [['multi_location', '=', 1]], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��gmap/.htaccess��0000555��00000000355�15231074400�0007266 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��before_after/site.php��0000644��00000050003�15231074400�0010636 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonBefore_after extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 5.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $title_position = (isset($settings->title_position) && $settings->title_position) ? $settings->title_position : 'top'; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // before image options $before_image = (isset($settings->before_image) && $settings->before_image) ? $settings->before_image : ''; $before_image_src = isset($before_image->src) ? $before_image->src : $before_image; // before_image 2x $before_image_2x = (isset($settings->before_image_2x) && $settings->before_image_2x) ? $settings->before_image_2x : ''; $before_image_2x_src = isset($before_image_2x->src) ? $before_image_2x->src : $before_image_2x; $before_image_2x_src = ctype_space($before_image_2x_src) ? "" : $before_image_2x_src; $before_image_2x_srcset = empty($before_image_2x_src) ? "" : 'srcset="' . $before_image_2x_src . ' 2x"'; $before_image_alt_text = (isset($settings->before_image_alt_text) && $settings->before_image_alt_text) ? $settings->before_image_alt_text : ''; // Lazy image loading $before_image_placeholder = $before_image_src === '' ? false : $this->get_image_placeholder($before_image_src); $before_image_dimension = ''; if ($before_image_placeholder) { $before_image_dimension = $this->get_image_dimension($before_image_src); $before_image_dimension = !empty($before_image_dimension) ? \implode(' ', $before_image_dimension) : ''; } if (strpos($before_image_src, "http://") !== false \|\| strpos($before_image_src, "https://") !== false) { $before_image_src = $before_image_src; } else { $original_src = Uri::base(true) . '/' . $before_image_src; $before_image_src = SppagebuilderHelperSite::cleanPath($original_src); } // after image options $after_image = (isset($settings->after_image) && $settings->after_image) ? $settings->after_image : ''; $after_image_src = isset($after_image->src) ? $after_image->src : $after_image; // after_image 2x $after_image_2x = (isset($settings->after_image_2x) && $settings->after_image_2x) ? $settings->after_image_2x : ''; $after_image_2x_src = isset($after_image_2x->src) ? $after_image_2x->src : $after_image_2x; $after_image_2x_src = ctype_space($after_image_2x_src) ? "" : $after_image_2x_src; $after_image_2x_srcset = empty($after_image_2x_src) ? "" : 'srcset="' . $after_image_2x_src . ' 2x"'; $after_image_alt_text = (isset($settings->after_image_alt_text) && $settings->after_image_alt_text) ? $settings->after_image_alt_text : ''; // Lazy image loading $after_image_placeholder = $after_image_src === '' ? false : $this->get_image_placeholder($after_image_src); $after_image_dimension = ''; if ($after_image_placeholder) { $after_image_dimension = $this->get_image_dimension($after_image_src); $after_image_dimension = !empty($after_image_dimension) ? \implode(' ', $after_image_dimension) : ''; } if (strpos($after_image_src, "http://") !== false \|\| strpos($after_image_src, "https://") !== false) { $after_image_src = $after_image_src; } else { $original_src = Uri::base(true) . '/' . $after_image_src; $after_image_src = SppagebuilderHelperSite::cleanPath($original_src); } // Options $orientation = (isset($settings->orientation) && $settings->orientation) ? $settings->orientation : 'horizontal'; $title_before = (isset($settings->title_before) && $settings->title_before) ? $settings->title_before : ''; $title_after = (isset($settings->title_after) && $settings->title_after) ? $settings->title_after : ''; $text_horizontal_position = (isset($settings->text_horizontal_position) && $settings->text_horizontal_position) ? $settings->text_horizontal_position : 'center'; $text_vertical_position = (isset($settings->text_vertical_position) && $settings->text_vertical_position) ? $settings->text_vertical_position : 'center'; $icon = (isset($settings->icon) && $settings->icon) ? $settings->icon : 'default'; $text_position = $orientation === 'horizontal' ? $text_horizontal_position : $text_vertical_position; $separator_orientation_class = $orientation === 'horizontal' ? 'sppb-separator-horizontal' : 'sppb-separator-vertical'; $image_orientation_class = $orientation === 'horizontal' ? 'sppb-before-after-image-horizontal' : 'sppb-before-after-image-vertical'; $arrow_chevron = '<svg fill="currentColor" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"> <path d="M743.3 512L598.5 656.8l-36.2-36.2L670.9 512 562.3 403.4l36.2-36.2L743.3 512zM425.5 656.8l36.2-36.2L353.1 512l108.6-108.6-36.2-36.2L280.7 512l144.8 144.8z"/> </svg>'; $arrow_default = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 12H21M3 12L7 8M3 12L7 16M21 12L17 16M21 12L17 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>'; $icon_content = $icon === 'default' ? $arrow_default : $arrow_chevron; $output = ''; $output .= '<div class="sppb-addon ' . $class . '">'; $output .= ($title && $title_position != 'bottom') ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-before-after-wrapper"> <div class="sppb-before-after-image sppb-image-before ' . $image_orientation_class . '"> <img class="' . ($before_image_placeholder ? ' sppb-element-lazy" data-large="' . $before_image_src . '" loading="lazy" ' . $before_image_dimension . ' ' : '') . '" src="' . ($before_image_placeholder ? $before_image_placeholder : $before_image_src) . '" draggable="false" ' . $before_image_2x_srcset . ' alt=' . $before_image_alt_text . ' /> </div> <div class="sppb-before-after-image sppb-image-after ' . $image_orientation_class . '"> <img class="' . ($after_image_placeholder ? ' sppb-element-lazy" data-large="' . $after_image_src . '" loading="lazy" ' . $after_image_dimension . ' ' : '') . '" src="' . ($after_image_placeholder ? $after_image_placeholder : $after_image_src) . '" draggable="false" ' . $after_image_2x_srcset . ' alt=' . $after_image_alt_text . ' /> </div> <div class="sppb-before-after-separator ' . $separator_orientation_class . '">' . $icon_content . '</div> '; if (!empty($title_before)) { $output .= '<div class="sppb-before-title ' . $orientation . ' ' . $text_position . '">' . $title_before . '</div>'; } if (!empty($title_after)) { $output .= '<div class="sppb-after-title ' . $orientation . ' ' . $text_position . '">' . $title_after . '</div>'; } $output .= '</div>'; $output .= ($title && $title_position === 'bottom') ? '<' . $heading_selector . ' class="sppb-addon-title" style="display: block;">' . $title . '</' . $heading_selector . '>' : ''; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 5.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $border_radius = (isset($settings->border_radius) && $settings->border_radius) ? $settings->border_radius : 0; if ($border_radius) { $border_radius = explode(" ", $settings->border_radius); } $css = ''; if (is_array($border_radius) && (count($border_radius) > 2)) { $css .= $cssHelper->generateStyle( '.sppb-before-after-wrapper', $settings, [ 'border_radius' => 'border-radius', ], [ 'border_radius' => false ], [ 'border_radius' => 'spacing' ] ); } else { $css .= $cssHelper->generateStyle( '.sppb-before-after-wrapper', $settings, [ 'border_radius' => 'border-radius', ] ); } $css .= $cssHelper->generateStyle( '.sppb-before-after-wrapper, img', $settings, [ 'container_width' => ['width', 'max-width'], 'container_height' => 'height' ] ); $css .= $cssHelper->typography('.sppb-before-title, .sppb-after-title', $settings, 'typography'); $settings->text_shadow = $cssHelper->parseBoxShadow($settings, 'text_shadow', true); $textProps = [ 'text_margin' => 'margin', 'text_padding' => 'padding', 'text_color' => 'color', 'text_bg_color' => 'background-color', 'text_shadow' => 'text-shadow' ]; $units = ['text_margin' => false, 'text_padding' => false, 'text_color' => false, 'text_bg_color' => false, 'text_shadow' => false]; $modifiers = ['text_margin' => 'spacing', 'text_padding' => 'spacing']; $css .= $cssHelper->generateStyle('.sppb-before-title, .sppb-after-title', $settings, $textProps, $units, $modifiers); $css .= $cssHelper->generateStyle('.sppb-before-after-separator > svg', $settings, ['separator_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-before-after-separator > svg', $settings, ['icon_size' => ['height', 'width']]); $css .= $cssHelper->generateStyle('.sppb-image-before.sppb-before-after-image-horizontal', $settings, ['separator_color' => 'border-right-color'], false); $css .= $cssHelper->generateStyle('.sppb-image-before.sppb-before-after-image-vertical', $settings, ['separator_color' => 'border-bottom-color'], false); return $css; } /* * Load external scripts. * * @return array * @since 5.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/addons/before_after.js'); } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 5.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->unit( 'width', '.sppb-before-after-wrapper, img', 'data.container_width', 'px' ); $output .= $lodash->unit( 'max-width', '.sppb-before-after-wrapper, img', 'data.container_width', 'px' ); $output .= $lodash->unit( 'height', '.sppb-before-after-wrapper, img', 'data.container_height', 'px' ); $output .= $lodash->typography('.sppb-before-title, .sppb-after-title', 'data.typography'); $output .= $lodash->spacing('padding', '.sppb-before-title, .sppb-after-title', 'data.text_padding'); $output .= $lodash->spacing('margin', '.sppb-before-title, .sppb-after-title', 'data.text_margin'); $output .= $lodash->textShadow('.sppb-before-title, .sppb-after-title', 'data.text_shadow'); $output .= $lodash->color('background-color', '.sppb-before-title, .sppb-after-title', 'data.text_bg_color'); $output .= $lodash->color('color', '.sppb-before-title, .sppb-after-title', 'data.text_color'); $output .= $lodash->color('color', '.sppb-before-after-separator > svg', 'data.separator_color'); $output .= $lodash->unit('height', '.sppb-before-after-separator > svg', 'data.icon_size', 'px'); $output .= $lodash->unit('width', '.sppb-before-after-separator > svg', 'data.icon_size', 'px'); $output .= $lodash->border('border-right-color', '.sppb-image-before.sppb-before-after-image-horizontal', 'data.separator_color'); $output .= $lodash->border('border-bottom-color', '.sppb-image-before.sppb-before-after-image-vertical', 'data.separator_color'); $output .= '<# if((data.border_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', '.sppb-before-after-wrapper', 'data.border_radius', 'px'); $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-before-after-wrapper { {{window.getSplitRadius(data.border_radius)}} }'; $output .= '<# } #>'; // title $typographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $typographyFallbacks); $output .= '</style>'; $output .= '<# // before image options let before_image = (!_.isEmpty(data.before_image) && data.before_image) ? data.before_image : ""; let before_image_src = ""; if (_.isObject(data.before_image)) { before_image_src = before_image.src \|\| ""; } else { before_image_src = before_image; } let before_image_alt_text = (!_.isEmpty(data.before_image_alt_text) && data.before_image_alt_text) ? data.before_image_alt_text : ""; if (before_image_src.includes("http://") \|\| before_image_src.includes("https://")) { before_image_src = before_image_src; } else { before_image_src = pagebuilder_base + before_image_src; } // after image options let after_image = (!_.isEmpty(data.after_image) && data.after_image) ? data.after_image : ""; let after_image_src = ""; if (_.isObject(data.after_image)) { after_image_src = after_image.src \|\| ""; } else { after_image_src = after_image; } let after_image_alt_text = (!_.isEmpty(data.after_image_alt_text) && data.after_image_alt_text) ? data.after_image_alt_text : ""; if (after_image_src.includes("http://") !== false \|\| after_image_src.includes("https://") !== false) { after_image_src = after_image_src; } else { after_image_src = pagebuilder_base + after_image_src; } // Options let orientation = (!_.isEmpty(data.orientation) && data.orientation) ? data.orientation : "horizontal"; let title_before = (!_.isEmpty(data.title_before) && data.title_before) ? data.title_before : ""; let title_after = (!_.isEmpty(data.title_after) && data.title_after) ? data.title_after : ""; let text_horizontal_position = (!_.isEmpty(data.text_horizontal_position) && data.text_horizontal_position) ? data.text_horizontal_position : "center"; let text_vertical_position = (!_.isEmpty(data.text_vertical_position) && data.text_vertical_position) ? data.text_vertical_position : "center"; let icon = (!_.isEmpty(data.icon) && data.icon) ? data.icon : "default"; let title_position = (!_.isEmpty(data.title_position) && data.title_position) ? data.title_position : "top"; let heading_selector = (!_.isEmpty(data.heading_selector) && data.heading_selector) ? data.heading_selector : "h3"; let text_position = orientation === "horizontal" ? text_horizontal_position : text_vertical_position; let separator_orientation_class = orientation === "horizontal" ? "sppb-separator-horizontal" : "sppb-separator-vertical"; let image_orientation_class = orientation === "horizontal" ? "sppb-before-after-image-horizontal" : "sppb-before-after-image-vertical"; #>'; $output .= '<div class="sppb-addon {{ data.class }}"> <# if( !_.isEmpty( data.title ) && title_position != "bottom" ){ #><{{ heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ heading_selector }}><# } #> <div class="sppb-before-after-wrapper"> <div class="sppb-before-after-image sppb-image-before {{image_orientation_class}}"> <img src=\'{{before_image_src}}\' draggable="false" alt="{{before_image_alt_text}}" /> </div> <div class="sppb-before-after-image sppb-image-after {{image_orientation_class}}"> <img src=\'{{after_image_src}}\' draggable="false" alt="{{after_image_alt_text}}" /> </div> <div class="sppb-before-after-separator {{separator_orientation_class}}"> <# if(icon === "default") { #> <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 12H21M3 12L7 8M3 12L7 16M21 12L17 16M21 12L17 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <# } #> <# if(icon === "chevron") { #> <svg fill="currentColor" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"> <path d="M743.3 512L598.5 656.8l-36.2-36.2L670.9 512 562.3 403.4l36.2-36.2L743.3 512zM425.5 656.8l36.2-36.2L353.1 512l108.6-108.6-36.2-36.2L280.7 512l144.8 144.8z"/> </svg> <# } #> </div> <# if(!_.isEmpty(title_before)) { #> <div class="sppb-before-title {{orientation}} {{text_position}}">{{title_before}}</div> <# } #> <# if(!_.isEmpty(title_after)) { #> <div class="sppb-after-title {{orientation}} {{text_position}}">{{title_after}}</div> <# } #> </div> <# if( !_.isEmpty( data.title ) && title_position == "bottom" ){ #><{{ heading_selector }} class="sppb-addon-title" style="display: block;">{{ data.title }}</{{ heading_selector }}><# } #> </div>'; return $output; } } ��before_after/admin.php��0000644��00000031656�15231074400�0010777 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'before_after', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.678 10.3634C17.678 11.8506 16.4468 13.0562 14.928 13.0562C13.4092 13.0562 12.178 11.8506 12.178 10.3634C12.178 8.87624 13.4092 7.67065 14.928 7.67065C16.4468 7.67065 17.678 8.87624 17.678 10.3634ZM16.1461 10.3634C16.1461 9.70467 15.6008 9.17065 14.928 9.17065C14.2553 9.17065 13.7099 9.70467 13.7099 10.3634C13.7099 11.0221 14.2553 11.5562 14.928 11.5562C15.6008 11.5562 16.1461 11.0221 16.1461 10.3634Z" fill="currentColor"/> <path d="M9.56304 0C9.14002 0 8.79709 0.335786 8.79709 0.75V3.57202H2.53189C1.68585 3.57202 1 4.24359 1 5.07202V18.2285C1 18.9534 1.52511 19.5582 2.22316 19.698C2.32288 19.718 2.42614 19.7285 2.53189 19.7285H8.79709V23.25C8.79709 23.6642 9.14002 24 9.56304 24C9.98606 24 10.329 23.6642 10.329 23.25V19.7285H21.4681C22.3141 19.7285 23 19.0569 23 18.2285V5.07202C23 4.24359 22.3141 3.57202 21.4681 3.57202H10.329V0.75C10.329 0.335786 9.98606 0 9.56304 0ZM10.329 12.1355V5.07202H21.4681V10.397C20.5674 11.7067 18.9864 13.5542 17.2863 14.5504C16.4411 15.0457 15.6377 15.2886 14.9135 15.2249C14.2207 15.164 13.4812 14.8121 12.7539 13.8715C12.0319 12.9377 11.2194 12.361 10.329 12.1355ZM10.329 13.7279C10.7063 13.9086 11.1114 14.2322 11.5326 14.7769C12.4709 15.9905 13.5782 16.6135 14.7765 16.7189C15.9434 16.8215 17.0754 16.4221 18.0729 15.8376C19.3581 15.0845 20.538 13.9549 21.4681 12.8766V18.2285H10.329V13.7279Z" fill="currentColor"/> </svg>', 'settings' => [ 'content_before' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_CONTENT_BEFORE'), 'fields' => [ 'before_image' => [ 'type' => 'media', 'std' => [ 'src' => 'https://sppagebuilder.com/images/addons/before-after/before.webp', 'height' => '', 'width' => '', ], ], 'before_image_2x' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE_2X_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE_2X_TEXT_DESC'), 'type' => 'media', 'hide_preview' => true, 'std' => [ 'src' => '', 'height' => '', 'width' => '', ], ], 'before_image_alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'inline' => true, ], ], ], 'content_after' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_CONTENT_AFTER'), 'fields' => [ 'after_image' => [ 'type' => 'media', 'std' => [ 'src' => 'https://sppagebuilder.com/images/addons/before-after/after.webp', 'height' => '', 'width' => '', ], ], 'after_image_2x' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE_2X_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE_2X_TEXT_DESC'), 'type' => 'media', 'hide_preview' => true, 'std' => [ 'src' => '', 'height' => '', 'width' => '', ], ], 'after_image_alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'inline' => true, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'container_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 2000, 'min' => 0, 'std' => 950, 'responsive' => true, ], 'container_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 2000, 'min' => 0, 'std' => 534, 'responsive' => true, ], 'border_radius' => [ 'type' => 'advancedslider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'max' => 1200, ], ], ], 'slider_separator' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_SLIDER_SEPARATOR'), 'fields' => [ 'orientation' => [ 'type' => 'buttons', 'values' => [ ['label' => 'Horizontal', 'value' => 'horizontal'], ['label' => 'Vertical', 'value' => 'vertical'], ], 'std' => 'horizontal', ], 'icon' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_ICON'), 'values' => [ 'default' => 'Default', 'chevron' => 'Chevron', ], 'std' => 'default', ], 'icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE'), 'std' => ['xl' => 36, 'lg' => 36, 'md' => 36, 'sm' => 36, 'xs' => 36], 'responsive' => true, 'min' => 1, 'max' => 400, ], 'separator_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ] ], 'text_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_TEXT_OPTIONS'), 'fields' => [ 'title_before' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_BEFORE_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'title_after' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_AFTER_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'text_horizontal_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_HORIZONTAL_POSITION'), 'values' => [ 'top' => 'Top', 'center' => 'Center', 'bottom' => 'Bottom', ], 'std' => 'center', 'depends' => [ ['orientation', '=', 'horizontal'] ], ], 'text_vertical_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_VERTICAL_POSITION'), 'values' => [ 'left' => 'Left', 'center' => 'Center', 'right' => 'Right', ], 'std' => 'center', 'depends' => [ ['orientation', '!=', 'horizontal'] ], ], 'typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#ffffff' ], 'text_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'text_shadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_SHADOW'), 'std' => '0 0 0 #ffffff', 'config' => ['spread' => false] ], ], ], 'text_spacing' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BEFORE_AFTER_TEXT_SPACING'), 'fields' => [ 'text_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'text_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ] ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => 'Top', 'bottom' => 'Bottom', ], 'std' => 'top', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��before_after/.htaccess��0000555��00000000355�15231074400�0010765 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��audio/assets/images/icon.png��0000644��00000003570�15231074400�0012053 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:2C5DF83840E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:2C5DF83940E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:2C5DF83640E111E69A38F8F21A167467" stRef:documentID="xmp.did:2C5DF83740E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>"��7��IDATx��q�0�י��:8:WAt�SA� <W�݁�A� lW�SN��,7��H�ڙ�I$��gUUAm��nԸp&<� ?��N��4�8?J�L��XB�A�f�d>�c$M�@C�$��RJ��ҧ��H��:ƍa5��QG�l��o��1��C:�];ƈ0�:�\|Х�X6f [�#��yiX�M��#m��2��}��]M��U,��q�X<OY��u�},��"�7B�J��@��J��RJz�X� l+�/t+�q�v��E`X�E��"�,��E`X6qyר��3��Q�ܵ2[km�[��S��3B3z��.��5�E��[��A�=�FϑDO�0So��S{�� ͗�`��B_X�UJ�V��o�K�Go��N�K��ε$�T`��JJ�3�ҥ��O��P�>'i��7m��س��o�V�8��)�˦��L�u��Ѐɭ��9v��?�Z�Z�b;�__Wj^Ezç��u�o�<8:G2�5��nT=��J?��)��7or/`��@U��,u��-Qh�ޘS5�Mc;W4�)^�F1��pe)�� _�L�I�6[��ƽ��^5g0z!倐�(��V��g�̗֞��X��/E$��\q��H��A�M`�I�W�~�Qs�*�[lENojay�y��Ur]�(A��&O�Y��1�� ]��c`2��H�O�D͈d�JH��F��E�xmM��1kPT+,K��F��U�%c��'lC�t�� "]��Z�ѕ�<`@�/�$U� �ߨ��Z�D]<r�к�L�^��5�t��O�N�(��4�8�-M�Ѐ�R��%��h+z�1-`��P�aJ�[�i�{��'��lh��IEND�B`��audio/assets/images/.htaccess��0000555��00000000355�15231074400�0012212 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��audio/assets/.htaccess��0000555��00000000355�15231074400�0010745 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��audio/site.php��0000644��00000010103�15231074400�0007311 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonAudio extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; $style = (isset($this->addon->settings->style) && $this->addon->settings->style) ? $this->addon->settings->style : 'panel-default'; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; // Addon options $mp3_link = (isset($this->addon->settings->mp3_link) && $this->addon->settings->mp3_link) ? $this->addon->settings->mp3_link : ''; $ogg_link = (isset($this->addon->settings->ogg_link) && $this->addon->settings->ogg_link) ? $this->addon->settings->ogg_link : ''; $autoplay = (isset($this->addon->settings->autoplay) && $this->addon->settings->autoplay) ? $this->addon->settings->autoplay : 0; $repeat = (isset($this->addon->settings->repeat) && $this->addon->settings->repeat) ? $this->addon->settings->repeat : 0; $output = '<div class="sppb-addon sppb-addon-audio ' . $class . '">'; if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } $output .= '<div class="sppb-addon-content">'; $output .= '<audio controls ' . $autoplay . ' ' . $repeat . '>'; $output .= '<source src="' . EditorUtils::stringifyMediaItem($mp3_link) . '" type="audio/mp3">'; $output .= '<source src="' . EditorUtils::stringifyMediaItem($ogg_link) . '" type="audio/ogg">'; $output .= 'Your browser does not support the audio element.'; $output .= '</audio>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; // title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->color('color', '.sppb-addon-title', 'data.title_text_color'); $output .= ' </style> <div class="sppb-addon sppb-addon-audio {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <audio controls {{ data.autoplay }} {{ data.repeat }}> <source src=\'{{ (data.mp3_link && data.mp3_link.src) ? data.mp3_link.src : data.mp3_link }}\' type="audio/mp3"> <source src=\'{{ (data.ogg_link && data.ogg_link.src) ? data.ogg_link.src : data.ogg_link }}\' type="audio/ogg"> </audio> </div> </div>'; return $output; } } ��audio/admin.php��0000644��00000007533�15231074400�0007452 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'audio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AUDIO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AUDIO_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M31.6.3c.2.2.4.6.4.9v21.4c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2v-20L12.3 5.5v20.3c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2V4.5c0-.6.4-1.1 1-1.2L30.6 0c.3 0 .7.1 1 .3z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.1 22.1c-2.1 0-3.7 1.7-3.7 3.7s1.7 3.7 3.7 3.7 3.7-1.7 3.7-3.7-1.6-3.7-3.7-3.7zM0 25.9c0-3.4 2.8-6.1 6.1-6.1s6.1 2.8 6.1 6.1S9.5 32 6.1 32C2.7 32 0 29.2 0 25.9zM25.9 18.9c-2.1 0-3.7 1.7-3.7 3.7 0 2.1 1.7 3.7 3.7 3.7s3.7-1.7 3.7-3.7c0-2.1-1.7-3.7-3.7-3.7zm-6.2 3.7c0-3.4 2.8-6.1 6.1-6.1s6.1 2.8 6.1 6.1-2.8 6.1-6.1 6.1-6.1-2.7-6.1-6.1z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'mp3_link' => [ 'type' => 'media', 'format' => 'audio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MP3'), 'hide_preview' => true, ], 'ogg_link' => [ 'type' => 'media', 'format' => 'audio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OGG'), 'hide_preview' => true, ], 'autoplay_separator' => [ 'type' => 'separator' ], 'autoplay' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AUDIO_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AUDIO_AUTOPLAY_DESC'), 'values' => ['' => Text::_('JNO'), 'autoplay' => Text::_('JYES')], 'std' => '', ], 'repeat' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AUDIO_REPEAT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AUDIO_REPEAT_DESC'), 'values' => ['' => Text::_('JNO'), 'loop' => Text::_('JYES')], 'std' => '', ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR') ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��audio/.htaccess��0000555��00000000355�15231074400�0007443 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��blocknumber/assets/images/icon.png��0000644��00000002763�15231074400�0013260 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:2C5DF83440E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:2C5DF83540E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:2C5DF83240E111E69A38F8F21A167467" stRef:documentID="xmp.did:2C5DF83340E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>m�Qu��aIDATx��Q�0��J8;H gX�gtpc�v�`\w Q�� I��ά3�<��d��mK��"�0�[0M��3�Y<{�� Ȧ��Z�]:;ӗR(� ��`y��⾫�@�β� �4D`"c� l�()?:�ɑ�AS_��X��j3��=�U�xW2ӨV�ی�>1r�V;�PVb�6�#�ΣQ��`�;�G�9�FT��į��^�>��`f�{Mnz�VhR�t�&�=y-<F�K��Q�� }�ɷ�v��4��=u�"� � �?��.)W�ŧG3��N$��Q�e��7 h�vd�鬅Vʀ(�X5�6�^��U��}ssr�f�G,sP�llN9͟�PU�6v��A蒷��0��1��5��6�FH��a� � Z�M�l�<G6��PpM8�c��ǘ��:3��WgJ��ֻL�-��/gEL�z$�F�/�;�=�2(��y��o��Y��i��ܳG�d#=2�y\|�P~_m]y��d�V��Y��)�SO��ln��Gz>��r\�� ~S`x4��V��`�/�(�Z��IEND�B`��blocknumber/assets/images/.htaccess��0000555��00000000355�15231074400�0013414 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��blocknumber/assets/.htaccess��0000555��00000000355�15231074400�0012147 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��blocknumber/site.php��0000644��00000027450�15231074400�0010530 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonBlocknumber extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : ''; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $number = (isset($settings->number) && $settings->number) ? $settings->number : ''; $alignment = (isset($settings->alignment) && $settings->alignment) ? $settings->alignment : ''; $heading = (isset($settings->heading) && $settings->heading) ? $settings->heading : ''; if ($number) { $block_number = '<span class="sppb-blocknumber-number">' . $number . '</span>'; } //Output start $output = ''; $output .= '<div class="sppb-addon sppb-addon-blocknumber ' . $class . '">'; if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-blocknumber sppb-media">'; if ($alignment == 'center') { if ($number) { $output .= '<div class="sppb-text-center">' . $block_number . '</div>'; } $output .= '<div class="sppb-media-body sppb-text-center">'; if ($heading) $output .= '<h3 class="sppb-media-heading">' . $heading . '</h3>'; if ($text) { $output .= '<div class="sppb-blocknumber-text">' . $text . '</div>'; } } else { if ($number) { $output .= '<div class="pull-' . $alignment . '">' . $block_number . '</div>'; } $output .= '<div class="sppb-media-body sppb-text-' . $alignment . '">'; if ($heading) $output .= '<h3 class="sppb-media-heading">' . $heading . '</h3>'; $output .= '<div class="sppb-blocknumber-text">' . $text . '</div>'; } $output .= '</div>'; //.sppb-media-body $output .= '</div>'; //.sppb-media $output .= '</div>'; //.sppb-addon-content $output .= '</div>'; //.sppb-addon-blocknumber return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $numberProps = [ 'size' => ['width', 'height', 'line-height'], 'background' => 'background-color', 'color' => 'color', 'number_font_size' => 'font-size', 'border_radius' => 'border-radius', 'number_border_width' => 'border-width', 'number_border_color' => 'border-color', 'number_border_style' => 'border-style' ]; $units = ['background' => false, 'color' => false, 'number_border_color' => false, 'number_border_style' => false]; $numberStyle = $cssHelper->generateStyle('.sppb-blocknumber-number', $settings, $numberProps, $units); $headingStyle = $cssHelper->generateStyle('.sppb-media-heading', $settings, ['heading_color' => 'color', 'heading_margin' => 'margin'], false, ['heading_margin' => 'spacing']); $titleStyle = $cssHelper->generateStyle('.sppb-blocknumber-text', $settings, ['text_color' => 'color'], false); $numberFallback = [ 'font' => 'number_font_family', 'size' => 'number_font_size', 'uppercase' => 'number_font_style.uppercase', 'italic' => 'number_font_style.italic', 'underline' => 'number_font_style.underline', 'weight' => 'number_font_style.weight', ]; $titleFallback = [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ]; $headingFallback = [ 'font' => 'heading_font_family', 'size' => 'heading_fontsize', 'line_height' => 'heading_lineheight', 'letter_spacing' => 'heading_letterspace', 'uppercase' => 'heading_font_style.uppercase', 'italic' => 'heading_font_style.italic', 'underline' => 'heading_font_style.underline', 'weight' => 'heading_font_style.weight', ]; $textFallback = [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'letter_spacing' => 'text_letterspace', 'uppercase' => 'text_font_style.uppercase', 'italic' => 'text_font_style.italic', 'underline' => 'text_font_style.underline', 'weight' => 'text_font_style.weight', ]; $numberTypographyStyle = $cssHelper->typography('.sppb-blocknumber-number', $settings, 'number_typography', $numberFallback); $titleTypographyStyle = $cssHelper->typography('.sppb-addon-blocknumber .sppb-addon-title', $settings, 'title_typography', $titleFallback); $headingTypographyStyle = $cssHelper->typography('.sppb-media-heading', $settings, 'heading_typography', $headingFallback); $textTypographyStyle = $cssHelper->typography('.sppb-blocknumber-text', $settings, 'text_typography', $textFallback); $numberMarginStyle = $cssHelper->generateStyle('.sppb-blocknumber .sppb-text-center, .sppb-blocknumber .pull-right, .sppb-blocknumber .pull-left', $settings, ['number_margin' => 'margin'], false, ['number_margin' => 'spacing']); $css .= $titleStyle; $css .= $numberStyle; $css .= $headingStyle; $css .= $numberMarginStyle; $css .= $textTypographyStyle; $css .= $titleTypographyStyle; $css .= $numberTypographyStyle; $css .= $headingTypographyStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css">'; // number $numberTypographyFallbacks = [ 'font' => 'data.number_font_family', 'size' => 'data.number_font_size', 'uppercase' => 'data.number_font_style?.uppercase', 'italic' => 'data.number_font_style?.italic', 'underline' => 'data.number_font_style?.underline', 'weight' => 'data.number_font_style?.weight' ]; $output .= $lodash->typography('.sppb-blocknumber-number', 'data.number_typography', $numberTypographyFallbacks); $output .= $lodash->color('color', '.sppb-blocknumber-number', 'data.color'); $output .= $lodash->color('background-color', '.sppb-blocknumber-number', 'data.background'); $output .= $lodash->unit('border-width', '.sppb-blocknumber-number', 'data.number_border_width', 'px'); $output .= $lodash->unit('border-style', '.sppb-blocknumber-number', 'data.number_border_style'); $output .= $lodash->unit('border-color', '.sppb-blocknumber-number', 'data.number_border_color'); $output .= $lodash->unit('border-radius', '.sppb-blocknumber-number', 'data.border_radius', 'px'); $output .= $lodash->spacing('margin', '.sppb-blocknumber .sppb-text-center, .sppb-blocknumber .pull-right, .sppb-blocknumber .pull-left', 'data.number_margin'); $output .= $lodash->unit('width', '.sppb-blocknumber-number', 'data.size', 'px'); $output .= $lodash->unit('height', '.sppb-blocknumber-number', 'data.size', 'px'); $output .= $lodash->unit('line-height', '.sppb-blocknumber-number', 'data.size', 'px'); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // heading $headingTypographyFallbacks = [ 'font' => 'data.heading_font_family', 'size' => 'data.heading_fontsize', 'line_height' => 'data.heading_lineheight', 'letter_spacing' => 'data.heading_letterspace', 'uppercase' => 'data.heading_font_style?.uppercase', 'italic' => 'data.heading_font_style?.italic', 'underline' => 'data.heading_font_style?.underline', 'weight' => 'data.heading_font_style?.weight' ]; $output .= $lodash->typography('.sppb-media-heading', 'data.heading_typography', $headingTypographyFallbacks); $output .= $lodash->spacing('margin', '.sppb-media-heading', 'data.heading_margin'); $output .= $lodash->color('color', '.sppb-media-heading', 'data.heading_color'); // text $textTypographyFallbacks = [ 'font' => 'data.text_font_family', 'size' => 'data.text_fontsize', 'line_height' => 'data.text_lineheight', 'letter_spacing' => 'data.text_letterspace', 'uppercase' => 'data.text_font_style?.uppercase', 'italic' => 'data.text_font_style?.italic', 'underline' => 'data.text_font_style?.underline', 'weight' => 'data.text_font_style?.weight' ]; $output .= $lodash->typography('.sppb-blocknumber-text', 'data.text_typography', $textTypographyFallbacks); $output .= $lodash->color('color', '.sppb-blocknumber-text', 'data.text_color'); // title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= ' </style> <div class="sppb-addon sppb-addon-blocknumber {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <div class="sppb-blocknumber sppb-media"> <# if( data.alignment == "center" ) { #> <# if(data.number) { #> <div class="sppb-text-center"><span class="sppb-blocknumber-number sp-inline-editable-element" data-id={{data.id}} data-fieldName="number" contenteditable="true">{{ data.number }}</span></div> <# } #> <div class="sppb-media-body sppb-text-center"> <# if(data.heading) { #> <h3 class="sppb-media-heading sp-inline-editable-element" data-id={{data.id}} data-fieldName="heading" contenteditable="true">{{{ data.heading }}}</h3> <# } #> <div class="sppb-blocknumber-text sp-inline-editable-element" data-id={{data.id}} data-fieldName="text" contenteditable="true">{{ data.text }}</div> </div> <# } else { #> <# if(data.number) { #> <div class="pull-{{ data.alignment }}"><span class="sppb-blocknumber-number sp-inline-editable-element" data-id={{data.id}} data-fieldName="number" contenteditable="true">{{ data.number }}</span></div> <# } #> <div class="sppb-media-body sppb-text-{{ data.alignment }}"> <# if(data.heading){ #> <h3 class="sppb-media-heading sp-inline-editable-element" data-id={{data.id}} data-fieldName="heading" contenteditable="true">{{{ data.heading }}}</h3> <# } #> <div class="sppb-blocknumber-text sp-inline-editable-element" data-id={{data.id}} data-fieldName="text" contenteditable="true">{{ data.text }}</div> </div> <# } #> </div> </div> </div>'; return $output; } } ��blocknumber/admin.php��0000644��00000020611�15231074400�0010644 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'blocknumber', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M32 4a1 1 0 01-1 1H12a1 1 0 110-2h19a1 1 0 011 1zM32 22.892a1 1 0 01-1 1H12a1 1 0 110-2h19a1 1 0 011 1zM23 9a1 1 0 01-1 1H12a1 1 0 110-2h10a1 1 0 011 1zM23 27.892a1 1 0 01-1 1H12a1 1 0 110-2h10a1 1 0 011 1z" fill="currentColor"/><path d="M3.485 12.108V4.652l-1.68.702L1 3.482l2.939-1.374h1.74v10H3.484zM4.086 28.171h3.671V30H1.13v-1.886l1.585-1.557c.21-.2.42-.405.629-.614.2-.21.386-.4.557-.572l.471-.471c.143-.143.248-.252.315-.329.276-.304.471-.571.585-.8A1.76 1.76 0 005.443 23a.91.91 0 00-.314-.7c-.2-.2-.481-.3-.843-.3s-.653.105-.872.314c-.21.2-.366.467-.471.8L1 22.314c.086-.295.219-.58.4-.857.181-.276.41-.519.686-.728.276-.22.6-.396.971-.529.381-.133.8-.2 1.257-.2.515 0 .976.076 1.386.229.41.142.752.342 1.029.6.285.257.504.561.657.914.152.352.228.733.228 1.143 0 .59-.138 1.138-.414 1.643-.267.495-.643.985-1.129 1.471l-2.057 2.029.072.142z" fill="currentColor"/></svg>', 'settings' => [ 'heading' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER_HEADING'), 'fields' => [ 'heading' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER_HEADING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER_HEADING_DESC'), 'std' => 'Block Number', ], 'heading_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'heading_font_family', 'size' => 'heading_fontsize', 'line_height' => 'heading_lineheight', 'letter_spacing' => 'heading_letterspace', 'uppercase' => 'heading_font_style.uppercase', 'italic' => 'heading_font_style.italic', 'underline' => 'heading_font_style.underline', 'weight' => 'heading_font_style.weight', ], ], 'heading_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'heading_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], ], ], 'number' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NUMBER'), 'fields' => [ 'number' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NUMBER'), 'std' => '01', ], 'size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 48], 'max' => '400', 'responsive' => true, ], 'label_border' => [ 'type' => 'header', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER'), 'group' => [ 'number_border_width', 'number_border_style', 'border_radius', ] ], 'number_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), ], 'number_border_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ 'solid' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_SOLID'), 'dashed' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DASHED'), 'dotted' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOTTED'), 'double' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOUBLE'), 'groove' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_GROOVE'), 'ridge' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_RIDGE'), 'inset' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_INSET'), 'outset' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_OUTSET'), ], 'std' => 'solid', 'inline' => true, ], 'border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 100, 'placeholder' => '5', 'max' => '200', ], 'number_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'number_font_family', 'size' => 'number_font_size', 'uppercase' => 'number_font_style.uppercase', 'italic' => 'number_font_style.italic', 'underline' => 'number_font_style.underline', 'weight' => 'number_font_style.weight', ], ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'std' => '#FFFFFF', ], 'background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#1D9C61', ], 'number_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'number_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], ] ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_BLOCKNUMBER_TEXT_DESC'), 'std' => 'Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.', ], 'text_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'letter_spacing' => 'text_letterspace', 'uppercase' => 'text_font_style.uppercase', 'italic' => 'text_font_style.italic', 'underline' => 'text_font_style.underline', 'weight' => 'text_font_style.weight', ], ], 'text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'alignment' => [ 'type' => 'radio', 'style_property' => true, 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'placeholder' => '10', 'max' => 400, 'responsive' => true ], ], ], ], ]); ��blocknumber/.htaccess��0000555��00000000355�15231074400�0010645 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��heading/assets/images/icon.png��0000644��00000003242�15231074400�0012345 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c132 79.159284, 2016/04/19-13:13:40 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:DocumentID="xmp.did:CEE42F2498FD11E6BA26F73DE48D3015" xmpMM:InstanceID="xmp.iid:CEE42F2398FD11E6BA26F73DE48D3015" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:CEE42F1F98FD11E6BA26F73DE48D3015" stRef:documentID="xmp.did:CEE42F2098FD11E6BA26F73DE48D3015"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�k�T��IDATx��IhSQ�O�TU�R�PQDܨ]�(Z��HA�(��BDZ� U��8� q%��B�Z�"��:��;��&��7�I^OB�s޽��wnDDƃ>#L[-�H��4��x�� e�l��X\u��4X6�5�ʎ��ٰ$Z.��'�d�c��=8�lpY<W��mT��B%ʰ�!�iׯ��%��($v-�F�~V6$v.�> �a4��U�,� ��{t��1b^�Z��R�8L#hIQ ��6�K#�r$��Q3�Lf��;5�$_y� �5 ̣�tR3l�fяP=�hE9Y��X�r��X��/`�k��8^a��]:%��µ�.M��t��f]tŬ\|�ivms4�_9?SEQEQ�g��Y�w��f;��IE�"=�`�C��i��.��G�uY\a��:0`��୽�e��?��9�%�U��z��7��Ұ!i��l;��Uҝ�<CÆ� w$h��n_ǯ$+�mF1��?�ٰڈS��c��<K�%jGH��]�N��">o=�%A�Y��[ ��^ v�z��է?��"vx�Y��M +%��a�5ɪ�)`��wê�h� N�G%Ʒ^ �=R1�~&f��[��Ɓ7��/JBQE9!mw�f5�m�:�-��M��\|��^K�3yb�>e·xJ�:%�iE9WV(K�>�[6~8�}�O��-+?t�m�K_Ho��;�]��ڙ1,��q$/C?��Y�Ҍ��IEND�B`��heading/assets/images/.htaccess��0000555��00000000355�15231074400�0012510 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��heading/assets/.htaccess��0000555��00000000355�15231074400�0011243 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��heading/site.php��0000644��00000021550�15231074400�0007617 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonHeading extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h2'; $title_icon = (isset($settings->title_icon) && $settings->title_icon) ? $settings->title_icon : ''; $title_icon_position = (isset($settings->title_icon_position) && $settings->title_icon_position) ? $settings->title_icon_position : 'before'; $output = ''; list($link, $target) = AddonHelper::parseLink($settings, 'title_link', [ 'url' => 'title_link', 'new_tab' => 'link_new_tab' ]); if ($title) { $output .= '<div class="sppb-addon sppb-addon-header' . $class . '">'; $output .= !empty($link) ? '<a ' . $target . ' href="' . $link . '">' : ''; $output .= '<' . $heading_selector . ' class="sppb-addon-title">'; if ($title_icon) { $icon_arr = array_filter(explode(' ', $title_icon)); if (count($icon_arr) === 1) { $title_icon = 'fa ' . $title_icon; } } if ($title_icon && $title_icon_position === 'before') { $output .= '<span class="' . $title_icon . ' sppb-addon-title-icon" aria-hidden="true"></span> '; } $output .= nl2br($title); if ($title_icon && $title_icon_position === 'after') { $output .= ' <span class="' . $title_icon . ' sppb-addon-title-icon" aria-hidden="true"></span>'; } $output .= '</' . $heading_selector . '>'; $output .= !empty($link) ? '</a>' : ''; $output .= '</div>'; } return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h2'; $title_icon = (isset($settings->title_icon) && $settings->title_icon) ? $settings->title_icon : ''; $css = ''; $colorType = (isset($settings->title_color->type) && $settings->title_color->type) ? $settings->title_color->type : ''; $settings->plain_title_color = CSSHelper::parseColor($settings, 'title_color'); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $settings->title_text_shadow = CSSHelper::parseBoxShadow($settings, 'title_text_shadow', true); $headingTypographyFallbacks = [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ]; $headingTypography = $cssHelper->typography('.sppb-addon-header .sppb-addon-title', $settings, 'heading_typography', $headingTypographyFallbacks); $css .= $headingTypography; /* * We've passed the font family here for the heading addon. * As the the other typography field's are handled by the * addon's global CSS settings. / $titleProps = [ 'title_margin' => 'margin', 'title_padding' => 'padding', 'plain_title_color' => $colorType != "solid" ? '-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image' : 'color', 'title_text_shadow' => 'text-shadow' ]; $units = ['title_margin' => false, 'title_padding' => false, 'plain_title_color' => false, 'title_text_shadow' => false]; $modifiers = ['title_margin' => 'spacing', 'title_padding' => 'spacing']; $titleStyle = $cssHelper->generateStyle('.sppb-addon-header .sppb-addon-title', $settings, $titleProps, $units, $modifiers); $alignment = $cssHelper->generateStyle('.sppb-addon.sppb-addon-header', $settings, ['alignment' => 'text-align'], false); $css .= $alignment; $css .= $titleStyle; if (!empty($settings->title_font_family)) { $cssHelper->loadGoogleFont($settings->title_font_family); } if ($title_icon) { $iconColorStyle = $cssHelper->generateStyle($heading_selector . '.sppb-addon-title .sppb-addon-title-icon', $settings, ['title_icon_color' => 'color', 'title_icon_color' => '-webkit-text-fill-color'], ['title_icon_color' => false]); $css .= $iconColorStyle; } return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $headingTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'custom_letter_spacing' => 'data?.custom_letterspacing', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->color('color', '.sppb-addon-title', 'data.title_color'); $output .= $lodash->color('color', '.sppb-addon-title-icon', 'data.title_icon_color'); $output .= $lodash->unit('-webkit-text-fill-color', '.sppb-addon-title-icon', 'data.title_icon_color', '', false); $output .= $lodash->spacing('margin', '.sppb-addon-title', 'data.title_margin'); $output .= $lodash->spacing('padding', '.sppb-addon-title', 'data.title_padding'); $output .= $lodash->alignment('text-align', '.sppb-addon-header', 'data.alignment'); $output .= $lodash->typography('.sppb-addon-header .sppb-addon-title', 'data.heading_typography', $headingTypographyFallbacks); $output .= $lodash->textShadow('.sppb-addon-title', 'data.title_text_shadow'); $output .= ' </style> <div class="sppb-addon sppb-addon-header {{ data.class}}"> <# let heading_selector = data.heading_selector \|\| "h2"; const isMenu = _.isObject(data.title_link) && data.title_link.type === "menu" && data.title_link?.menu; const isPage = _.isObject(data.title_link) && data.title_link.type === "page" && data.title_link?.page; const isUrl = _.isObject(data.title_link) && data.title_link.type === "url" && data.title_link?.url; const isOldUrl = _.isString(data.title_link) && data.title_link !== ""; let rel=""; if (isMenu \|\| isPage \|\| isUrl \|\| isOldUrl) { const urlObj = _.isObject(data.title_link) ? data.title_link : window.getSiteUrl(data.title_link, data.link_new_tab === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank": ""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a href=\'{{ newUrl }}\' target=\'{{ target }}\' rel=\'{{ rel }}\'> <# } #> <{{ heading_selector }} class="sppb-addon-title"> <# let icon_arr = (typeof data.title_icon !== "undefined" && data.title_icon) ? data.title_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.title_icon : data.title_icon; if(data.title_icon && data.title_icon_position == "before"){ #><span class="{{ icon_name }} sppb-addon-title-icon"></span> <# } #> <span style="white-space: pre-wrap;" class="sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</span> <# if(data.title_icon && data.title_icon_position == "after"){ #> <span class="{{ icon_name }} sppb-addon-title-icon"></span> <# } #> </{{ heading_selector }}> <# if(!_.isEmpty(data.title_link) \|\| data.title_link?.url){ #></a><# } #> </div> '; return $output; } }��heading/admin.php��0000644��00000011454�15231074400�0007745 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'heading', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADING_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M18.631 30v-1.648h.517c.445 0 .86-.032 1.248-.094.39-.065.727-.197 1.012-.394.286-.196.516-.482.688-.851.172-.37.257-.862.257-1.477v-9.19H9.65v9.19c0 .614.085 1.105.256 1.477.172.369.401.655.688.851.286.199.625.328 1.02.394.395.063.807.095 1.24.095h.517V30H2v-1.647h.497c.444 0 .86-.032 1.249-.095a2.524 2.524 0 001.021-.394c.292-.198.52-.482.688-.85.165-.37.246-.864.246-1.478V6.31c0-.574-.086-1.036-.257-1.388a2.007 2.007 0 00-.698-.814 2.506 2.506 0 00-1.022-.374 8.227 8.227 0 00-1.228-.086H2V2h11.37v1.647h-.517a7.68 7.68 0 00-1.24.096 2.456 2.456 0 00-1.02.393c-.286.197-.515.481-.688.852-.171.37-.256.862-.256 1.475v7.927H22.35V6.463c0-.614-.085-1.105-.256-1.476-.171-.37-.401-.655-.688-.851a2.452 2.452 0 00-1.012-.393 7.601 7.601 0 00-1.249-.096h-.516V2H30v1.647h-.496c-.445 0-.86.031-1.249.096a2.529 2.529 0 00-1.021.393c-.292.197-.52.481-.687.851-.167.37-.248.862-.248 1.476v19.265c0 .575.087 1.037.257 1.388.171.352.405.617.697.794.291.18.63.297 1.02.356.39.058.799.086 1.23.086H30V30H18.631z" fill="currentColor"/></svg>', 'settings' => [ 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'This is a heading' ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HTML_ELEMENT'), 'std' => 'h3' ], 'title_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK') ], 'heading_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_color' => [ 'type' => 'advancedcolor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR') ], 'title_text_shadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_SHADOW'), 'std' => '0 0 0 #ffffff', 'config' => ['spread' => false] ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ] ], ], ], 'icon' => [ 'title' => 'Icon', 'fields' => [ 'title_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON') ], 'title_icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR') ], 'title_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'before' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_ICON_POSITION_BEFORE'), 'after' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_ICON_POSITION_AFTER'), ], 'std' => 'before', ], ], ], 'title_spacing' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE_SPACING'), 'fields' => [ 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], ], ]); ��heading/.htaccess��0000555��00000000355�15231074400�0007741 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��feature/assets/images/icon.png��0000644��00000003737�15231074400�0012412 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:BA5EC01640E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:BA5EC01740E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:BA5EC01440E011E69A38F8F21A167467" stRef:documentID="xmp.did:BA5EC01540E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��u��MIDATx�웋�� (�A�wp�wҁK �_NN�KNN[�Bcf�3��^��x�Z#�U�\|3\|��j��~\|$H�j��_��j�A��V��x��M͠f��,�PTǬS��<`�l-��f��c��`�ْ�\� ��'��F=�5A5��'�X�Z�! M��\U�Iڮ�<�R�l�m��{�<��j�W{�T\��r��gu��zB~UeJ1��n�58ք��WW�"�]��Z��j�jm � V��+uBQc��5�-wX�v�z�`q�A�ӭEnd�q0yG&��)'$�N��)TM��}-2��%��;��x��l��J��\|m��O��S��P�`�MƴVQq�$�aT�]Yz��"2�c&��&�` �>��:�Yt_v��!J��^7��\�[K�2�J��L�!� j)�:y��A�F��~��2�� 9i�� W�� Rm�ܺ�[��2��L�7w�L�g,/?��@�e(��c�Lj�Sa1�E��I��=U��Q��v�>�M:�ȳL�M�n��ES�B�I~��%�$��_��63�ό�!�{�or��a �$?D�$#�z��m�Ā��Mΰ�vM�Ե�9¢ҫ�g�$��O] M��m�c&i��+@�j�ʃ��Ú��}�Pf�۰<b�)�},BW�Ӵ�'â��K�܏�v�:�=$F�ٳu��`��E��P�!��\|��c\|ۘЄ'��\|�R�3� �#瞰�\|��:��(h>�8��ڃ�.��Oz��aa��y&��+\|#�RR�K>e� ��3ȋ"6�𶇥�7�H"�8XGAG��4�zP=�V,�B��<[J�6X�� !��f�$ª�]� ��MWl͚�XK`c ��IM w��)�%�gH��E��Cz�:>etЊ�m/쯏��͈�$��!B-kX� ÷˷`�z��\��D��/X�.�R"��]��<��IEND�B`��feature/assets/images/.htaccess��0000555��00000000355�15231074400�0012544 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��feature/assets/.htaccess��0000555��00000000355�15231074400�0011277 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��feature/site.php��0000644��00000112740�15231074400�0007655 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; use Joomla\CMS\Layout\FileLayout; class SppagebuilderAddonFeature extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Options list($link, $target) = AddonHelper::parseLink($settings, 'title_url', ['url' => 'title_url', 'new_tab' => 'link_open_new_window']); $url_appear = (isset($settings->url_appear) && $settings->url_appear) ? $settings->url_appear : 'title'; $title_position = (isset($settings->title_position) && $settings->title_position) ? $settings->title_position : 'before'; $feature_type = (isset($settings->feature_type) && $settings->feature_type) ? $settings->feature_type : 'icon'; $feature_image = (isset($settings->feature_image) && $settings->feature_image) ? $settings->feature_image : ''; $feature_image_src = isset($feature_image->src) ? $feature_image->src : $feature_image; $feature_image_width = (isset($feature_image->width) && $feature_image->width) ? $feature_image->width : ''; $feature_image_height = (isset($feature_image->height) && $feature_image->height) ? $feature_image->height : ''; $icon_name = (isset($settings->icon_name) && $settings->icon_name) ? $settings->icon_name : ''; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $feature_image_alt = (isset($settings->feature_image_alt) && $settings->feature_image_alt) ? $settings->feature_image_alt : $title; // Button options $btn_text = (isset($settings->btn_text) && trim($settings->btn_text)) ? $settings->btn_text : ''; $btn_class = ''; $btn_class .= (isset($settings->btn_type) && $settings->btn_type) ? ' sppb-btn-' . $settings->btn_type : ''; $btn_class .= (isset($settings->btn_size) && $settings->btn_size) ? ' sppb-btn-' . $settings->btn_size : ''; $btn_class .= (isset($settings->btn_shape) && $settings->btn_shape) ? ' sppb-btn-' . $settings->btn_shape : ' sppb-btn-rounded'; $btn_class .= (isset($settings->btn_appearance) && $settings->btn_appearance) ? ' sppb-btn-' . $settings->btn_appearance : ''; $btn_class .= (isset($settings->btn_block) && $settings->btn_block) ? ' ' . $settings->btn_block : ''; $btn_icon = (isset($settings->btn_icon) && $settings->btn_icon) ? $settings->btn_icon : ''; $btn_icon_position = (isset($settings->btn_icon_position) && $settings->btn_icon_position) ? $settings->btn_icon_position : 'left'; list($btn_link, $btn_link_target) = AddonHelper::parseLink($settings, 'btn_url', ['url' => 'btn_url', 'new_tab' => 'btn_target']); $attribs = (isset($btn_link_target) && $btn_link_target) ? $btn_link_target : ''; $attribs .= (!empty($btn_link)) ? ' href="' . $btn_link . '"' : ''; $attribs .= ' id="btn-' . $this->addon->id . '"'; $icon_arr = array_filter(explode(' ', $btn_icon)); if (count($icon_arr) === 1) { $btn_icon = 'fas ' . $btn_icon; } if ($btn_icon_position === 'left') { $btn_text = ($btn_icon) ? '<i class="' . $btn_icon . '" aria-hidden="true"></i> ' . $btn_text : $btn_text; } else { $btn_text = ($btn_icon) ? $btn_text . ' <i class="' . $btn_icon . '" aria-hidden="true"></i>' : $btn_text; } if (strpos($feature_image_src, "http://") !== false \|\| strpos($feature_image_src, "https://") !== false) { $feature_image_src = $feature_image_src; } elseif ($feature_image_src) { $feature_image_src = Uri::base(true) . '/' . $feature_image_src; } // Lazy image loading $placeholder = $feature_image_src === '' ? false : $this->get_image_placeholder($feature_image_src); // Image or icon position $icon_image_position = ''; if ($title_position === 'before') { $icon_image_position = 'after'; } else if ($title_position === 'after') { $icon_image_position = 'before'; } else { $icon_image_position = $title_position; } // Reset Alignment for left and right style $alignment = ''; if (($icon_image_position === 'left') \|\| ($icon_image_position === 'right')) { $alignment = 'sppb-text-' . $icon_image_position; } // Icon or Image $media = ''; if ($feature_type === 'icon') { if ($icon_name) { $media .= '<div class="sppb-icon">'; if (($link && $url_appear == 'icon') \|\| ($link && $url_appear == 'both')) { $media .= '<a href="' . $link . '" ' . $target . '>'; } $media .= '<span class="sppb-icon-container" role="img" aria-label="' . strip_tags($title) . '">'; $icon_arr = array_filter(explode(' ', $icon_name)); if (count($icon_arr) === 1) { $icon_name = 'fa ' . $icon_name; } $media .= '<i class="' . $icon_name . '" aria-hidden="true"></i>'; $media .= '</span>'; if (($link && $url_appear == 'icon') \|\| ($link && $url_appear == 'both')) { $media .= '</a>'; } $media .= '</div>'; } } else { if ($feature_image_src) { $media .= '<span class="sppb-img-container">'; if (($link && $url_appear == 'icon') \|\| ($link && $url_appear == 'both')) { $media .= '<a href="' . $link . '" ' . $target . '>'; } $media .= '<img class="sppb-img-responsive' . ($placeholder ? ' sppb-element-lazy' : '') . '" style="display: inline-block" src="' . ($placeholder ? $placeholder : $feature_image_src) . '" alt="' . strip_tags($feature_image_alt) . '" ' . ($placeholder ? 'data-large="' . $feature_image_src . '"' : '') . ' ' . ($feature_image_width ? 'width="' . $feature_image_width . '"' : '') . ' ' . ($feature_image_height ? 'height="' . $feature_image_height . '"' : '') . ' loading="lazy">'; if (($link && $url_appear == 'icon') \|\| ($link && $url_appear == 'both')) { $media .= '</a>'; } $media .= '</span>'; } } if ($feature_type === "both" && $icon_name) { $media .= '<div class="sppb-icon">'; if (($link && $url_appear == 'icon') \|\| ($link && $url_appear == 'both')) { $media .= '<a href="' . $link . '" ' . $target . '>'; } $media .= '<span class="sppb-icon-container" role="img" aria-label="' . strip_tags($title) . '">'; $icon_arr = array_filter(explode(' ', $icon_name)); if (count($icon_arr) === 1) { $icon_name = 'fa ' . $icon_name; } $media .= '<i class="' . $icon_name . '" aria-hidden="true"></i>'; $media .= '</span>'; if (($link && $url_appear == 'icon') \|\| ($link && $url_appear == 'both')) { $media .= '</a>'; } $media .= '</div>'; } // Title $feature_title = ''; if ($title) { $heading_class = ''; if (\in_array($icon_image_position, ['left', 'right'])) { $heading_class = ' sppb-media-heading'; } $feature_title .= '<' . $heading_selector . ' class="sppb-addon-title sppb-feature-box-title' . $heading_class . '">'; if (($link && $url_appear === 'title') \|\| ($link && $url_appear === 'both')) { $feature_title .= '<a href="' . $link . '" ' . $target . '>'; } $feature_title .= $title; if (($link && $url_appear === 'title') \|\| ($link && $url_appear == 'both')) { $feature_title .= '</a>'; } $feature_title .= '</' . $heading_selector . '>'; } // Feature Text $feature_text = ''; if(!empty($text)) { $feature_text = '<div class="sppb-addon-text">'; $feature_text .= $text; $feature_text .= '</div>'; } // Output $output = '<div class="sppb-addon sppb-addon-feature ' . $alignment . ' ' . $class . '">'; $output .= '<div class="sppb-addon-content">'; if ($icon_image_position === 'before') { $output .= ($media) ? $media : ''; $output .= '<div class="sppb-media-content">'; $output .= ($title) ? $feature_title : ''; $output .= $feature_text; if ($btn_text) { $output .= '<a ' . $attribs . ' class="sppb-btn ' . $btn_class . '">' . $btn_text . '</a>'; } $output .= '</div>'; } else if ($icon_image_position === 'after') { $output .= ($title) ? $feature_title : ''; $output .= ($media) ? $media : ''; $output .= '<div class="sppb-media-content">'; $output .= $feature_text; if ($btn_text) { $output .= '<a ' . $attribs . ' class="sppb-btn ' . $btn_class . '">' . $btn_text . '</a>'; } $output .= '</div>'; } else { $output .= '<div class="sppb-media">'; $output .= '<div class="pull-' . $icon_image_position . '">'; $output .= $media ?? ''; $output .= '</div>'; $output .= '<div class="sppb-media-body">'; $output .= '<div class="sppb-media-content">'; $output .= ($title) ? $feature_title : ''; $output .= $feature_text; if ($btn_text) { $output .= '<a ' . $attribs . ' class="sppb-btn ' . $btn_class . '">' . $btn_text . '</a>'; } $output .= '</div>'; //.sppb-media-content $output .= '</div>'; $output .= '</div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $feature_type = (isset($settings->feature_type) && $settings->feature_type) ? $settings->feature_type : 'icon'; $feature_image = (isset($settings->feature_image) && $settings->feature_image) ? $settings->feature_image : ''; $feature_image_src = isset($feature_image->src) ? $feature_image->src : $feature_image; $icon_name = (isset($settings->icon_name) && $settings->icon_name) ? $settings->icon_name : ''; $title_position = (isset($settings->title_position) && $settings->title_position) ? $settings->title_position : ''; // Css start $css = ''; $addonProps = ['background_color' => 'background-color']; $addonBgStyle = $cssHelper->generateStyle(':self', $settings, $addonProps, ""); $css .= $addonBgStyle; $css .= $cssHelper->generateStyle('.sppb-addon-text', $settings, ['addon_color' => 'color'], false); $textProps = ['text_background' => 'background-color', 'text_padding' => 'padding']; $textUnits = ['text_background' => false, 'text_padding' => false]; $textModifiers = ['text_padding' => 'spacing']; $textStyle = $cssHelper->generateStyle('.sppb-media-content', $settings, $textProps, $textUnits, $textModifiers); $css .= $textStyle; $contentFallbacks = [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight', ]; $contentTypography = $cssHelper->typography('.sppb-addon-text', $settings, 'content_typography', $contentFallbacks); $css .= $contentTypography; $titleFallbacks = [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ]; $textTitleTypography = $cssHelper->typography('.sppb-feature-box-title', $settings, 'title_typography', $titleFallbacks); $css .= $textTitleTypography; if ($feature_type === 'icon' \|\| $feature_type === 'both') { if (!empty($icon_name)) { $settings->icon_boxshadow = CSSHelper::parseBoxShadow($settings, 'icon_boxshadow'); $props = [ 'icon_boxshadow' => 'box-shadow', 'icon_padding' => 'padding', 'icon_color' => 'color', 'icon_background' => 'background-color', 'icon_border_color' => 'border-style: solid; border-color', 'icon_border_width' => 'border-width', 'icon_border_radius' => 'border-radius' ]; $units = [ 'icon_boxshadow' => false, 'icon_padding' => false, 'icon_color' => false, 'icon_border_color' => false, 'icon_background' => false, ]; $modifiers = ['icon_padding' => 'spacing']; $iconStyle = $cssHelper->generateStyle('.sppb-icon .sppb-icon-container', $settings, $props, $units, $modifiers, null, false, 'display:inline-block;text-align:center;'); $iconMarginStyle = $cssHelper->generateStyle('.sppb-icon', $settings, ['icon_margin_top' => 'margin-top', 'icon_margin_bottom' => 'margin-bottom']); $iconSizeStyle = $cssHelper->generateStyle('.sppb-icon .sppb-icon-container > i', $settings, ['icon_size' => ['font-size','width','height','line-height']]); $css .= $iconStyle; $css .= $iconMarginStyle; $css .= $iconSizeStyle; } } $settings->text_alignment = $cssHelper->parseAlignment($settings, 'alignment'); $textAlignment = $cssHelper->generateStyle('.sppb-addon-content', $settings, ['text_alignment' => 'text-align'], false); $css .= $textAlignment; if ($feature_image_src && ($feature_type === 'image' \|\| $feature_type === 'both')) { $imageMarginSelector = ''; $isContainer = false; $imageProps = [ 'feature_image_margin' => 'margin', ]; $imageUnits = [ 'feature_image_margin' => false, ]; if (\in_array($title_position, ['left', 'right'])) { $imageMarginSelector = '.sppb-media .pull-left, .sppb-media .pull-right'; $css .= $cssHelper->generateStyle($imageMarginSelector, $settings, ['feature_image_width' => 'width'], ['feature_image_width' => '%']); } elseif (\in_array($title_position, ['before', 'after'])) { $imageMarginSelector = '.sppb-img-container'; $isContainer = true; } if (!empty($imageMarginSelector)) { $featureImageStyle = $cssHelper->generateStyle($imageMarginSelector, $settings, $imageProps, $imageUnits, ['feature_image_margin' => 'spacing'], null, false, $isContainer ? 'display: block;' : ''); } $device = SpPgaeBuilderBase::$defaultDevice; if (!empty($settings->feature_image_width->$device) && $settings->feature_image_width->$device === '100') { $mediaBodyStyle = $cssHelper->generateStyle('.sppb-media .sppb-media-body', $settings, ['feature_image_width' => 'width'], '%'); } $css .= !empty($featureImageStyle) ? $featureImageStyle : ''; $css .= !empty($mediaBodyStyle) ? $mediaBodyStyle : ''; } //Button style $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css_path = new FileLayout('addon.css.button', $layout_path); $options = new stdClass; $options->button_type = (isset($settings->btn_type) && $settings->btn_type) ? $settings->btn_type : ''; $options->button_appearance = (isset($settings->btn_appearance) && $settings->btn_appearance) ? $settings->btn_appearance : ''; $options->button_color = (isset($settings->btn_color) && $settings->btn_color) ? $settings->btn_color : ''; $options->button_color_hover = (isset($settings->btn_color_hover) && $settings->btn_color_hover) ? $settings->btn_color_hover : ''; $options->button_background_color = (isset($settings->btn_background_color) && $settings->btn_background_color) ? $settings->btn_background_color : ''; $options->button_background_color_hover = (isset($settings->btn_background_color_hover) && $settings->btn_background_color_hover) ? $settings->btn_background_color_hover : ''; $options->button_font_style = (isset($settings->btn_font_style) && $settings->btn_font_style) ? $settings->btn_font_style : ''; if (isset($settings->button_padding_original)) { $options->button_padding = $settings->button_padding_original; } elseif (isset($settings->button_padding)) { $options->button_padding = $settings->button_padding; } $options->fontsize = (isset($settings->btn_fontsize) && $settings->btn_fontsize) ? $settings->btn_fontsize : ''; $options->button_background_gradient = (isset($settings->btn_background_gradient) && $settings->btn_background_gradient) ? $settings->btn_background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($settings->btn_background_gradient_hover) && $settings->btn_background_gradient_hover) ? $settings->btn_background_gradient_hover : new stdClass(); $options->button_size = !empty($settings->btn_size) ? $settings->btn_size : null; $options->button_typography = !empty($settings->btn_typography) ? $settings->btn_typography : null; $buttonMarginStyle = $cssHelper->generateStyle('.sppb-media-content .sppb-btn', $settings, ['button_margin' => 'margin'], false, ['button_margin' => 'spacing']); $css .= $buttonMarginStyle; $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); $settings->addon_hover_boxshadow = CSSHelper::parseBoxShadow($settings, 'addon_hover_boxshadow'); $settings->addon_mock_transition = '.3s'; $hoverProps = [ 'addon_hover_bg' => 'background-color', 'addon_hover_color' => 'color', 'addon_hover_boxshadow' => 'box-shadow' ]; $addonTransitionStyle = $cssHelper->generateStyle(':self', $settings, ['addon_mock_transition' => 'transition'], false); $addonHoverStyle = $cssHelper->generateStyle('&:hover', $settings, $hoverProps, false); if(empty($settings->text)) { $css .= $addon_id . ' .sppb-addon-title.sppb-feature-box-title {display: block;}'; } $css .= $cssHelper->generateStyle('.sppb-feature-box-title, .sppb-feature-box-title a', $settings, ['title_text_color' => 'color'], false); $css .= $cssHelper->generateStyle('&:hover .sppb-feature-box-title, &:hover .sppb-feature-box-title a', $settings, ['title_hover_color' => 'color'], false); $css .= $cssHelper->generateStyle('&:hover .sppb-addon-text', $settings, ['addon_hover_color' => 'color'], false); $css .= $cssHelper->generateStyle('&:hover .sppb-icon-container', $settings, ['icon_hover_color' => 'color', 'icon_hover_bg' => 'background-color'], false); $css .= $addonTransitionStyle; $css .= $addonHoverStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let classList = " sppb-btn-" + data.btn_type; classList += " sppb-btn-" + data.btn_size; classList += " sppb-btn-" + data.btn_shape; if (!_.isEmpty(data.btn_appearance)) { classList += " sppb-btn-"+data.btn_appearance; } let icon_arr = (typeof data.icon_name !== "undefined" && data.icon_name) ? data.icon_name.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.icon_name : data.icon_name; let icon_image_position = ""; if (data.title_position == "before") { icon_image_position = "after"; } else if(data.title_position == "after") { icon_image_position = "before"; } else { icon_image_position = data.title_position; } let alignment = ""; if( ( icon_image_position == "left" ) \|\| ( icon_image_position == "right" ) ) { alignment = "sppb-text-" + icon_image_position; } let media = ""; const isMenu = _.isString(data.title_url?.menu) && data.title_url.type === "menu" && data.title_url?.menu; const isPage = _.isString(data.title_url?.page) && data.title_url.type === "page" && data.title_url?.page; const isObject = _.isObject(data.title_url) && ((data.title_url.type === "url" && data.title_url?.url !== "") \|\| isMenu \|\| isPage); const isString = _.isString(data.title_url) && data.title_url !== ""; let urlObj = {}; let url = ""; let target = ""; let rel = ""; if(isObject \|\| isString) { urlObj = _.isObject(data.title_url) ? data.title_url : window.getSiteUrl(data.title_url, data.link_open_new_window === 1 ? "_blank": ""); if(urlObj.type === "url") { url = urlObj.url; } else if(urlObj.type === "menu") { url = urlObj.menu; } else if(urlObj.type === "page") { url = `index.php?option=com_sppagebuilder&view=page&id=${urlObj.page}` } target = urlObj.new_tab ? "_blank": ""; rel += urlObj.nofollow ? "nofollow": ""; rel += urlObj.noopener ? " noopener": ""; rel += urlObj.noreferrer ? " noreferrer": ""; } if (data.feature_type == "icon") { if (data.icon_name) { media += \'<div class="sppb-icon">\'; if( ((isObject \|\| isString) && data.url_appear == "icon") \|\| ((isObject \|\| isString) && data.url_appear == "both" ) ){ media += \'<a href="\'+ url +\'" target="\' + target + \'" rel="\' + rel + \'" >\'; } media += \'<span class="sppb-icon-container">\'; media += \'<i class="\'+icon_name+\'"></i>\'; media += \'</span>\'; if( ((isObject \|\| isString) && data.url_appear == "icon") \|\| ((isObject \|\| isString) && data.url_appear == "both" ) ){ media += \'</a>\'; } media += \'</div>\'; } } else { var feature_image = {} if (typeof data.feature_image !== "undefined" && typeof data.feature_image.src !== "undefined") { feature_image = data.feature_image } else { feature_image = {src: data.feature_image} } if (feature_image.src) { media += \'<span class="sppb-img-container">\'; if ( ((isObject \|\| isString) && data.url_appear == "icon") \|\| ((isObject \|\| isString) && data.url_appear == "both" ) ) { media += \'<a href="\'+ url +\'" target="\' + target + \'" rel="\' + rel + \'">\'; } if (feature_image.src.indexOf("http://") != -1 \|\| feature_image.src.indexOf("https://") != -1) { media += \'<img class="sppb-img-responsive" style="display: inline-block" src="\'+feature_image.src+\'" alt="\'+data.title+\'">\'; } else { media += \'<img class="sppb-img-responsive" style="display: inline-block" src="\'+pagebuilder_base+feature_image.src+\'" alt="\'+data.title+\'">\'; } if ( ((isObject \|\| isString) && data.url_appear == "icon") \|\| ((isObject \|\| isString) && data.url_appear == "both" ) ) { media += \'</a>\'; } media += \'</span>\'; } } if (data.feature_type == "both" && data.icon_name) { media += \'<div class="sppb-icon">\'; if( ((isObject \|\| isString) && data.url_appear == "icon") \|\| ((isObject \|\| isString) && data.url_appear == "both" ) ){ media += \'<a href="\'+ url +\'" target="\' + target + \'" rel="\' + rel + \'" >\'; } media += \'<span class="sppb-icon-container">\'; media += \'<i class="\'+icon_name+\'"></i>\'; media += \'</span>\'; if( ((isObject \|\| isString) && data.url_appear == "icon") \|\| ((isObject \|\| isString) && data.url_appear == "both" ) ){ media += \'</a>\'; } media += \'</div>\'; } let feature_title = ""; if (data.title) { var heading_class = ""; if ( ( icon_image_position == "left" ) \|\| ( icon_image_position == "right" ) ) { heading_class = " sppb-media-heading"; } let heading_selector = data.heading_selector \|\| "h3"; feature_title += \'<\'+heading_selector+\' class="sppb-addon-title sppb-feature-box-title \'+heading_class+\'">\'; if (((isObject \|\| isString) && data.url_appear == "title") \|\| ((isObject \|\| isString) && data.url_appear == "both" )) { feature_title += \'<a href="\'+ url +\'" target="\' + target + \'" rel="\' + rel + \'" class="sp-inline-editable-element" data-id="\'+data.id+\'" data-fieldName="title" contenteditable="true">\'; } if (_.isEmpty(data.title_url)) { feature_title += \'<span class="sp-inline-editable-element" data-id="\'+data.id+\'" data-fieldName="title" contenteditable="true">\'; } feature_title += data.title; if (_.isEmpty(data.title_url)) { feature_title += \'</span>\'; } if (((isObject \|\| isString) && data.url_appear == "title") \|\| ((isObject \|\| isString) && data.url_appear == "both")) { feature_title += \'</a>\'; } feature_title += \'</\'+heading_selector+\'>\'; } let feature_text = ""; if(data.text) { feature_text = \'<div id="addon-text-\'+data.id+\'" class="sppb-addon-text sp-editable-content" data-id="\'+data.id+\'" data-fieldName="text">\'; feature_text += data.text; feature_text += \'</div>\'; } #> <style type="text/css">'; // button start $buttonTypographyFallbacks = [ 'font' => 'data.btn_font_family', 'size' => 'data.btn_fontsize', 'letter_spacing' => 'data.btn_letterspace', 'uppercase' => 'data.btn_font_style?.uppercase', 'italic' => 'data.btn_font_style?.italic', 'underline' => 'data.btn_font_style?.underline', 'weight' => 'data.btn_font_style?.weight' ]; $output .= $lodash->typography('.sppb-btn', 'data.btn_typography', $buttonTypographyFallbacks); $output .= '<# if (data.btn_size == "custom") { #>'; $output .= $lodash->spacing('padding', '.sppb-btn', 'data.button_padding'); $output .= '<# } #>'; $output .= $lodash->spacing('margin', '.sppb-btn', 'data.button_margin'); $output .= '<# if (data.btn_block == "sppb-btn-block") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {display: block;}'; $output .= '<# } #>'; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // custom style $output .= '<# if (data.btn_type == "custom") { #>'; $output .= $lodash->color('color', '.sppb-btn', 'data.btn_color'); $output .= $lodash->color('color', '.sppb-btn:hover', 'data.btn_color_hover'); $output .= '<# if (data.btn_appearance == "outline") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {background-color: transparent;}'; $output .= $lodash->unit('border-color', '.sppb-btn', 'data.btn_background_color', '', false); $output .= $lodash->unit('border-color', '.sppb-btn:hover', 'data.btn_background_color_hover', '', false); $output .= $lodash->unit('background-color', '.sppb-btn:hover', 'data.btn_background_color_hover', '', false); $output .= '<# } else if (data.btn_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {border: none;}'; $output .= $lodash->color('background-color', '.sppb-btn', 'data.btn_background_gradient'); $output .= $lodash->color('background-color', '.sppb-btn:hover', 'data.btn_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '.sppb-btn', 'data.btn_background_color'); $output .= $lodash->color('background-color', '.sppb-btn:hover', 'data.btn_background_color_hover'); $output .= '<# } #>'; $output .= '<# } #>'; // link $output .= '<# if (data.btn_type == "link") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $output .= $lodash->color('color', '.sppb-btn', 'data.link_btn_color'); $output .= $lodash->unit('border-color', '.sppb-btn', 'data.link_btn_border_color', '', false); $output .= $lodash->unit('border-bottom-width', '.sppb-btn', 'data.link_btn_border_width', 'px'); $output .= $lodash->unit('padding-bottom', '.sppb-btn', 'data.link_btn_padding_bottom', 'px'); $output .= $lodash->color('color', '.sppb-btn:hover, .sppb-btn:focus', 'data.link_btn_hover_color'); $output .= $lodash->unit('border-color', '.sppb-btn:hover, .sppb-btn:focus', 'data.link_btn_border_hover_color', '', false); $output .= '<# } #>'; // button end // icon $output .= '#sppb-addon-{{ data.id }} .sppb-icon .sppb-icon-container {display: inline-block; text-align: center; transition: 300ms;}'; $output .= $lodash->color('color', '.sppb-icon .sppb-icon-container', 'data.icon_color'); $output .= $lodash->spacing('padding', '.sppb-icon .sppb-icon-container', 'data.icon_padding'); $output .= $lodash->color('background-color', '.sppb-icon .sppb-icon-container', 'data.icon_background'); $output .= '<# if (data.icon_border_color) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-icon .sppb-icon-container {border-style: solid;}'; $output .= $lodash->unit('border-color', '.sppb-icon .sppb-icon-container', 'data.icon_border_color', '', false); $output .= $lodash->unit('border-width', '.sppb-icon .sppb-icon-container', 'data.icon_border_width', 'px'); $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.sppb-icon .sppb-icon-container', 'data.icon_border_radius', 'px'); $output .= $lodash->boxShadow('.sppb-icon .sppb-icon-container', 'data.icon_boxshadow'); $output .= $lodash->unit('margin-top', '.sppb-icon', 'data.icon_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-icon', 'data.icon_margin_bottom', 'px'); $output .= $lodash->unit('font-size', '.sppb-icon .sppb-icon-container > i', 'data.icon_size', 'px'); $output .= $lodash->unit('width', '.sppb-icon .sppb-icon-container > i', 'data.icon_size', 'px'); $output .= $lodash->unit('height', '.sppb-icon .sppb-icon-container > i', 'data.icon_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-icon .sppb-icon-container > i', 'data.icon_size', 'px'); $output .= $lodash->color('color', '&:hover .sppb-icon .sppb-icon-container', 'data.icon_hover_color'); $output .= $lodash->color('background-color', '&:hover .sppb-icon .sppb-icon-container', 'data.icon_hover_bg'); // image $output .= '#sppb-addon-{{ data.id }} .sppb-img-container {display: block;}'; $output .= '<# if (!_.isEmpty(data.feature_image_margin) && (data.title_position == "left" \|\| data.title_position == "right")) { #>'; $output .= $lodash->spacing('margin', '.sppb-media .pull-left, .sppb-media .pull-right', 'data.feature_image_margin'); $output .= '<# } #>'; $output .= '<# if (!_.isEmpty(data.feature_image_margin) && (data.title_position == "after" \|\| data.title_position == "before")) { #>'; $output .= $lodash->spacing('margin', '.sppb-img-container', 'data.feature_image_margin'); $output .= '<# } #>'; $output .= '<# if (data.feature_type !== "icon") { #>'; $output .= $lodash->unit('width', '.sppb-media .pull-left, .sppb-media .pull-right', 'data.feature_image_width', '%'); $output .= '<# } #>'; $output .= '#sppb-addon-{{ data.id }} {transition: 300ms;}'; $output .= '#sppb-addon-{{ data.id }} .sppb-feature-box-title {transition: 300ms;}'; // title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-feature-box-title', 'data.title_typography', $titleTypographyFallbacks); $output .= '<# if (!data.text) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-addon-title.sppb-feature-box-title {display: block;}'; $output .= '<# } #>'; $output .= $lodash->color('color', '.sppb-feature-box-title, .sppb-feature-box-title a', 'data.title_text_color'); $output .= $lodash->color('color', '.sppb-addon-text', 'data.addon_color'); // content $textTypographyFallbacks = [ 'font' => 'data.text_font_family', 'size' => 'data.text_fontsize', 'line_height' => 'data.text_lineheight', 'weight' => 'data.text_fontweight' ]; $output .= $lodash->typography('.sppb-addon-text', 'data.content_typography', $textTypographyFallbacks); $output .= $lodash->spacing('padding', '.sppb-media-content', 'data.text_padding'); $output .= $lodash->color('background-color', '.sppb-media-content', 'data.text_background'); $output .= $lodash->alignment('text-align', '.sppb-addon-content', 'data.alignment'); //Addon Background Color $output .= $lodash->color('background-color', ':self', 'data.background_color'); // Hover $output .= $lodash->color('color', '&:hover .sp-editable-content', 'data.addon_hover_color'); $output .= $lodash->color('background-color', '&:hover', 'data.addon_hover_bg'); $output .= $lodash->boxShadow('&:hover', 'data.addon_hover_boxshadow'); $output .= $lodash->color('color', '&:hover .sppb-feature-box-title, &:hover .sppb-feature-box-title a', 'data.title_hover_color'); $output .= ' </style> <div class="sppb-addon sppb-addon-feature {{ data.class }} {{ alignment }}"> <div class="sppb-addon-content"> <# const isMenuBtn = _.isString(data.btn_url?.menu) && data.btn_url.type === "menu" && data.btn_url?.menu; const isPageBtn = _.isString(data.btn_url?.page) && data.btn_url.type === "page" && data.btn_url?.page; const isObjectBtn = _.isObject(data.btn_url) && ((data.btn_url.type === "url" && data.btn_url?.url !== "") \|\| isMenu \|\| isPage); let urlObjBtn = {}; let urlBtn = ""; let targetBtn= ""; let relBtn = ""; urlObjBtn = isObjectBtn ? data.btn_url : window.getSiteUrl(data.btn_url, data.btn_target); if(urlObjBtn.type === "url") { urlBtn = urlObjBtn.url; } if(urlObjBtn.type === "menu") { urlBtn = urlObjBtn.menu \|\| ""; } if(urlObjBtn.type === "page") { urlBtn = urlObjBtn.page ? `index.php?option=com_sppagebuilder&view=page&id=${urlObjBtn.page}` : ""; } targetBtn = urlObjBtn.new_tab ? "_blank": ""; relBtn += urlObjBtn.nofollow ? "nofollow": ""; relBtn += urlObjBtn.noopener ? " noopener": ""; relBtn += urlObjBtn.noreferrer ? " noreferrer": ""; #> <# if (icon_image_position == "before") { #> <# if(media){ #> {{{ media }}} <# } #> <div class="sppb-media-content"> <# if(data.title){ #> {{{ feature_title }}} <# } #> {{{ feature_text }}} <# if(data.btn_text && _.trim(data.btn_text)){ let icon_arr = (typeof data.btn_icon !== "undefined" && data.btn_icon) ? data.btn_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.btn_icon : data.btn_icon; #> <a href=\'{{ urlBtn }}\' target=\'{{ targetBtn }}\' rel=\'{{ relBtn }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classList }}"><# if(data.btn_icon_position == "left" && !_.isEmpty(data.btn_icon)) { #><i class="{{ icon_name }}"></i> <# } #>{{ data.btn_text }}<# if(data.btn_icon_position == "right" && !_.isEmpty(data.btn_icon)) { #> <i class="{{ icon_name }}"></i><# } #></a> <# } #> </div> <# } else if (icon_image_position == "after") { #> <# if(data.title){ #> {{{ feature_title }}} <# } #> <# if(media){ #> {{{ media }}} <# } #> <div class="sppb-media-content"> {{{ feature_text }}} <# if(data.btn_text && _.trim(data.btn_text)){ let icon_arr = (typeof data.btn_icon !== "undefined" && data.btn_icon) ? data.btn_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.btn_icon : data.btn_icon; #> <a href=\'{{ urlBtn }}\' target=\'{{ targetBtn }}\' rel=\'{{ relBtn }}\' class="sppb-btn {{ classList }}"><# if(data.btn_icon_position == "left" && !_.isEmpty(data.btn_icon)) { #><i class="{{ icon_name }}"></i> <# } #>{{ data.btn_text }}<# if(data.btn_icon_position == "right" && !_.isEmpty(data.btn_icon)) { #> <i class="{{ icon_name }}"></i><# } #></a> <# } #> </div> <# } else { #> <# if(media) { #> <div class="sppb-media"> <div class="pull-{{ icon_image_position }}">{{{ media }}}</div> <div class="sppb-media-body"> <div class="sppb-media-content"> <# if(data.title){ #> {{{ feature_title }}} <# } #> {{{ feature_text }}} <# if(data.btn_text && _.trim(data.btn_text)){ let icon_arr = (typeof data.btn_icon !== "undefined" && data.btn_icon) ? data.btn_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.btn_icon : data.btn_icon; #> <a href=\'{{ urlBtn }}\' target=\'{{ targetBtn }}\' rel=\'{{ relBtn }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classList }}"><# if(data.btn_icon_position == "left" && !_.isEmpty(data.btn_icon)) { #><i class="{{ icon_name }}"></i> <# } #>{{ data.btn_text }}<# if(data.btn_icon_position == "right" && !_.isEmpty(data.btn_icon)) { #> <i class="{{ icon_name }}"></i><# } #></a> <# } #> </div> </div> </div> <# } else { #> <div class="sppb-media"> <div class="sppb-media-body"> <div class="sppb-media-content"> <# if(data.title){ #> {{{ feature_title }}} <# } #> {{{ feature_text }}} <# if(data.btn_text && _.trim(data.btn_text)){ let icon_arr = (typeof data.btn_icon !== "undefined" && data.btn_icon) ? data.btn_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.btn_icon : data.btn_icon; #> <a href=\'{{ urlBtn }}\' target=\'{{ targetBtn }}\' rel=\'{{ relBtn }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classList }}"><# if(data.btn_icon_position == "left" && !_.isEmpty(data.btn_icon)) { #><i class="{{ icon_name }}"></i> <# } #>{{ data.btn_text }}<# if(data.btn_icon_position == "right" && !_.isEmpty(data.btn_icon)) { #> <i class="{{ icon_name }}"></i><# } #></a> <# } #> </div> </div> </div> <# } #> <# } #> </div> </div>'; return $output; } } ��feature/admin.php��0000644��00000050621�15231074400�0010000 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'feature', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M29 26a1 1 0 01-1 1H4a1 1 0 110-2h24a1 1 0 011 1zM24 31a1 1 0 01-1 1H8a1 1 0 110-2h15a1 1 0 011 1z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.458 0c.423 0 .81.24.996.62l2.63 5.327 5.882.86a1.111 1.111 0 01.614 1.895l-4.255 4.144 1.005 5.855a1.111 1.111 0 01-1.613 1.171l-5.259-2.765-5.26 2.765a1.111 1.111 0 01-1.611-1.17l1.004-5.856-4.255-4.144a1.111 1.111 0 01.614-1.895l5.882-.86L15.462.62c.187-.379.573-.619.996-.619zm0 3.621l-1.892 3.833a1.111 1.111 0 01-.836.608l-4.232.618 3.062 2.982c.262.255.382.623.32.984l-.723 4.211 3.784-1.99c.324-.17.71-.17 1.034 0l3.784 1.99-.723-4.21a1.11 1.11 0 01.32-.985l3.062-2.982-4.232-.618a1.111 1.111 0 01-.836-.608l-1.892-3.833z" fill="currentColor"/></svg>', 'settings' => [ 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), 'std' => 'Feature Box', ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], // Move some fields to advanced tab 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ] ] ], ], // Need to improve and separate fields 'media' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MEDIA'), 'fields' => [ 'title_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_ICON_IMAGE_POSITION_DESC'), 'values' => [ 'after' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_TITLE_POSITION_BEFORE_TITLE'), 'before' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_TITLE_POSITION_AFTER_TITLE'), 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'inline' => true, 'std' => 'after' ], 'feature_type' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_LAYOUT_TYPE_DESC'), 'values' => [ 'icon' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_LAYOUT_TYPE_ICON'), 'image' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE'), 'both' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_LAYOUT_TYPE_BOTH'), ], 'std' => 'icon' ], ] ], 'icon' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [['feature_type', '!=', 'image']], 'fields' => [ 'icon_name' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_NAME'), 'clearable' => true, 'std' => 'fas fa-trophy', ], 'icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE'), 'std' => ['xl' => 36], 'responsive' => true, 'max' => 400, ], 'icon_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], 'icon_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'icon_hover_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_HOVER_COLOR'), ], 'icon_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'responsive' => true, 'max' => 400, ], 'icon_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['feature_type', '!=', 'image']], ], 'icon_boxshadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOXSHADOW'), 'std' => '0 0 0 0 #ffffff', ], 'icon_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'responsive' => true, 'max' => 400, ], 'icon_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'responsive' => true, 'min' => -200, 'max' => 400, ], 'icon_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'responsive' => true, 'max' => 400, ], ], ], 'image' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'depends' => [['feature_type', '!=', 'icon']], 'fields' => [ 'feature_image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'std' => ['src' => '', 'height' => '', 'width' => ''], ], 'feature_image_alt' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_IMAGE_ALT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_IMAGE_ALT_DESC'), 'std' => '', ], 'feature_image_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'responsive' => true, 'min' => 5, 'max' => 90, 'std' => ['xl' => 50], 'depends' => [ ['title_position', '!=', 'before'], ['title_position', '!=', 'after'] ] ], 'feature_image_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'std' => 'The purpose of a feature box is to provide concise and relevant information, such as key points, quick facts, or important details, in a way that stands out from the surrounding content. This helps users easily identify and focus on the most important aspects of the content being presented.' ], 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight', ], ], 'text_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'text_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], ], ], 'link' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'fields' => [ 'title_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_TITLE_IMAGE_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_TITLE_IMAGE_URL_DESC'), 'hideTitle' => true, ], 'url_appear' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_URL_APEAR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_URL_APEAR_DESC'), 'values' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_URL_APEAR_TITLE'), 'icon' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_URL_APEAR_ICON'), 'both' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_URL_APEAR_BOTH'), ], 'std' => 'title', ], ] ], // Style 'style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'fields' => [ 'feature_style_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('Normal'), 'hover' => Text::_('Hover'), ], 'std' => 'normal', ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE_COLOR'), 'depends' => [['feature_style_state', '=', 'normal']] ], 'addon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'depends' => [['feature_style_state', '=', 'normal']] ], 'icon_color' => [ 'type' => 'color', 'std' => '#3366FF', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_COLOR'), 'depends' => [ ['feature_style_state', '=', 'normal'], ['feature_type', '!=', 'image'] ] ], 'background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['feature_style_state', '=', 'normal']] ], 'title_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE_COLOR'), 'depends' => [['feature_style_state', '=', 'hover']] ], 'addon_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'depends' => [['feature_style_state', '=', 'hover']] ], 'icon_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_COLOR'), 'depends' => [ ['feature_type', '!=', 'image'], ['feature_style_state', '=', 'hover'] ] ], 'addon_hover_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['feature_style_state', '=', 'hover']] ], 'addon_hover_boxshadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FEATURE_BOX_HOVER_BOXSHADOW'), 'std' => '0 0 0 0 #ffffff', 'depends' => [['feature_style_state', '=', 'hover']] ], ], ], // Button 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'btn_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'inline' => true, ], 'btn_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), ], 'btn_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'btn_font_family', 'size' => 'btn_fontsize', 'letter_spacing' => 'btn_letterspace', 'weight' => 'btn_font_style.weight', 'italic' => 'btn_font_style.italic', 'underline' => 'btn_font_style.underline', 'uppercase' => 'btn_font_style.uppercase', ], ], 'btn_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'inline' => true, ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['btn_size', '=', 'custom']] ], 'btn_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'inline' => true, 'depends' => [['btn_type', '!=', 'link']] ], 'btn_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['btn_type', '!=', 'link']] ], 'link_btn_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [['btn_type', '=', 'link']] ], 'btn_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'inline' => true, 'std' => '', ], 'btn_block' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [['btn_type', '!=', 'link']] ], 'button_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => ['xl' => '25px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], ] ], 'button_icon' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'fields' => [ 'btn_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'btn_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], ], ], // Button style 'btn_style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'depends' => [['btn_type', '=', 'custom']], 'fields' => [ 'btn_style_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('Normal'), 'hover' => Text::_('Hover'), ], 'std' => 'normal', ], 'btn_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [['btn_style_state', '=', 'normal']], ], 'btn_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [['btn_style_state', '=', 'hover']], ], 'btn_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#3366FF', 'depends' => [ ['btn_style_state', '=', 'normal'], ['btn_appearance', '!=', 'gradient'], ], ], 'btn_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#0037DD', 'depends' => [ ['btn_style_state', '=', 'hover'], ['btn_appearance', '!=', 'gradient'], ], ], 'btn_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['btn_style_state', '=', 'normal'], ['btn_appearance', '=', 'gradient'], ], ], 'btn_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['btn_style_state', '=', 'hover'], ['btn_appearance', '=', 'gradient'], ], ], ], ], // Link type button 'btn_link_type_style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'depends' => [['btn_type', '=', 'link']], 'fields' => [ 'link_btn_style_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('Normal'), 'hover' => Text::_('Hover'), ], 'std' => 'normal', ], 'link_btn_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_btn_style_state', '=', 'normal'], ['btn_type', '=', 'link'], ], ], 'link_btn_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_btn_style_state', '=', 'normal'], ['btn_type', '=', 'link'], ], ], 'link_btn_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_btn_style_state', '=', 'normal'], ['btn_type', '=', 'link'], ], ], 'link_btn_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['link_btn_style_state', '=', 'hover'], ['btn_type', '=', 'link'], ], ], 'link_btn_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_btn_style_state', '=', 'hover'], ['btn_type', '=', 'link'], ], ], ], ], ], ]); ��feature/.htaccess��0000555��00000000355�15231074400�0007775 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��team_carousel/assets/images/team-carousel-1.svg��0000644��00000001777�15231074400�0015566 0��ustar�00��<svg width="146" height="188" viewBox="0 0 146 188" xmlns="http://www.w3.org/2000/svg"><title>Group 9</title><desc>Created with Sketch.</desc><g fill="none"><path fill="#fff" d="M0 0h146v188h-146z"/><g transform="translate(12.479 144.424)" fill="#D6D9DD"><rect id="Rectangle" width="72.376" height="7.47" rx="3"/><rect y="13.695" width="94.838" height="3.735" rx="1.5"/><ellipse cx="3.744" cy="27.391" rx="3.744" ry="3.735"/><ellipse cx="17.47" cy="27.391" rx="3.744" ry="3.735"/><ellipse cx="31.197" cy="27.391" rx="3.744" ry="3.735"/><ellipse cx="44.923" cy="27.391" rx="3.744" ry="3.735"/></g><g transform="translate(12.479 12.45)"><rect fill="#F2F3F7" width="121.043" height="119.523" rx="4"/><g fill="#D6D9DD" fill-rule="nonzero"><path d="M61.386 23.853c-10.032 0-18.194 8.014-18.194 17.865 0 9.851 8.161 17.865 18.194 17.865 10.032 0 18.195-8.014 18.195-17.865 0-9.851-8.162-17.865-18.195-17.865zM61.385 63.822c-17.569 0-31.862 14.035-31.862 31.286h63.725c.001-17.252-14.293-31.286-31.863-31.286z"/></g></g></g></svg>�team_carousel/assets/images/icon.png��0000644��00000002353�15231074400�0013573 0��ustar�00��PNG �� IHDR��L��L��ǗQ+�� pHYs��~��IDATx��\�q1�f�W`:0��:� ��@��p9w�;0(��'��Zi�Xo�f�s��$��C�� _ W2(� Q�&D!L�B��0! aB��3ʭx ެ��DN�4.ĉd�=�X��Jd�zHT��hؚ�\|c ��+�Q��5̍1C�rg�ݥ��ϩ i��6ހ��I��}#�Չ��+�NR�}��b�%�^��C�ˍ�.Է�3��oc�Wlx]��PU5ւs,�t\[��κ� ��{gD�0h0� �@ev�;k��ѳ�fw��+��#c��D��艝�?�"m�;ޝ��v�0r��y1R�ޟx�l��.��c�G��!&�}�)��F�t��"�y�'�A�%�a�w�hc=,��JJ\|0aD4e��\|Ld�(�p>1X��4H7��?ض ��s��T�� 6~��v�m\��,��K�� 2^��g��]�0�8�"��P´Gr��l ��:�J�jd��b�V��D�[+(��)��'k��Z�@��rd��ֱL��&^`[�N�a��l��l��kO��CmXK�Q��gAD+͍�ˡ�9�4%Sc��?�f��p}��\|ԀG�a(��{l�K�x)�Ȣ1��.�x��u�;� �,��[�w�C��#�]v�ݧ15}�\�u{Nb��cj�p�m��9��k7=��b�N�{�4RH��8j��tnI��Z�0`�;�� ��K�ˇm�\|��w�F��aW�tD^�Ҡ�e��Q\|�4��m��f�F��a�yf51��G\��2Bi�T&��Y��Y@�(;x ��1�I��Җ"[R��Q�&Da��1�L8��f��C@5"[M��+��w�8nr�Q�x�3X��hp#��%��V�7�һ4f^��>˱��m��W/�\'�a�{��몚�1a=��b��$;9�X.:@��'W�T$��{�yw��Χp$ �WTwJ5p��B��^�a��\��4��$�<5��9�>��q@s#i�%�0(p�p�+'�Փ��a�ͱe��W�7Z�;�� Q�;B(� Q�&D!L�B��0! aB�$0��^�7"��IEND�B`��team_carousel/assets/images/team-carousel-2.svg��0000644��00000002343�15231074400�0015555 0��ustar�00��<svg width="146" height="188" viewBox="0 0 146 188" xmlns="http://www.w3.org/2000/svg"><title>Group 11</title><desc>Created with Sketch.</desc><g transform="translate(-1189 -301) translate(1189 301)" fill="none"><g><path fill="#fff" d="M0 0h146v188h-146z"/><g transform="translate(12.479 12.45)"><rect id="Rectangle" fill="#F2F3F7" width="121.043" height="163.099" rx="4"/><g fill="#DFE1E3" fill-rule="nonzero"><path d="M61.386 23.853c-10.032 0-18.194 8.014-18.194 17.865 0 9.851 8.161 17.865 18.194 17.865 10.032 0 18.195-8.014 18.195-17.865 0-9.851-8.162-17.865-18.195-17.865zM61.385 63.822c-17.569 0-31.862 14.035-31.862 31.286h63.725c.001-17.252-14.293-31.286-31.863-31.286z"/></g></g></g><rect id="Rectangle" fill-opacity=".7" fill="#8D96A0" x="12.479" y="12.45" width="121.043" height="163.099" rx="4"/><g transform="translate(26.205 84.662)" fill="#DFE1E3"><rect x="11.231" width="72.376" height="7.47" rx="3"/><rect y="13.695" width="94.838" height="3.735" rx="1.5"/><g transform="translate(22.462 23.656)"><ellipse cx="3.744" cy="3.735" rx="3.744" ry="3.735"/><ellipse cx="17.47" cy="3.735" rx="3.744" ry="3.735"/><ellipse cx="31.197" cy="3.735" rx="3.744" ry="3.735"/><ellipse cx="44.923" cy="3.735" rx="3.744" ry="3.735"/></g></g></g></svg>��team_carousel/assets/images/team-carousel-3.svg��0000644��00000004442�15231074400�0015560 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="146px" height="188px" viewBox="0 0 146 188" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 61.2 (89653) - https://sketch.com --> <title>Team-layout3</title> <desc>Created with Sketch.</desc> <g id="Team-layout3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Group-3" transform="translate(2.000000, 57.000000)"> <rect id="Rectangle-Copy-29" stroke="#D6D9DD" fill="#FFFFFF" x="0.5" y="0.5" width="141" height="76" rx="4"></rect> <g id="Group-4" transform="translate(6.000000, 6.000000)"> <rect id="Rectangle" fill="#F2F3F7" x="0" y="0" width="67" height="65" rx="4"></rect> <g id="noun_profile_561365" transform="translate(16.000000, 13.000000)" fill="#D6D9DD" fill-rule="nonzero"> <g id="Group"> <path d="M18.0532155,0.10621464 C12.5118813,0.10621464 8.00409369,4.42641103 8.00409369,9.73714305 C8.00409369,15.0478751 12.5118813,19.3680715 18.0532155,19.3680715 C23.5945497,19.3680715 28.1028388,15.0478751 28.1028388,9.73714305 C28.1028388,4.42641103 23.5945497,0.10621464 18.0532155,0.10621464 L18.0532155,0.10621464 Z" id="Path"></path> <path d="M18.052714,21.653849 C8.34860922,21.653849 0.453837779,29.2200801 0.453837779,38.5203494 L35.6520918,38.5203494 C35.6525932,29.2200801 27.7573203,21.653849 18.052714,21.653849 Z" id="Path"></path> </g> </g> </g> <g id="Group-8" transform="translate(79.000000, 22.000000)" fill="#D6D9DD"> <rect id="Rectangle" x="0" y="0" width="35.0517241" height="6" rx="3"></rect> <rect id="Rectangle-Copy-6" x="0" y="11" width="57" height="3" rx="1.5"></rect> <ellipse id="Oval" cx="1.73275862" cy="29.32" rx="1.73275862" ry="1.68"></ellipse> <ellipse id="Oval-Copy" cx="8.0862069" cy="29.32" rx="1.73275862" ry="1.68"></ellipse> <ellipse id="Oval-Copy-2" cx="14.4396552" cy="29.32" rx="1.73275862" ry="1.68"></ellipse> <ellipse id="Oval-Copy-3" cx="20.7931034" cy="29.32" rx="1.73275862" ry="1.68"></ellipse> </g> </g> </g> </svg>��team_carousel/assets/images/.htaccess��0000555��00000000355�15231074400�0013734 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��team_carousel/assets/.htaccess��0000555��00000000355�15231074400�0012467 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��team_carousel/site.php��0000644��00000077523�15231074400�0011056 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonTeam_carousel extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $team_carousel_layout = (isset($settings->team_carousel_layout) && $settings->team_carousel_layout) ? $settings->team_carousel_layout : 'layout1'; $carousel_autoplay = (isset($settings->carousel_autoplay) && $settings->carousel_autoplay) ? $settings->carousel_autoplay : 0; $carousel_speed = (isset($settings->carousel_speed) && $settings->carousel_speed) ? $settings->carousel_speed : 2500; $carousel_interval = (isset($settings->carousel_interval) && $settings->carousel_interval) ? $settings->carousel_interval : 4500; $carousel_margin = (isset($settings->carousel_margin) && $settings->carousel_margin) ? $settings->carousel_margin : 0; $carousel_item_number_xl = (isset($settings->carousel_item_number_xl) && $settings->carousel_item_number_xl) ? $settings->carousel_item_number_xl : 3; $carousel_item_number_lg = (isset($settings->carousel_item_number_lg) && $settings->carousel_item_number_lg) ? $settings->carousel_item_number_lg : 3; $carousel_item_number_md = (isset($settings->carousel_item_number_md) && $settings->carousel_item_number_md) ? $settings->carousel_item_number_md : 3; $carousel_item_number_sm = (isset($settings->carousel_item_number_sm) && $settings->carousel_item_number_sm) ? $settings->carousel_item_number_sm : 3; $carousel_item_number_xs = (isset($settings->carousel_item_number_xs) && $settings->carousel_item_number_xs) ? $settings->carousel_item_number_xs : 1; $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 0; //Arrow style $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 0; $arrow_icon = (isset($settings->arrow_icon) && $settings->arrow_icon) ? $settings->arrow_icon : 'angle'; $left_arrow = ''; $right_arrow = ''; if ($arrow_icon == 'long_arrow') { $left_arrow = 'fa-long-arrow-left'; $right_arrow = 'fa-long-arrow-right'; } else { $left_arrow = 'fa-angle-left'; $right_arrow = 'fa-angle-right'; } $output = '<div class="sppb-addon sppb-carousel-extended' . $class . ' sppb-team-carousel-' . $team_carousel_layout . '" data-left-arrow="' . $left_arrow . '" data-right-arrow="' . $right_arrow . '" data-arrow="' . $carousel_arrow . '" data-dots="' . $carousel_bullet . '" data-team-layout="' . $team_carousel_layout . '" data-autoplay="' . $carousel_autoplay . '" data-speed="' . $carousel_speed . '" data-interval="' . $carousel_interval . '" data-margin="' . $carousel_margin . '" data-item-number-xl="' . $carousel_item_number_xl . '" data-item-number-lg="' . $carousel_item_number_lg . '" data-item-number-md="' . $carousel_item_number_md . '" data-item-number-sm="' . $carousel_item_number_sm . '" data-item-number-xs="' . $carousel_item_number_xs . '">'; if (isset($settings->sp_team_carousel_item) && is_array($settings->sp_team_carousel_item)) { foreach ($settings->sp_team_carousel_item as $item_key => $carousel_item) { $carousel_img = isset($carousel_item->team_carousel_img) && $carousel_item->team_carousel_img ? $carousel_item->team_carousel_img : ''; $carousel_img_src = isset($carousel_img->src) ? $carousel_img->src : $carousel_img; $personProfileLink = ''; if (isset($carousel_item->person_profile_link)) { $personProfileLink = EditorUtils::stringifyLinkItem($carousel_item->person_profile_link); } $content = ''; $content .= '<div class="sppb-carousel-extended-team-content' . ($team_carousel_layout ? ' sppb-carousel-' . $team_carousel_layout : '') . '">'; if ($team_carousel_layout == 'layout2') { $content .= '<div class="sppb-carousel-extended-item-overlay"></div>'; } $content .= '<div class="sppb-carousel-extended-team-content-wrap">'; if (isset($carousel_item->person_name)) { $content .= '<div class="sppb-carousel-extended-team-name">'; if (!empty($personProfileLink->url)) { $content .= '<a href="' . $personProfileLink->url . '" ' . $personProfileLink->attributes . '>'; } $content .= $carousel_item->person_name; if (!empty($personProfileLink->url)) { $content .= '</a>'; } $content .= '</div>'; } if (isset($carousel_item->person_designation)) { $content .= '<div class="sppb-carousel-extended-team-designation">'; $content .= $carousel_item->person_designation; $content .= '</div>'; } if (isset($carousel_item->team_carousel_item) && is_array($carousel_item->team_carousel_item)) { $content .= '<ul class="sppb-carousel-extended-team-social-icon">'; foreach ($carousel_item->team_carousel_item as $inner_item_key => $inner_item_value) { $socialUrl = EditorUtils::stringifyLinkItem($inner_item_value->social_url); $innerItemTitle = $inner_item_value->title ?? ''; $content .= '<li>'; $content .= '<a href="' . $socialUrl->url . '" ' . $socialUrl->attributes . ' aria-label="' . $innerItemTitle . '" >'; $content .= !empty($inner_item_value->social_icon) ? '<i class="' . $inner_item_value->social_icon . '" aria-hidden="true" title="' . $innerItemTitle . '"></i>' : $innerItemTitle; $content .= '</a>'; $content .= '</li>'; } $content .= '</ul>'; } $content .= '</div>'; $content .= '</div>'; $output .= '<div class="sppb-carousel-extended-item">'; if ($team_carousel_layout == 'layout1') { if ($personProfileLink) { $output .= '<a href="' . $personProfileLink->url . '" ' . $personProfileLink->attributes . '>'; } $output .= '<img src="' . $carousel_img_src . '" alt="' . (isset($carousel_item->person_name) ? $carousel_item->person_name : '') . '">'; if ($personProfileLink) { $output .= '</a>'; } $output .= $content; } elseif ($team_carousel_layout == 'layout2') { if ($personProfileLink) { $output .= '<a href="' . $personProfileLink->url . '" ' . $personProfileLink->attributes . '>'; } $output .= '<img src="' . $carousel_img_src . '" alt="' . (isset($carousel_item->person_name) ? $carousel_item->person_name : '') . '">'; if ($personProfileLink) { $output .= '</a>'; } $output .= $content; } else { $output .= '<div class="sppb-carousel-extended-team-wrap">'; $output .= '<div class="sppb-carousel-extended-team-img">'; if ($personProfileLink) { $output .= '<a href="' . $personProfileLink->url . '" ' . $personProfileLink->attributes . '>'; } $output .= '<img src="' . $carousel_img_src . '" alt="' . (isset($carousel_item->person_name) ? $carousel_item->person_name : '') . '">'; if ($personProfileLink) { $output .= '</a>'; } $output .= '</div>'; $output .= $content; $output .= '</div>'; } $output .= '</div>'; } } $output .= '</div>'; return $output; } public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/sp_carousel.js'); } public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $contentLayoutColorStyle = $cssHelper->generateStyle('.sppb-carousel-extended-team-content.sppb-carousel-layout1', $settings, ['content_bg_color' => 'background'], false); $contentWrapColorStyle = $cssHelper->generateStyle('.sppb-team-carousel-layout3 .sppb-carousel-extended-team-wrap', $settings, ['content_bg_color' => 'background'], false); $css .= $contentLayoutColorStyle; $css .= $contentWrapColorStyle; //Arrow Style $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 1; if ($carousel_arrow) { $arrowStyle = ''; $arrowStyleProps = [ 'arrow_height' => ['height', 'line-height'], 'arrow_width' => 'width', 'arrow_background' => 'background', 'arrow_color' => 'color', 'arrow_font_size' => 'font-size', 'arrow_border_width' => 'border-style: solid;border-width', 'arrow_border_color' => 'border-color', 'arrow_border_radius' => 'border-radius' ]; $arrowStyleUnits = [ 'arrow_background' => false, 'arrow_color' => false, 'arrow_border_color' => false, ]; $arrowStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control', $settings, $arrowStyleProps, $arrowStyleUnits); $arrowStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control', $settings, ['arrow_position_verti' => 'margin-top', 'arrow_position_hori' => ['margin-left', 'margin-right']], ['arrow_position_verti' => '%', 'arrow_position_hori' => 'px']); $arrowHoverStyle = ''; $arrowHoverStyleProps = [ 'arrow_hover_background' => 'background', 'arrow_hover_color' => 'color', 'arrow_hover_border_color' => 'border-color' ]; $arrowHoverStyleUnits = [ 'arrow_hover_background' => false, 'arrow_hover_color' => false, 'arrow_hover_border_color' => false, ]; $arrowHoverStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control:hover', $settings, $arrowHoverStyleProps, $arrowHoverStyleUnits); $arrowHoverStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control:hover', $settings, ['arrow_position_verti' => 'margin-top', 'arrow_position_hori' => ['margin-left', 'margin-right']], ['arrow_position_verti' => '%', 'arrow_position_hori' => 'px']); $css .= $arrowStyle; $css .= $arrowHoverStyle; } $css .= $cssHelper->generateStyle('.sppb-carousel-extended-nav-control', $settings, ['arrow_height' => 'top: -%s']); //Bullet Style $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 1; if ($carousel_bullet) { $bulletStyleProps = [ 'bullet_height' => ['height', 'line-height'], 'bullet_width' => 'width', 'bullet_background' => 'background', 'bullet_color' => 'color', 'bullet_font_size' => 'font-size', 'bullet_border_width' => 'border-style: solid;border-width', 'bullet_border_color' => 'border-color', 'bullet_border_radius' => 'border-radius' ]; $bulletStyleUnits = [ 'bullet_background' => false, 'bullet_color' => false, 'bullet_border_color' => false, ]; $css .= $cssHelper->generateStyle('.sppb-carousel-extended-dots ul li', $settings, $bulletStyleProps, $bulletStyleUnits); $css .= $cssHelper->generateStyle('.sppb-carousel-extended-dots', $settings, ['bullet_position_verti' => 'bottom', 'bullet_position_hori' => 'left'], ['bullet_position_verti' => '%', 'bullet_position_hori' => 'px']); $css .= $cssHelper->generateStyle('.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span', $settings, ['bullet_active_background' => 'background'], false); } //Overlay $settings->overlay_gradient = CSSHelper::parseColor($settings, 'overlay_gradient'); $css .= $cssHelper->generateStyle('.sppb-carousel-extended-item-overlay', $settings, ['overlay_gradient' => 'background'], false); //Content name style $nameStyle = $cssHelper->generateStyle('.sppb-carousel-extended-team-name, sppb-carousel-extended-team-name a', $settings, ['content_name_text_color' => 'color', 'content_name_margin' => 'margin'], ['content_name_text_color' => false, 'content_name_margin' => false], ['content_name_margin' => 'spacing']); $nameTypographyStyle = $cssHelper->typography('.sppb-carousel-extended-team-name, sppb-carousel-extended-team-name a', $settings, 'name_typography'); //Content designation style $designationStyle = $cssHelper->generateStyle('.sppb-carousel-extended-team-designation', $settings, ['content_designation_text_color' => 'color'], false); $designationTypographyStyle = $cssHelper->typography('.sppb-carousel-extended-team-designation', $settings, 'designation_typography'); $css .= $nameStyle; $css .= $nameTypographyStyle; $css .= $designationStyle; $css .= $designationTypographyStyle; //Social icon style $socialStyleProps = [ 'social_fontsize' => 'font-size', 'social_text_color' => 'color', 'social_width' => 'width', 'social_height' => 'height', 'social_border_width' => 'border-style:solid;border-width', 'social_border_color' => 'border-color', 'social_border_radius' => 'border-radius' ]; $socialStyleUnits = [ 'social_text_color' => false, 'social_border_color' => false ]; $socialStyle = $cssHelper->generateStyle('.sppb-carousel-extended-team-social-icon a', $settings, $socialStyleProps, $socialStyleUnits); $socialHoverStyle = $cssHelper->generateStyle('.sppb-carousel-extended-team-social-icon a:hover', $settings, ['social_hover_color' => 'color'], ['social_hover_color' => false]); $socialMarginStyle = $cssHelper->generateStyle('.sppb-carousel-extended-team-social-icon li ', $settings, ['social_margin' => 'margin'], ['social_margin' => false], ['social_margin' => 'spacing']); $css .= $socialStyle; $css .= $socialHoverStyle; $css .= $socialMarginStyle; return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css">'; $output .= $lodash->color('background-color', '.sppb-carousel-extended-item-overlay', 'data.overlay_gradient'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-team-content.sppb-carousel-layout1', 'data.content_bg_color'); $output .= $lodash->color('background-color', '.sppb-team-carousel-layout3 .sppb-carousel-extended-team-wrap', 'data.content_bg_color'); // Name $nameTypographyFallbacks = [ 'font' => 'data.content_name_font_family', 'size' => 'data.content_name_fontsize', 'line_height' => 'data.content_name_lineheight', 'letter_spacing' => 'data.content_name_letterspace', 'uppercase' => 'data.content_name_font_style?.uppercase', 'italic' => 'data.content_name_font_style?.italic', 'underline' => 'data.content_name_font_style?.underline', 'weight' => 'data.content_name_font_style?.weight', ]; $output .= $lodash->typography('.sppb-carousel-extended-team-name, .sppb-carousel-extended-team-name a', 'data.name_typography', $nameTypographyFallbacks); $output .= $lodash->color('color', '.sppb-carousel-extended-team-name, .sppb-carousel-extended-team-name a', 'data.content_name_text_color'); $output .= $lodash->spacing('margin', '.sppb-carousel-extended-team-name, .sppb-carousel-extended-team-name a', 'data.content_name_margin'); // Designation $designationTypographyFallbacks = [ 'font' => 'data.content_designation_font_family', 'size' => 'data.content_designation_fontsize', 'line_height' => 'data.content_designation_lineheight', 'letter_spacing' => 'data.content_designation_letterspace', 'uppercase' => 'data.content_designation_font_style?.uppercase', 'italic' => 'data.content_designation_font_style?.italic', 'underline' => 'data.content_designation_font_style?.underline', 'weight' => 'data.content_designation_font_style?.weight', ]; $output .= $lodash->typography('.sppb-carousel-extended-team-designation', 'data.designation_typography', $designationTypographyFallbacks); $output .= $lodash->color('color', '.sppb-carousel-extended-team-designation', 'data.content_designation_text_color'); $output .= $lodash->spacing('margin', '.sppb-carousel-extended-team-social-icon li', 'data.social_margin'); // Icon Normal $output .= $lodash->unit('font-size', '.sppb-carousel-extended-team-social-icon a', 'data.social_fontsize', 'px'); $output .= $lodash->unit('width', '.sppb-carousel-extended-team-social-icon a', 'data.social_width', 'px'); $output .= $lodash->unit('height', '.sppb-carousel-extended-team-social-icon a', 'data.social_height', 'px'); $output .= $lodash->unit('line-height', '.sppb-carousel-extended-team-social-icon a', 'data.social_height', 'px'); $output .= $lodash->unit('border-width', '.sppb-carousel-extended-team-social-icon a', 'data.social_border_width', 'px'); $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-team-social-icon a', 'data.social_border_radius', 'px'); $output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-team-social-icon a { <# if(data.social_border_width) { #> border-style: solid; <# } #> } '; $output .= $lodash->border('border-color', '.sppb-carousel-extended-team-social-icon a', 'data.social_border_color'); $output .= $lodash->color('color', '.sppb-carousel-extended-team-social-icon a', 'data.social_text_color'); // Icon Hover $output .= $lodash->color('color', '.sppb-carousel-extended-team-social-icon a:hover', 'data.social_hover_color'); $output .= '<# if (data.carousel_arrow) { #>'; $output .= $lodash->unit('height', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_height', 'px', false); $output .= $lodash->unit('line-height', '.sppb-carousel-extended-nav-control .nav-control', '(data.arrow_height)-(data.arrow_border_width)', 'px', false); $output .= $lodash->unit('border-width', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_width', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_radius', 'px', false); $output .= $lodash->unit('font-size', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_font_size', 'px', false); $output .= $lodash->unit('margin-top', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_verti', '%'); $output .= $lodash->unit('margin-left', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_hori', 'px'); $output .= $lodash->unit('margin-right', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_hori', 'px'); $output .= $lodash->unit('width', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_width', 'px', false); // Normal $output .= $lodash->color('background-color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_background'); $output .= $lodash->color('color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_color'); $output .= $lodash->border('border-color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_color'); $output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-nav-control .nav-control { border-style: solid;}'; $output .= $lodash->unit('top', '.sppb-carousel-extended-nav-control', 'data.arrow_height', 'px', false, '-'); // Hover $output .= $lodash->color('background-color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_background'); $output .= $lodash->color('color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_color'); $output .= $lodash->border('border-color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_border_color'); $output .= '<# } #>'; // Bullet $output .= '<# if (data.carousel_bullet) { #>'; $output .= $lodash->unit('bottom', '.sppb-carousel-extended-dots', 'data.bullet_position_verti', '%'); $output .= $lodash->unit('left', '.sppb-carousel-extended-dots', 'data.bullet_position_hori', 'px'); $output .= $lodash->unit('height', '.sppb-carousel-extended-dots ul li', 'data.bullet_height', 'px'); $output .= $lodash->unit('line-height', '.sppb-carousel-extended-dots ul li', '(data.bullet_height)-(data.bullet_border_width)', 'px'); $output .= $lodash->unit('border-width', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_width', 'px'); $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_radius', 'px'); $output .= $lodash->unit('width', '.sppb-carousel-extended-dots ul li', 'data.bullet_width', 'px'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-dots ul li', 'data.bullet_background'); $output .= $lodash->color('color', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_color'); $output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-dots ul li { <# if (data.bullet_border_width) { #> border-style: solid; <# } #> }'; $output .= $lodash->color('background-color', '.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span', 'data.bullet_active_background'); $output .= '<# } #>'; $output .= ' </style> <# var left_arrow =""; var right_arrow = ""; if(data.arrow_icon=="long_arrow"){ left_arrow ="fa-long-arrow-left"; right_arrow = "fa-long-arrow-right"; } else { left_arrow ="fa-angle-left"; right_arrow = "fa-angle-right"; } let carousel_item_number_xl = 3; let carousel_item_number_lg = 3; let carousel_item_number_md = 3; let carousel_item_number_sm = 2; let carousel_item_number_xs = 1; if (_.isObject(data.carousel_item_number)) { carousel_item_number_xl = data.carousel_item_number.xl carousel_item_number_lg = data.carousel_item_number.lg carousel_item_number_md = data.carousel_item_number.md carousel_item_number_sm = data.carousel_item_number.sm carousel_item_number_xs = data.carousel_item_number.xs } #> <div class="sppb-addon sppb-carousel-extended {{data.class}} sppb-team-carousel-{{data.team_carousel_layout}}" data-left-arrow="{{left_arrow}}" data-right-arrow="{{right_arrow}}" data-arrow="{{data.carousel_arrow}}" data-dots="{{data.carousel_bullet}}" data-team-layout="{{data.team_carousel_layout}}" data-autoplay="{{data.carousel_autoplay}}" data-speed="{{data.carousel_speed}}" data-interval="{{data.carousel_interval}}" data-margin="{{data.carousel_margin}}" data-item-number-xl="{{carousel_item_number_xl \|\| 3}}" data-item-number-lg="{{carousel_item_number_lg \|\| 3}}" data-item-number-md="{{carousel_item_number_md \|\| 3}}" data-item-number-sm="{{carousel_item_number_sm \|\| 2}}" data-item-number-xs="{{carousel_item_number_xs \|\| 1}}"> <# if(_.isArray(data.sp_team_carousel_item)){ _.each(data.sp_team_carousel_item, function(carousel_item){ const profileLink = carousel_item.person_profile_link; const isUrlObject = _.isObject(profileLink) && ( !!profileLink?.url \|\| !!profileLink?.page \|\| !!profileLink?.menu); const isUrlString = _.isString(profileLink) && profileLink !== ""; let target; let profileHref; let rel; if(isUrlObject \|\| isUrlString){ const urlObj = profileLink?.url ? profileLink : window.getSiteUrl(profileLink); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const profileUrl = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; target = new_tab ? `target="_blank"` : ""; let relData=""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; rel = `rel="${relData}"`; profileHref = profileUrl ? `href=${profileUrl}`: ""; } let content = ""; content += `<div class="sppb-carousel-extended-team-content sppb-carousel-${data.team_carousel_layout}">`; var carouselImg = {} if (typeof carousel_item.team_carousel_img !== "undefined" && typeof carousel_item.team_carousel_img.src !== "undefined") { carouselImg = carousel_item.team_carousel_img } else { carouselImg = {src: carousel_item.team_carousel_img} } if(data.team_carousel_layout == "layout2"){ content += `<div class="sppb-carousel-extended-item-overlay"></div>`; } content += `<div class="sppb-carousel-extended-team-content-wrap">`; if(carousel_item.person_name){ content += `<div class="sppb-carousel-extended-team-name">`; if(!!profileHref){ content += `<a ${profileHref} ${target} ${rel} >`; } content += `${carousel_item.person_name}`; if(!!profileHref){ content += `</a>`; } content += `</div>`; } if(carousel_item.person_designation) { content += `<div class="sppb-carousel-extended-team-designation">${carousel_item.person_designation}</div>`; } if( _.isArray(carousel_item.team_carousel_item)){ content += `<ul class="sppb-carousel-extended-team-social-icon">`; _.each(carousel_item.team_carousel_item, function(inner_item_value){ const socialUrl = inner_item_value.social_url; const isUrlObject = _.isObject(socialUrl) && ( !!socialUrl?.url \|\| !!socialUrl?.page \|\| !!socialUrl?.menu); const isUrlString = _.isString(socialUrl) && socialUrl !== ""; let socialTarget; let socialHref; let socialRel; if(isUrlObject \|\| isUrlString){ const urlObj = socialUrl?.url ? socialUrl : window.getSiteUrl(socialUrl); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const profileUrl = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; socialTarget = new_tab ? `target="_blank"` : ""; let relData=""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; socialRel = `rel="${relData}"`; socialHref = profileUrl ? `href=${profileUrl}`: ""; } content += `<li>`; content += `<a ${socialHref} ${socialRel} ${socialTarget} aria-label="${inner_item_value.title}"><i class="${inner_item_value.social_icon}" aria-hidden="true" title="${inner_item_value.title}"></i></a>`; content += `</li>`; }) content += `</ul>`; } content += `</div>`; content += `</div>`; #> <div class="sppb-carousel-extended-item"> <# if(data.team_carousel_layout == "layout1"){ if(carouselImg.src && carouselImg.src.indexOf("http://") == -1 && carouselImg.src.indexOf("https://") == -1){ if(profileHref){ #> <a {{profileHref}} {{target}} {{rel}} > <# } #> <img src=\'{{ pagebuilder_base + carouselImg.src }}\' alt="{{ carousel_item.person_name }}"> <# if(profileHref){ #> </a> <# } #> <# } else if(carouselImg.src){ if(profileHref){ #> <a {{profileHref}} {{target}} {{rel}} > <# } #> <img src=\'{{ carouselImg.src }}\' alt="{{ carousel_item.person_name }}"> <# if(profileHref){ #> </a> <# } #> <# } #> {{{content}}} <# } else if(data.team_carousel_layout == "layout2") { if(carouselImg.src && carouselImg.src.indexOf("http://") == -1 && carouselImg.src.indexOf("https://") == -1){ if(profileHref){ #> <a {{profileHref}} {{target}} {{rel}} > <# } #> <img src=\'{{ pagebuilder_base + carouselImg.src }}\' alt="{{ carousel_item.person_name }}"> <# if(profileHref){ #> </a> <# } #> <# } else if(carouselImg.src){ if(profileHref){ #> <a {{profileHref}} {{target}} {{rel}} > <# } #> <img src=\'{{ carouselImg.src }}\' alt="{{ carousel_item.person_name }}"> <# if(profileHref){ #> </a> <# } #> <# } #> {{{content}}} <# } else { #> <div class="sppb-carousel-extended-team-wrap"> <div class="sppb-carousel-extended-team-img"> <# if(carouselImg.src && carouselImg.src.indexOf("http://") == -1 && carouselImg.src.indexOf("https://") == -1){ if(profileHref){ #> <a {{profileHref}} {{target}} {{rel}} > <# } #> <img src=\'{{ pagebuilder_base + carouselImg.src }}\' alt="{{ carousel_item.person_name }}"> <# if(profileHref){ #> </a> <# } #> <# } else if(carouselImg.src){ if(profileHref){ #> <a {{profileHref}} {{target}} {{rel}} > <# } #> <img src=\'{{ carouselImg.src }}\' alt="{{ carousel_item.person_name }}"> <# if(profileHref){ #> </a> <# } #> <# } #> </div> {{{content}}} </div> <# } #> </div> <# }) } #> </div> '; return $output; } } ��team_carousel/admin.php��0000644��00000054117�15231074400�0011174 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'team_carousel', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TEAM_CAROUSEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TEAM_CAROUSEL_DESC'), 'category' => 'Slider', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g opacity=".5" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 30.8c0-.6.4-1 1-1h6c.6 0 1 .4 1 1s-.4 1-1 1h-6c-.6 0-1-.4-1-1z"/><path d="M17.9 13.3h-3.8c-1.7 0-3.1 1.2-3.1 2.7v5.5c0 .3.3.5.6.5h8.8c.3 0 .6-.2.6-.5V16c0-1.4-1.4-2.7-3.1-2.7z"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M23 2.2H9V21h14V2.2zM9 .1C7.9.1 7 1 7 2.2V21c0 1.2.9 2.1 2 2.1h14c1.1 0 2-.9 2-2.1V2.2C25 1 24.1.1 23 .1H9zM9 26.8c0-.6.4-1 1-1h12c.6 0 1 .4 1 1s-.4 1-1 1H10c-.6 0-1-.4-1-1z" fill="currentColor"/><path d="M27.8 14.5v-7c0-.5.5-.7.8-.4l3.1 3.5c.2.2.2.6 0 .8l-3.1 3.5c-.3.3-.8 0-.8-.4zM4.1 7.5v6.9c0 .5-.5.7-.8.4L.2 11.3c-.2-.2-.2-.6 0-.8L3.3 7c.3-.2.8.1.8.5zM16 6.1c-1.8 0-3.3 1.5-3.3 3.3 0 1.2.7 2.3 1.7 2.9.5.3 1 .4 1.6.4.6 0 1.1-.2 1.6-.4 1-.6 1.7-1.6 1.7-2.9 0-1.8-1.5-3.3-3.3-3.3z" fill="currentColor"/></svg>', 'settings' => [ 'carousel_layout_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_LAYOUTS'), 'fields' => [ 'team_carousel_layout' => [ 'type' => 'thumbnail', 'columns' => 3, 'values' => [ 'layout1' => ['svg' => '<svg viewBox="0 0 86 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" d="M0 0h86v88H0V0z" fill="currentColor" fill-opacity="0.3"/><rect opacity="0.1" x="9" y="9" width="68" height="43" rx="4" fill="currentColor"/><path opacity="0.5" d="M45.99 28.805h-5.98c-2.694 0-4.885 1.87-4.885 4.169v8.442c0 .46.437.834.977.834h13.796c.54 0 .977-.374.977-.834v-8.442c0-2.299-2.191-4.17-4.884-4.17z" fill="currentColor"/><path d="M43 17.75c-2.827 0-5.127 2.25-5.127 5.014 0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/><rect opacity="0.6" x="9" y="60" width="32" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="9" y="67" width="49" height="3" rx="1.5" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="11" cy="78" r="2"/><circle cx="18" cy="78" r="2"/><circle cx="25" cy="78" r="2"/></g></svg>'], 'layout2' => ['svg' => '<svg viewBox="0 0 86 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="9" width="68" height="61" rx="4" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="36" cy="78" r="2"/><circle cx="43" cy="78" r="2"/><circle cx="50" cy="78" r="2"/></g><path opacity="0.5" d="M47.08 38.342h-8.302c-3.737 0-6.778 2.595-6.778 5.786v11.715c0 .639.607 1.157 1.356 1.157h19.146c.748 0 1.355-.518 1.355-1.157V44.128c0-3.19-3.04-5.786-6.778-5.786z" fill="currentColor"/><path d="M42.928 23c-3.923 0-7.114 3.122-7.114 6.958 0 2.603 1.468 4.876 3.637 6.07a7.195 7.195 0 003.477.889 7.195 7.195 0 003.477-.89c2.17-1.193 3.638-3.466 3.638-6.069 0-3.836-3.192-6.958-7.115-6.958z" fill="currentColor"/><rect opacity="0.6" x="26" y="42" width="32" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="16" y="49" width="52" height="3" rx="1.5" fill="currentColor"/></svg>'], 'layout3' => ['svg' => '<svg viewBox="0 0 86 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h86v88H0z"/><rect opacity="0.1" x="9" y="20" width="33" height="44" rx="4" fill="currentColor"/><g opacity="0.5" fill="currentColor"><circle cx="52" cy="56" r="2"/><circle cx="59" cy="56" r="2"/><circle cx="66" cy="56" r="2"/></g><path opacity="0.5" d="M28.866 42.055h-5.982c-2.693 0-4.884 1.87-4.884 4.169v8.442c0 .46.437.834.977.834h13.796c.54 0 .977-.374.977-.834v-8.442c0-2.299-2.191-4.17-4.884-4.17z" fill="currentColor"/><path d="M25.875 31c-2.827 0-5.127 2.25-5.127 5.014 0 1.875 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/><rect opacity="0.6" x="50" y="34" width="15" height="4" rx="2" fill="currentColor"/><rect opacity="0.6" x="50" y="26" width="26" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="50" y="43" width="20" height="3" rx="1.5" fill="currentColor"/></svg>'], ], 'std' => 'layout1', ], 'content_bg_separator' => [ 'type' => 'separator', ], 'content_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [ ['team_carousel_layout', '!=', 'layout2'] ], ], 'overlay_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OVERLAY'), 'std' => [ "color" => "rgba(0, 169, 255, .9)", "color2" => "rgba(0, 47, 255, .9)", "deg" => "125", "type" => "linear" ], 'depends' => [ ['team_carousel_layout', '=', 'layout2'] ], ], ], ], 'items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'fields' => [ 'sp_team_carousel_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'std' => [ [ 'team_carousel_img' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team1.jpg', ], 'person_name' => 'John Doe', 'person_designation' => 'Software Engineer', 'team_carousel_item' => [ [ 'title' => 'Facebook', 'social_icon' => 'fab fa-facebook-f', 'social_url' => 'https://facebook.com' ], [ 'title' => 'twitter', 'social_icon' => 'fab fa-twitter', 'social_url' => 'https://twitter.com' ], [ 'title' => 'Linkedin', 'social_icon' => 'fab fa-linkedin', 'social_url' => 'https://linkedin.com' ], ], ], [ 'team_carousel_img' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team2.jpg', ], 'person_name' => 'John Doe', 'person_designation' => 'Software Engineer', 'team_carousel_item' => [ [ 'title' => 'Facebook', 'social_icon' => 'fab fa-facebook-f', 'social_url' => 'https://facebook.com' ], [ 'title' => 'twitter', 'social_icon' => 'fab fa-twitter', 'social_url' => 'https://twitter.com' ], [ 'title' => 'Linkedin', 'social_icon' => 'fab fa-linkedin', 'social_url' => 'https://linkedin.com' ], ], ], [ 'team_carousel_img' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team3.jpg', ], 'person_name' => 'John Doe', 'person_designation' => 'Software Engineer', 'team_carousel_item' => [ [ 'title' => 'Facebook', 'social_icon' => 'fab fa-facebook-f', 'social_url' => 'https://facebook.com' ], [ 'title' => 'twitter', 'social_icon' => 'fab fa-twitter', 'social_url' => 'https://twitter.com' ], [ 'title' => 'Linkedin', 'social_icon' => 'fab fa-linkedin', 'social_url' => 'https://linkedin.com' ], ], ], [ 'team_carousel_img' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team1.jpg', ], 'person_name' => 'John Doe', 'person_designation' => 'Software Engineer', 'team_carousel_item' => [ [ 'title' => 'Facebook', 'social_icon' => 'fab fa-facebook-f', 'social_url' => 'https://facebook.com' ], [ 'title' => 'twitter', 'social_icon' => 'fab fa-twitter', 'social_url' => 'https://twitter.com' ], [ 'title' => 'Linkedin', 'social_icon' => 'fab fa-linkedin', 'social_url' => 'https://linkedin.com' ], ], ], [ 'team_carousel_img' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team2.jpg', ], 'person_name' => 'John Doe', 'person_designation' => 'Software Engineer', 'team_carousel_item' => [ [ 'title' => 'Facebook', 'social_icon' => 'fab fa-facebook-f', 'social_url' => 'https://facebook.com' ], [ 'title' => 'twitter', 'social_icon' => 'fab fa-twitter', 'social_url' => 'https://twitter.com' ], [ 'title' => 'Linkedin', 'social_icon' => 'fab fa-linkedin', 'social_url' => 'https://linkedin.com' ], ], ], [ 'team_carousel_img' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team3.jpg', ], 'person_name' => 'John Doe', 'person_designation' => 'Software Engineer', 'team_carousel_item' => [ [ 'title' => 'Facebook', 'social_icon' => 'fab fa-facebook-f', 'social_url' => 'https://facebook.com' ], [ 'title' => 'twitter', 'social_icon' => 'fab fa-twitter', 'social_url' => 'https://twitter.com' ], [ 'title' => 'Linkedin', 'social_icon' => 'fab fa-linkedin', 'social_url' => 'https://linkedin.com' ], ], ] ], 'attr' => [ 'person' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADMIN_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADMIN_LABEL_DESC'), ], 'person_name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_NAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_NAME_DESC'), ], 'person_profile_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), ], 'team_carousel_img' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'std' => [ 'src' => 'https://sppagebuilder.com/addons/team_carousel/team1.jpg', ] ], 'person_designation' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DESIGNATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DESIGNATION_DESC'), ], // Social 'social_separator' => [ 'type' => 'separator', ], 'team_carousel_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SOCIAL'), 'attr' => [ 'social_links' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SOCIAL'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Facebook' ], 'social_url' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'type' => 'link' ], 'social_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'std' => 'fab fa-facebook-f' ], ], ], ], ], ], ], ], ], ], ], 'name_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_NAME_OPTIONS'), 'fields' => [ 'name_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_name_font_family', 'size' => 'content_name_fontsize', 'line_height' => 'content_name_lineheight', 'letter_spacing' => 'content_name_letterspace', 'uppercase' => 'content_name_font_style.uppercase', 'italic' => 'content_name_font_style.italic', 'underline' => 'content_name_font_style.underline', 'weight' => 'content_name_font_style.weight', ], ], 'content_name_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ], ], 'designation_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_DESIGNATION_OPTIONS'), 'fields' => [ 'designation_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_designation_font_family', 'size' => 'content_designation_fontsize', 'line_height' => 'content_designation_lineheight', 'letter_spacing' => 'content_designation_letterspace', 'uppercase' => 'content_designation_font_style.uppercase', 'italic' => 'content_designation_font_style.italic', 'underline' => 'content_designation_font_style.underline', 'weight' => 'content_designation_font_style.weight', ], ], 'content_designation_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ] ], 'social_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_SOCIAL_OPTIONS'), 'fields' => [ 'social_fontsize' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'responsive' => true, 'max' => 400, ], 'social_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'min' => 0, 'max' => 200, 'responsive' => true, ], 'social_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'min' => 0, 'max' => 200, 'responsive' => true, ], 'social_color_separator' => [ 'type' => 'separator', ], 'social_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'social_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER'), ], 'social_border_separator' => [ 'type' => 'separator', ], 'social_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'min' => 0, 'max' => 10, ], 'social_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'social_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'min' => 0, 'max' => 200, ], 'social_margin_separator' => [ 'type' => 'separator', ], 'social_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'max' => 400, 'responsive' => true ], ], ], 'carousel' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_OPTIONS'), 'fields' => [ 'carousel_item_number' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER_DESC'), 'min' => 1, 'max' => 15, 'responsive' => true, 'std' => ['xl' => 3], ], 'carousel_autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY_DESC'), 'std' => 0 ], 'carousel_interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_INTERVAL_DESC'), 'std' => 4500 ], 'carousel_speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED_DESC'), 'std' => 2500 ], 'carousel_bullet' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS_DESC'), 'std' => 1, ], 'carousel_arrow' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS_DESC'), 'std' => 1, ], ], ], 'arrows_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_ARROWS_OPTIONS'), 'fields' => [ 'arrow_position_verti' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION_DESC'), 'min' => -100, 'max' => 100, 'responsive' => true, ], 'arrow_position_hori' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION_DESC'), 'min' => -200, 'max' => 200, 'responsive' => true, ], 'arrow_icon' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON'), 'values' => [ 'angle' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON_ANGLE'), 'long_arrow' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON_LONG_ARROW'), ], 'std' => 'angle', ], 'arrow_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 200, 'min' => 10, 'std' => 60, ], 'arrow_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => '', 'max' => 200, 'min' => 10, 'std' => 60, ], 'arrow_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 100, ], 'arrow_color_separator' => [ 'type' => 'separator', ], 'arrow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'arrow_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR_HOVER'), ], 'arrow_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'arrow_hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_HOVER'), ], 'arrow_border_separator' => [ 'type' => 'separator', ], 'arrow_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 20, 'std' => 0, ], 'arrow_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'arrow_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR_HOVER'), ], 'arrow_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'max' => 100, ], ] ], 'bullets_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PERSON_CONTROLS_OPTIONS'), 'fields' => [ 'bullet_position_verti' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION_DESC'), 'min' => -100, 'max' => 100, 'responsive' => true, ], 'bullet_position_hori' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION_DESC'), 'min' => -2000, 'max' => 2000, 'responsive' => true, ], 'bullet_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 100, 'min' => 1, 'std' => 4, ], 'bullet_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 100, 'min' => 10, 'std' => 25, ], 'bullet_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'bullet_active_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_HOVER'), ], // Border 'bullet_border_separator' => [ 'type' => 'separator', ], 'bullet_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 20, 'std' => 0, ], 'bullet_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'bullet_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 100, ], ], ], ], ]); ��team_carousel/.htaccess��0000555��00000000355�15231074400�0011165 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��alert/assets/images/icon.png��0000644��00000003440�15231074400�0012055 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:34CBF31340E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:34CBF31440E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:34CBF31140E111E69A38F8F21A167467" stRef:documentID="xmp.did:34CBF31240E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>cG��IDATx�윋��0@E&Ёu�Tpt�RA� B�@ �U��݌�#��>��vFc�s豻�b�8�D�v�jj��F��]P12A��@�V'`�5��h�O��/�W�� ѰNc~��vI��k�(#0��5pg�K7��ű�g�aT�̎� �t&��۶N�3��&�2W�ͩ��p7�w�+>_�g��<\��$9��AC�B��X��gnH&�h�Z� Ρ:w+�V�Q.�5�h\0,�q�e.��\|K B��aV��l��H�`v� X�ou5`90��0�RD�薠�'0�]-�'�Z-� �!�.��=�]�k���޹1�r�%�ƶ�9;ɰ�,}=5z��}�z͵�`r$��7͵;L4g~�\|v��A}X��#�E��'�}D��u+��/EH`��!�=�$` X�J\lw�a�x)`��I&I��FI듆%�<~X�s��k`<��I��t��oÖ]�<P�0/D񢄉��>��=2HɗU�Ӻ�k�p/E�V��p��"�=-R�y�O`��6b�%�\|��UF�4i�+`�n�#�]��#�O�6;�H˨`��F$ʸ�<aM�'5T��Ԉ�:� h3�q.�"��m�61y� l$O(�l�z��#��?�V+lf#�;��4�w�\��{��O�z��\g��=��U�9��I@`0Ū-��B��;��@��B�&`P�ּHO��m� [�HUQ�zƧU�QM [`��;�L�R��J��t�EhL��'0�$]!��v�Ą��kI�W��@�b(\|[ �Q��L��'��P6��85��IEND�B`��alert/assets/images/.htaccess��0000555��00000000355�15231074400�0012220 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��alert/assets/.htaccess��0000555��00000000355�15231074400�0010753 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��alert/site.php��0000644��00000010617�15231074400�0007331 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonAlert extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $type = (isset($settings->alrt_type) && $settings->alrt_type) ? ' sppb-alert-' . $settings->alrt_type : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : ''; $close = (isset($settings->close) && $settings->close) ? $settings->close : false; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; if ($text) { $output = '<div class="sppb-addon sppb-addon-alert' . $class . '">'; $output .= (!empty($title)) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-alert' . $type . ' sppb-fade in" role="alertdialog">'; $output .= ($close) ? '<button type="button" class="sppb-close" data-dismiss="sppb-alert" aria-label="alert dismiss" data-id="'.$addon_id.'"><span aria-hidden="true">×</span></button>' : ''; $output .= $text; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } return; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $textFontStyle = $cssHelper->typography('.sppb-addon-content', $settings, 'content_typography', ['font' => 'text_font_family',]); $css .= $textFontStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css">'; // Title $titleTypographyFallbacks = [ 'font' => 'data.font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->color('color', '.sppb-addon-title', 'data.title_text_color'); // Content $contentTypographyFallbacks = [ 'font' => 'data.text_font_family' ]; $output .= $lodash->typography('.sppb-addon-content', 'data.content_typography', $contentTypographyFallbacks); $output .= ' </style> <div class="sppb-addon sppb-addon-alert {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <div class="sppb-alert sppb-alert-{{ data.alrt_type }} sppb-fade in" role="alertdialog"> <# if( data.close ){ #> <button type="button" class="sppb-close"><span aria-hidden="true">×</span></button> <# } #> <div id="addon-text-{{data.id}}" class="sp-editable-content" data-id={{data.id}} data-fieldName="text">{{{ data.text }}}</div> </div> </div> </div>'; return $output; } }��alert/admin.php��0000644��00000011170�15231074400�0007450 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig( [ 'type' => 'content', 'addon_name' => 'alert', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ALERT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ALERT_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.954 3.754a9.402 9.402 0 0116.05 6.648c0 4.753 1.017 7.736 1.978 9.497.482.884.955 1.47 1.292 1.826a4.631 4.631 0 00.48.443l.014.01a1 1 0 01-.564 1.826H3a1 1 0 01-.563-1.827l.013-.01a4.617 4.617 0 00.48-.442c.337-.356.81-.942 1.292-1.826.961-1.762 1.979-4.744 1.979-9.498 0-2.493.99-4.884 2.753-6.647zM5.27 22.004h20.664c-.23-.33-.47-.711-.708-1.147-1.14-2.089-2.222-5.407-2.222-10.455a7.402 7.402 0 00-14.803 0c0 5.048-1.083 8.366-2.223 10.455a12.14 12.14 0 01-.708 1.147z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M12.678 27.74a1 1 0 011.367.363 1.8 1.8 0 003.115 0 1 1 0 011.73 1.003 3.8 3.8 0 01-6.575 0 1 1 0 01.363-1.366z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'std' => 'An alert box is a common user interface element in web and mobile applications that displays a message to the user, typically used to convey important information or to ask for confirmation before performing a task. Unlike regular webpage content, the alert box usually requires the user\'s immediate attention.' ], 'alrt_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ALERT_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ALERT_TYPE_DESC'), 'values' => [ 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'light' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LIGHT'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), ], 'inline' => true, 'std' => 'primary' ], 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_font_family' ], ], 'close' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ALERT_CLOSE_BUTTON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ALERT_CLOSE_BUTTON_DESC'), 'std' => 1 ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'inline' => true, ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ], ], ], 'attr' => [], ] ); ��alert/.htaccess��0000555��00000000355�15231074400�0007451 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_carousel/assets/images/imgage-carousel-1.svg��0000644��00000001552�15231074400�0016214 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="147px" height="71px" viewBox="0 0 147 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 58 (84663) - https://sketch.com --> <title>Group 23</title> <desc>Created with Sketch.</desc> <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-Copy" transform="translate(-595.000000, -874.000000)"> <g id="Group-23" transform="translate(595.000000, 874.000000)"> <rect id="Rectangle-Copy-64" fill="#F2F3F7" x="1.42108547e-14" y="0" width="146.729508" height="70.2295082"></rect> <rect id="Rectangle-Copy-15" fill="#D6D9DD" x="18.8114754" y="18.8114754" width="109.106557" height="32.6065574" rx="2"></rect> </g> </g> </g> </svg>��image_carousel/assets/images/imgage-carousel-5.svg��0000644��00000002221�15231074400�0016212 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="147px" height="71px" viewBox="0 0 147 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 58 (84663) - https://sketch.com --> <title>Group 32</title> <desc>Created with Sketch.</desc> <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-Copy" transform="translate(-754.000000, -1039.000000)"> <g id="Group-32" transform="translate(754.270492, 1039.540984)"> <rect id="Rectangle-Copy-69" fill="#F2F3F7" x="0" y="0" width="146.729508" height="70.2295082"></rect> <rect id="Rectangle-Copy-36" fill="#D6D9DD" x="18.8114754" y="11.2868852" width="109.106557" height="47.6557377" rx="2"></rect> <rect id="Rectangle-Copy-37" fill="#F2F3F7" x="57.6885246" y="41.3852459" width="32.6065574" height="5.01639344" rx="2.50819672"></rect> <rect id="Rectangle-Copy-38" fill="#F2F3F7" x="48.9098361" y="50.1639344" width="50.1639344" height="2.50819672" rx="1.25409836"></rect> </g> </g> </g> </svg>��image_carousel/assets/images/imgage-carousel-2.svg��0000644��00000002174�15231074400�0016216 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="147px" height="71px" viewBox="0 0 147 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 58 (84663) - https://sketch.com --> <title>Group 22</title> <desc>Created with Sketch.</desc> <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-Copy" transform="translate(-754.000000, -874.000000)"> <g id="Group-22" transform="translate(754.270492, 874.000000)"> <rect id="Rectangle-Copy-67" fill="#F2F3F7" x="0" y="0" width="146.729508" height="70.2295082"></rect> <rect id="Rectangle-Copy-32" fill="#D6D9DD" x="18.8114754" y="18.8114754" width="33.8606557" height="32.6065574" rx="2"></rect> <rect id="Rectangle-Copy-34" fill="#D6D9DD" x="56.4344262" y="18.8114754" width="33.8606557" height="32.6065574" rx="2"></rect> <rect id="Rectangle-Copy-39" fill="#D6D9DD" x="94.057377" y="18.8114754" width="33.8606557" height="32.6065574" rx="2"></rect> </g> </g> </g> </svg>��image_carousel/assets/images/icon.png��0000644��00000002370�15231074400�0013726 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��IDATx��񷸶m۶m۶m۶m۶m�F�ﮮdT��>U��n��_��%��T`0� L��x`0˰�ÌA܀l4u>v��^��d`0�ͭvd`u��MU�90&a� �=8�+f^?$[��:i��qŕ�B! !��]��\`��O��\|��&؈�6_�A�7� � �{��F�ߨ%��z]T�v��"�s��q�Ο��J�SI�x�xS��,�O1��)��201j`":��m�+�p>u��u��Z� M�c��ЎsM@"�A_��;�V�Q��_؃�6�_��\|n�XA�ma�-��E��~�X�!��Mr��J�sҋ��И��gChAP��%��X��γ��;p��X#�DO��a髰��F��a1��Ę�(��a��KւPw�q'��#zZ�з ѭx��B�1-� }��Q~�X<z�#��莏�<+�L�h�gWL��=�ATP��h��i�sN-� ��o�� .�'�y��`�0�gB ��=�0S�~@O��D`Tt�� ۄ�ߠ \|P\Z=�Ga�O>��qj`��¿}Bo��N�HZ`?F3��ȧ3�4��3�� u�&!X��J}�� K'-���!�ɖ#\�>3��h��cf\�ftY��[�Y)��2��Z��Z0��I$wh`��H���׊qu�T8�}��!��m�_��V!G�C�w��+^{Xm7݀c�<�c6�lZ��_� l-��<iCˤ��w�x��e��0��{\�c� W=8�k��Y ��sԶ��8$0O��Y�6�v{�4��0��B��S� � ��h�8�H��2Y0w:�BI��鍉F��0.U�� k4A/sw�o�w�zs��q\1��$W z+l݌�� ?t�k�}Z�w�+�� ^�t��n�;��<��w�FB��1�-f�"�NoX\|�鯨?��W,,NJ;h2��.�~G�u��cЛ��m�\�.鏼(e�&�4��8��B��74J ?��0�ԃ� L�ST`0� L��F�g��IEND�B`��image_carousel/assets/images/imgage-carousel-3.svg��0000644��00000002245�15231074400�0016216 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="147px" height="71px" viewBox="0 0 147 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 58 (84663) - https://sketch.com --> <title>Group 30</title> <desc>Created with Sketch.</desc> <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-Copy" transform="translate(-595.000000, -956.000000)"> <g id="Group-30" transform="translate(595.000000, 956.770492)"> <rect id="Rectangle-Copy-65" fill="#F2F3F7" x="1.42108547e-14" y="0" width="146.729508" height="70.2295082"></rect> <rect id="Rectangle-Copy-18" fill="#D6D9DD" x="45.147541" y="16.3032787" width="56.4344262" height="37.6229508" rx="2"></rect> <rect id="Rectangle-Copy-30" fill="#D6DAE0" opacity="0.5" x="105.344262" y="18.8114754" width="22.5737705" height="32.6065574" rx="2"></rect> <rect id="Rectangle-Copy-31" fill="#D6DAE0" opacity="0.5" x="18.8114754" y="18.8114754" width="22.5737705" height="32.6065574" rx="2"></rect> </g> </g> </g> </svg>��image_carousel/assets/images/imgage-carousel-4.svg��0000644��00000002174�15231074400�0016220 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="147px" height="71px" viewBox="0 0 147 71" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 58 (84663) - https://sketch.com --> <title>Group 31</title> <desc>Created with Sketch.</desc> <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-Copy" transform="translate(-754.000000, -956.000000)"> <g id="Group-31" transform="translate(754.270492, 956.770492)"> <rect id="Rectangle-Copy-68" fill="#F2F3F7" x="0" y="0" width="146.729508" height="70.2295082"></rect> <rect id="Rectangle-Copy-33" fill="#D6D9DD" x="18.8114754" y="18.8114754" width="16.3032787" height="32.6065574" rx="2"></rect> <rect id="Rectangle-Copy-35" fill="#D6D9DD" x="38.8770492" y="18.8114754" width="53.9262295" height="32.6065574" rx="2"></rect> <rect id="Rectangle-Copy-40" fill="#D6D9DD" x="96.5655738" y="18.8114754" width="31.352459" height="32.6065574" rx="2"></rect> </g> </g> </g> </svg>��image_carousel/assets/images/.htaccess��0000555��00000000355�15231074400�0014070 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_carousel/assets/.htaccess��0000555��00000000355�15231074400�0012623 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_carousel/site.php��0000644��00000115354�15231074400�0011205 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonImage_carousel extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $image_carousel_layout = (isset($settings->image_carousel_layout) && $settings->image_carousel_layout) ? $settings->image_carousel_layout : 'layout2'; $carousel_autoplay = (isset($settings->carousel_autoplay) && $settings->carousel_autoplay) ? $settings->carousel_autoplay : 0; $carousel_speed = (isset($settings->carousel_speed) && $settings->carousel_speed) ? $settings->carousel_speed : 2500; $carousel_interval = (isset($settings->carousel_interval) && $settings->carousel_interval) ? $settings->carousel_interval : 4500; $carousel_center_padding_xl = (isset($settings->carousel_center_padding_xl) && is_numeric($settings->carousel_center_padding_xl)) ? $settings->carousel_center_padding_xl : 180; $carousel_center_padding_lg = (isset($settings->carousel_center_padding_lg) && is_numeric($settings->carousel_center_padding_lg)) ? $settings->carousel_center_padding_lg : 180; $carousel_center_padding_md = (isset($settings->carousel_center_padding_md) && is_numeric($settings->carousel_center_padding_md)) ? $settings->carousel_center_padding_md : 180; $carousel_center_padding_sm = (isset($settings->carousel_center_padding_sm) && is_numeric($settings->carousel_center_padding_sm)) ? $settings->carousel_center_padding_sm : 90; $carousel_center_padding_xs = (isset($settings->carousel_center_padding_xs) && is_numeric($settings->carousel_center_padding_xs)) ? $settings->carousel_center_padding_xs : 50; $carousel_item_number_xl = (isset($settings->carousel_item_number_xl) && $settings->carousel_item_number_xl) ? $settings->carousel_item_number_xl : 3; $carousel_item_number_lg = (isset($settings->carousel_item_number_lg) && $settings->carousel_item_number_lg) ? $settings->carousel_item_number_lg : 3; $carousel_item_number_md = (isset($settings->carousel_item_number_md) && $settings->carousel_item_number_md) ? $settings->carousel_item_number_md : 3; $carousel_item_number_sm = (isset($settings->carousel_item_number_sm) && $settings->carousel_item_number_sm) ? $settings->carousel_item_number_sm : 3; $carousel_item_number_xs = (isset($settings->carousel_item_number_xs) && $settings->carousel_item_number_xs) ? $settings->carousel_item_number_xs : 1; $carousel_height_xl = (isset($settings->carousel_height_xl) && $settings->carousel_height_xl) ? $settings->carousel_height_xl : 500; $carousel_height_lg = (isset($settings->carousel_height_lg) && $settings->carousel_height_lg) ? $settings->carousel_height_lg : 500; $carousel_height_md = (isset($settings->carousel_height_md) && $settings->carousel_height_md) ? $settings->carousel_height_md : 500; $carousel_height_sm = (isset($settings->carousel_height_sm) && $settings->carousel_height_sm) ? $settings->carousel_height_sm : 400; $carousel_height_xs = (isset($settings->carousel_height_xs) && $settings->carousel_height_xs) ? $settings->carousel_height_xs : 300; $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 0; $carousel_overlay = (isset($settings->carousel_overlay) && $settings->carousel_overlay) ? $settings->carousel_overlay : 0; $carousel_fade = (isset($settings->carousel_fade) && $settings->carousel_fade) ? $settings->carousel_fade : 0; $carousel_margin_xl = 15; $carousel_margin_lg = ''; $carousel_margin_md = ''; $carousel_margin_sm = ''; $carousel_margin_xs = ''; if(isset($settings->carousel_margin_original) && is_object(($settings->carousel_margin_original))) { $carousel_margin_xl = (isset($settings->carousel_margin_original->xl) && $settings->carousel_margin_original->xl) ? $settings->carousel_margin_original->xl : ''; $carousel_margin_lg = (isset($settings->carousel_margin_original->lg) && $settings->carousel_margin_original->lg) ? $settings->carousel_margin_original->lg : ''; $carousel_margin_md = (isset($settings->carousel_margin_original->md) && $settings->carousel_margin_original->md) ? $settings->carousel_margin_original->md : ''; $carousel_margin_sm = (isset($settings->carousel_margin_original->sm) && $settings->carousel_margin_original->sm) ? $settings->carousel_margin_original->sm : ''; $carousel_margin_xs = (isset($settings->carousel_margin_original->xs) && $settings->carousel_margin_original->xs) ? $settings->carousel_margin_original->xs : ''; } else { $carousel_margin = (isset($settings->carousel_margin) && $settings->carousel_margin) ? $settings->carousel_margin : ''; $carousel_margin_xl = $carousel_margin; $carousel_margin_lg = $carousel_margin; $carousel_margin_md = $carousel_margin; $carousel_margin_sm = $carousel_margin; $carousel_margin_xs = $carousel_margin; } //Arrow style $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 0; $arrow_icon = (isset($settings->arrow_icon) && $settings->arrow_icon) ? $settings->arrow_icon : 'angle'; $left_arrow = ''; $right_arrow = ''; if ($arrow_icon == 'long_arrow') { $left_arrow = 'fa-long-arrow-left'; $right_arrow = 'fa-long-arrow-right'; } else { $left_arrow = 'fa-angle-left'; $right_arrow = 'fa-angle-right'; } //Output $output = '<div class="sppb-addon sppb-carousel-extended' . $class . ' sppb-image-carousel-' . $image_carousel_layout . '" data-left-arrow="' . $left_arrow . '" data-right-arrow="' . $right_arrow . '" data-arrow="' . $carousel_arrow . '" data-dots="' . $carousel_bullet . '" data-image-layout="' . $image_carousel_layout . '" data-autoplay="' . $carousel_autoplay . '" data-speed="' . $carousel_speed . '" data-interval="' . $carousel_interval . '" data-margin-xl="' . $carousel_margin_xl . '" data-margin-lg="' . $carousel_margin_lg . '" data-margin-md="' . $carousel_margin_md . '" data-margin-sm="' . $carousel_margin_sm . '" data-margin-xs="' . $carousel_margin_xs . '" ' . (($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') ? '' : '') . ' ' . (($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') ? 'data-padding-xl="' . $carousel_center_padding_xl . '"' : '') . ' ' . (($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') ? 'data-padding-lg="' . $carousel_center_padding_lg . '"' : '') . ' ' . (($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') ? 'data-padding-md="' . $carousel_center_padding_md . '"' : '') . ' ' . (($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') ? 'data-padding-sm="' . $carousel_center_padding_sm . '"' : '') . ' ' . (($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') ? 'data-padding-xs="' . $carousel_center_padding_xs . '"' : '') . ' " data-height-xl="' . $carousel_height_xl . '" data-height-lg="' . $carousel_height_lg . '" data-height-md="' . $carousel_height_md . ' " data-height-sm="' . $carousel_height_sm . '" data-height-xs="' . $carousel_height_xs . '" data-item-number-xl="' . $carousel_item_number_xl . '" data-item-number-lg="' . $carousel_item_number_lg . '" data-item-number-md="' . $carousel_item_number_md . '" data-item-number-sm="' . $carousel_item_number_sm . '" data-item-number-xs="' . $carousel_item_number_xs . '"' . ($image_carousel_layout == 'layout1' && $carousel_fade ? ' data-fade="' . $carousel_fade . '"' : '') . '>'; if (isset($settings->sp_image_carousel_item) && is_array($settings->sp_image_carousel_item)) { foreach ($settings->sp_image_carousel_item as $item_key => $carousel_item) { $output .= '<div class="sppb-carousel-extended-item">'; $image_carousel_img = isset($carousel_item->image_carousel_img) && $carousel_item->image_carousel_img ? $carousel_item->image_carousel_img : ''; $image_carousel_img_src = isset($image_carousel_img->src) ? $image_carousel_img->src : $image_carousel_img; if (!empty($carousel_item->image_carousel_img_link)) { list($link, $target) = AddonHelper::parseLink($carousel_item, 'image_carousel_img_link', ['url' => 'image_carousel_img_link', 'new_tab' => 'link_open_new_window']); if (!empty($link)) { $output .= '<a href="' . $link . '" ' . $target . '>'; } } $output .= '<img src="' . $image_carousel_img_src . '" alt="' . (isset($carousel_item->item_title) ? $carousel_item->item_title : '') . '">'; if ($carousel_overlay) { $output .= '<div class="sppb-carousel-extended-item-overlay"></div>'; } if ($image_carousel_layout != '') { $output .= '<div class="sppb-carousel-extended-content-wrap">'; if (isset($carousel_item->item_title)) { $output .= '<div class="sppb-carousel-extended-heading">'; $output .= $carousel_item->item_title; $output .= '</div>'; } if (isset($carousel_item->item_subtitle)) { $output .= '<div class="sppb-carousel-extended-subheading">'; $output .= $carousel_item->item_subtitle; $output .= '</div>'; } if (isset($carousel_item->item_description)) { $output .= '<div class="sppb-carousel-extended-description">'; $output .= $carousel_item->item_description; $output .= '</div>'; } $output .= '</div>'; } if (!empty($link)) { $output .= '</a>'; } $output .= '</div>'; } } $output .= '</div>'; return $output; } public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/sp_carousel.js'); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $image_carousel_layout = (isset($settings->image_carousel_layout) && $settings->image_carousel_layout) ? $settings->image_carousel_layout : ''; $carousel_overlay = (isset($settings->carousel_overlay) && $settings->carousel_overlay) ? $settings->carousel_overlay : 0; $arrow_height = (isset($settings->arrow_height) && $settings->arrow_height) ? $settings->arrow_height : 0; $arrow_border_width = (isset($settings->arrow_border_width) && $settings->arrow_border_width) ? $settings->arrow_border_width : 0; $settings->arrow_height_new = $arrow_height - $arrow_border_width; //Arrow Style $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 1; if ($carousel_arrow) { $carouselArrowPosition = $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control', $settings, ['arrow_position_verti' => 'margin-top', 'arrow_position_hori' => ['margin-left', 'margin-right']], ['arrow_position_verti' => '%', 'arrow_position_hori' => 'px']); $css .= $carouselArrowPosition; $arrowStyleProps = [ 'arrow_height_new' => ['height', 'line-height'], 'arrow_width' => 'width', 'arrow_background' => 'background', 'arrow_color' => 'color', 'arrow_font_size' => 'font-size', 'arrow_border_width' => 'border-style: solid;border-width', 'arrow_border_color' => 'border-color', 'arrow_border_radius' => 'border-radius' ]; $arrowStyleUnits = [ 'arrow_background' => false, 'arrow_color' => false, 'arrow_border_color' => false ]; $arrowStyle = $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control', $settings, $arrowStyleProps, $arrowStyleUnits); //Arrow hover style $arrowHoverStyleProps = [ 'arrow_hover_background' => 'background', 'arrow_hover_color' => 'color', 'arrow_hover_border_color' => 'border-color' ]; $arrowHoverStyleUnits = [ 'arrow_hover_background' => false, 'arrow_hover_color' => false, 'arrow_hover_border_color' => false ]; $arrowHoverStyle = $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control:hover', $settings, $arrowHoverStyleProps, $arrowHoverStyleUnits); $css .= $arrowStyle; $css .= $arrowHoverStyle; } //Bullet Style $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 1; if ($carousel_bullet) { $bulletPositionStyle = $cssHelper->generateStyle('.sppb-carousel-extended-dots', $settings, ['bullet_position_verti' => 'bottom', 'bullet_position_hori' => 'left'], ['bullet_position_verti' => '%', 'bullet_position_hori' => 'px']); $css .= $bulletPositionStyle; $bulletStyleProps = [ 'bullet_height' => ['height', 'line-height'], 'bullet_width' => 'width', 'bullet_background' => 'background', 'bullet_border_radius' => 'border-radius', 'bullet_border_width' => 'border-style: solid; border-width', 'bullet_border_color' => 'border-color' ]; $bulletStyleUnits = [ 'bullet_background' => false, 'bullet_border_color' => false ]; $bulletStyle = $cssHelper->generateStyle('.sppb-carousel-extended-dots ul li', $settings, $bulletStyleProps, $bulletStyleUnits); //Bullet hover style $bulletHoverStyleProps = [ 'bullet_active_background' => 'background', ]; $bulletHoverStyleUnits = [ 'bullet_active_background' => false ]; $bulletHoverStyle = $cssHelper->generateStyle('.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span', $settings, $bulletHoverStyleProps, $bulletHoverStyleUnits); $css .= $bulletStyle; $css .= $bulletHoverStyle; } if ($carousel_overlay) { $settings->overlay_gradient = CSSHelper::parseColor($settings, 'overlay_gradient'); $overlayStyle = $cssHelper->generateStyle('.sppb-carousel-extended-item-overlay', $settings, ['overlay_gradient' => 'background'], false); $css .= $overlayStyle; } //Content Alignment $item_content_verti_align = (isset($settings->item_content_verti_align) && $settings->item_content_verti_align) ? $settings->item_content_verti_align : ""; $item_content_hori_align = (isset($settings->item_content_hori_align) && $settings->item_content_hori_align) ? $settings->item_content_hori_align : ""; if ($item_content_verti_align \|\| $item_content_hori_align) { $css .= '#sppb-addon-' . $this->addon->id . ' .sppb-carousel-extended-content-wrap {'; if ($item_content_verti_align === "top") { $css .= 'justify-content: flex-start;'; } else if ($item_content_verti_align === "bottom") { $css .= 'justify-content: flex-end;'; } if ($item_content_hori_align === "left") { $css .= 'align-items: flex-start;'; $css .= 'text-align: left;'; } else if ($item_content_hori_align === "right") { $css .= 'align-items: flex-end;'; $css .= 'text-align: right;'; } $css .= '}'; } $titleTypographyFallbacks = [ 'font' => 'content_title_font_family', 'size' => 'content_title_fontsize', 'line_height' => 'content_title_lineheight', 'letter_spacing' => 'content_title_letterspace', 'uppercase' => 'content_title_font_style.uppercase', 'italic' => 'content_title_font_style.italic', 'underline' => 'content_title_font_style.underline', 'weight' => 'content_title_font_style.weight', ]; $subtileTypographyFallbacks = [ 'font' => 'content_subtitle_font_family', 'size' => 'content_subtitle_fontsize', 'line_height' => 'content_subtitle_lineheight', 'letter_spacing' => 'content_subtitle_letterspace', 'uppercase' => 'content_subtitle_font_style.uppercase', 'italic' => 'content_subtitle_font_style.italic', 'underline' => 'content_subtitle_font_style.underline', 'weight' => 'content_subtitle_font_style.weight', ]; $descriptionTypographyFallbacks = [ 'font' => 'description_font_family', 'size' => 'description_fontsize', 'line_height' => 'description_lineheight', 'letter_spacing' => 'description_letterspace', 'uppercase' => 'description_font_style.uppercase', 'italic' => 'description_font_style.italic', 'underline' => 'description_font_style.underline', 'weight' => 'description_font_style.weight', ]; $titleTypographyStyle = $cssHelper->typography('.sppb-carousel-extended-heading', $settings, 'content_title_typography', $titleTypographyFallbacks); $subtileTypographyStyle = $cssHelper->typography('.sppb-carousel-extended-subheading', $settings, 'content_subtitle_typography', $subtileTypographyFallbacks); $descriptionTypographyStyle = $cssHelper->typography('.sppb-carousel-extended-description', $settings, 'description_typography', $descriptionTypographyFallbacks); $titleStyle = $cssHelper->generateStyle('.sppb-carousel-extended-heading', $settings, ['content_title_text_color' => 'color', 'content_title_margin' => 'margin'], ['content_title_text_color' => false, 'content_title_margin' => false], ['content_title_margin' => 'spacing']); $subtileStyle = $cssHelper->generateStyle('.sppb-carousel-extended-subheading', $settings, ['content_subtitle_text_color' => 'color'], ['content_subtitle_text_color' => false]); $descriptionStyle = $cssHelper->generateStyle('.sppb-carousel-extended-description', $settings, ['description_text_color' => 'color', 'description_margin' => 'margin'], ['description_text_color' => false, 'description_margin' => false], ['description_margin' => 'spcacing']); $css .= $titleStyle; $css .= $subtileStyle; $css .= $descriptionStyle; $css .= $titleTypographyStyle; $css .= $subtileTypographyStyle; $css .= $descriptionTypographyStyle; //Carousel transition speed $carousel_speed = (isset($settings->carousel_speed)) ? $settings->carousel_speed : 2500; if ($image_carousel_layout == 'layout3' \|\| $image_carousel_layout == 'layout4') { $css .= '#sppb-addon-' . $this->addon->id . ' .sppb-carousel-extended-center .sppb-carousel-extended-item .sppb-addon-wrapper {'; $css .= 'transition: all ' . $carousel_speed . 'ms ease 0s;'; $css .= '}'; } $arrowHeightStyle = $cssHelper->generateStyle('.sppb-carousel-extended-nav-control', $settings, ['arrow_height' => 'top: -%s']); $css .= $arrowHeightStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css"> <# if(data.image_carousel_layout == "layout3" \|\| data.image_carousel_layout == "layout4"){ #> #sppb-addon-{{ data.id }} .sppb-carousel-extended-center .sppb-carousel-extended-item .sppb-addon-wrapper { transition: all {{data.carousel_speed}}ms ease 0s; } <# } #> <# if(data.item_content_verti_align \|\| data.item_content_hori_align) { #> #sppb-addon-{{ data.id }} .sppb-carousel-extended-content-wrap { <# if(data.item_content_verti_align === "top"){ #> justify-content: flex-start; <# } else if(data.item_content_verti_align === "bottom"){ #> justify-content: flex-end; <# } #> <# if(data.item_content_hori_align === "left"){ #> align-items: flex-start; text-align: left; <# } else if(data.item_content_hori_align === "right"){ #> align-items: flex-end; text-align: right; <# } #> } <# } #> '; // Carousel Arrow $output .= ' <# if (data.carousel_arrow ){ #>'; // Control $output .= $lodash->unit('width', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_width', 'px', false); $output .= $lodash->unit('height', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_height', 'px', false); $output .= $lodash->unit('line-height', '.sppb-carousel-extended-nav-control .nav-control', '(data.arrow_height)-(data.arrow_border_width)', 'px', false); $output .= $lodash->unit('font-size', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_font_size', 'px', false); $output .= $lodash->color('background-color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_background'); $output .= $lodash->color('color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_color'); $output .= $lodash->border('border-color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_color'); $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_radius', 'px', false); $output .= $lodash->unit('border-width', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_width', 'px', false); $output .= $lodash->unit('margin-top', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_verti', '%'); $output .= $lodash->unit('margin-left', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_hori', 'px'); $output .= $lodash->unit('margin-right', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_hori', 'px'); $output .= $lodash->unit('top', '.sppb-carousel-extended-nav-control', 'data.arrow_height', 'px', false, '-'); $output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-nav-control .nav-control { border-style: solid; }'; // Control Hover $output .= $lodash->color('background-color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_background'); $output .= $lodash->color('color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_color'); $output .= $lodash->border('border-color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_border_color'); $output .= '<# } #>'; // Carousel bullet $output .= '<# if(data.carousel_bullet){ #>'; //Bullet position $output .= $lodash->unit('bottom', '.sppb-carousel-extended-dots', 'data.bullet_position_verti', '%'); $output .= $lodash->unit('left', '.sppb-carousel-extended-dots', 'data.bullet_position_hori', 'px'); // Dots $output .= $lodash->unit('height', '.sppb-carousel-extended-dots ul li', 'data.bullet_height', 'px', false); $output .= $lodash->unit('line-height', '.sppb-carousel-extended-dots ul li', '(data.bullet_height)-(data.bullet_border_width)', 'px', false); $output .= $lodash->unit('border-width', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_width', 'px', false); $output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-dots ul li { border-style: solid; }'; $output .= $lodash->color('background-color', '.sppb-carousel-extended-dots ul li', 'data.bullet_background'); $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_radius', 'px', false); $output .= $lodash->unit('width', '.sppb-carousel-extended-dots ul li', 'data.bullet_width', 'px', false); $output .= $lodash->border('border-color', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_color'); // hover $output .= $lodash->color('background-color', '.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span', 'data.bullet_active_background'); $output .= '<# } #>'; $output .= $lodash->color('background-color', '.sppb-carousel-extended-item-overlay', 'data.overlay_gradient'); // Title $titleTypographyFallbacks = [ 'font' => 'data.content_title_font_family', 'size' => 'data.content_title_fontsize', 'line_height' => 'data.content_title_lineheight', 'letter_spacing' => 'data.content_title_letterspace', 'uppercase' => 'data.content_title_font_style?.uppercase', 'italic' => 'data.content_title_font_style?.italic', 'underline' => 'data.content_title_font_style?.underline', 'weight' => 'data.content_title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-carousel-extended-heading', 'data.content_title_typography', $titleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-carousel-extended-heading', 'data.content_title_text_color'); $output .= $lodash->spacing('margin', '.sppb-carousel-extended-heading', 'data.content_title_margin'); // Sub Title $subtitleTypographyFallbacks = [ 'font' => 'data.content_subtitle_font_family', 'size' => 'data.content_subtitle_fontsize', 'line_height' => 'data.content_subtitle_lineheight', 'letter_spacing' => 'data.content_subtitle_letterspace', 'uppercase' => 'data.content_subtitle_font_style?.uppercase', 'italic' => 'data.content_subtitle_font_style?.italic', 'underline' => 'data.content_subtitle_font_style?.underline', 'weight' => 'data.content_subtitle_font_style?.weight', ]; $output .= $lodash->typography('.sppb-carousel-extended-subheading', 'data.content_subtitle_typography', $subtitleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-carousel-extended-subheading', 'data.content_subtitle_text_color'); // Description $descriptionTypographyFallbacks = [ 'font' => 'data.description_font_family', 'size' => 'data.description_fontsize', 'line_height' => 'data.description_lineheight', 'letter_spacing' => 'data.description_letterspace', 'uppercase' => 'data.description_font_style?.uppercase', 'italic' => 'data.description_font_style?.italic', 'underline' => 'data.description_font_style?.underline', 'weight' => 'data.description_font_style?.weight', ]; $output .= $lodash->typography('.sppb-carousel-extended-description', 'data.description_typography', $descriptionTypographyFallbacks); $output .= $lodash->spacing('margin', '.sppb-carousel-extended-description', 'data.description_margin'); $output .= $lodash->color('color', '.sppb-carousel-extended-description', 'data.description_text_color'); $output .= ' </style> <# let carousel_height_xl = data.carousel_height.xl \|\| 500; let carousel_height_lg = data.carousel_height.lg \|\| 500; let carousel_height_md = data.carousel_height.md \|\| 500; let carousel_height_sm = data.carousel_height.sm \|\| 400; let carousel_height_xs = data.carousel_height.xs \|\| 300; var left_arrow =""; var right_arrow = ""; if(data.arrow_icon=="long_arrow"){ left_arrow ="fa-long-arrow-left"; right_arrow = "fa-long-arrow-right"; } else { left_arrow ="fa-angle-left"; right_arrow = "fa-angle-right"; } let carousel_item_number_xl = 3; let carousel_item_number_lg = 3; let carousel_item_number_md = 3; let carousel_item_number_sm = 3; let carousel_item_number_xs = 1; if(_.isObject(data.carousel_item_number)){ carousel_item_number_xl = data.carousel_item_number.xl carousel_item_number_lg = data.carousel_item_number.lg carousel_item_number_md = data.carousel_item_number.md carousel_item_number_sm = data.carousel_item_number.sm carousel_item_number_xs = data.carousel_item_number.xs } let carousel_center_padding_xl = +data.carousel_center_padding.xl ?? 180; let carousel_center_padding_lg = +data.carousel_center_padding.lg ?? 180; let carousel_center_padding_md = +data.carousel_center_padding.md ?? 180; let carousel_center_padding_sm = +data.carousel_center_padding.sm ?? 90; let carousel_center_padding_xs = +data.carousel_center_padding.xs ?? 50; let carousel_margin_xl = 15; let carousel_margin_lg = 15; let carousel_margin_md = 15; let carousel_margin_sm = 15; let carousel_margin_xs = 15; if (_.isObject(data.carousel_margin)) { carousel_margin_xl = data.carousel_margin.xl; carousel_margin_lg = data.carousel_margin.lg; carousel_margin_md = data.carousel_margin.md; carousel_margin_sm = data.carousel_margin.sm; carousel_margin_xs = data.carousel_margin.xs; } else { carousel_margin_xl = data.carousel_margin; carousel_margin_lg = data.carousel_margin; carousel_margin_md = data.carousel_margin; carousel_margin_sm = data.carousel_margin; carousel_margin_xs = data.carousel_margin; } #> <div class="sppb-addon sppb-carousel-extended {{data.class}} sppb-image-carousel-{{data.image_carousel_layout}}" data-left-arrow="{{left_arrow}}" data-right-arrow="{{right_arrow}}" data-arrow="{{data.carousel_arrow}}" data-dots="{{data.carousel_bullet}}" data-image-layout="{{data.image_carousel_layout}}" data-autoplay="{{data.carousel_autoplay}}" data-speed="{{data.carousel_speed}}" data-interval="{{data.carousel_interval}}" data-margin-xl="{{carousel_margin_xl}}" data-margin-lg="{{carousel_margin_lg}}" data-margin-md="{{carousel_margin_md}}" data-margin-sm="{{carousel_margin_sm}}" data-margin-xs="{{carousel_margin_xs}}" {{{(data.image_carousel_layout == "layout3" \|\| data.image_carousel_layout == "layout4") ? `data-padding-xl="${carousel_center_padding_xl}"` : ""}}} {{{(data.image_carousel_layout == "layout3" \|\| data.image_carousel_layout == "layout4") ? `data-padding-lg="${carousel_center_padding_lg}"` : ""}}} {{{(data.image_carousel_layout == "layout3" \|\| data.image_carousel_layout == "layout4") ? `data-padding-md="${carousel_center_padding_md}"` : ""}}} {{{(data.image_carousel_layout == "layout3" \|\| data.image_carousel_layout == "layout4") ? `data-padding-sm="${carousel_center_padding_sm}"` : ""}}} {{{(data.image_carousel_layout == "layout3" \|\| data.image_carousel_layout == "layout4") ? `data-padding-xs="${carousel_center_padding_xs}"` : ""}}} data-height-xl="{{carousel_height_xl}}" data-height-lg="{{carousel_height_lg}}" data-height-md="{{carousel_height_md}}" data-height-sm="{{carousel_height_sm}}" data-height-xs="{{carousel_height_xs}}" data-item-number-xl="{{carousel_item_number_xl \|\| 3}}" data-item-number-lg="{{carousel_item_number_lg \|\| 3}}" data-item-number-md="{{carousel_item_number_md \|\| 3}}" data-item-number-sm="{{carousel_item_number_sm \|\| 3}}" data-item-number-xs="{{carousel_item_number_xs \|\| 1}}" {{{data.image_carousel_layout == "layout1" && data.carousel_fade ? `data-fade="${data.carousel_fade}"` : ""}}}> <# if(_.isArray(data.sp_image_carousel_item)){ _.each(data.sp_image_carousel_item, function(carousel_item){ var carouselImg = {} if (typeof carousel_item.image_carousel_img !== "undefined" && typeof carousel_item.image_carousel_img.src !== "undefined") { carouselImg = carousel_item.image_carousel_img } else { carouselImg = {src: carousel_item.image_carousel_img} } #> <div class="sppb-carousel-extended-item"> <# const isUrlObj = _.isObject(carousel_item?.image_carousel_img_link) && (!!carousel_item?.image_carousel_img_link?.url \|\| !!carousel_item?.image_carousel_img_link?.page \|\| !!carousel_item?.image_carousel_img_link?.menu); const isUrlString = _.isString(carousel_item?.image_carousel_img_link) && carousel_item?.image_carousel_img_link !== ""; if(isUrlObj \|\| isUrlString){ const isTarget = carousel_item?.link_open_new_window ? "_blank" : ""; const urlObj = carousel_item?.image_carousel_img_link?.url ? carousel_item?.image_carousel_img_link : window.getSiteUrl(carousel_item?.image_carousel_img_link, isTarget); const {url, new_tab, nofollow, noopener, noreferrer, type, } = urlObj; const target = new_tab ? "_blank" : ""; let rel=""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; const _url= (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| ((type === "page" && !!urlObj.page) && "index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; #> <# if(_url){ #> <a href=\'{{_url}}\' target=\'{{target}}\' rel=\'{{rel}}\' > <# }#> <# } if(carouselImg.src && carouselImg.src.indexOf("http://") == -1 && carouselImg.src.indexOf("https://") == -1){ #> <img src=\'{{ pagebuilder_base + carouselImg.src }}\' alt="{{ carousel_item.item_title }}"> <# } else if(carouselImg.src){ #> <img src=\'{{ carouselImg.src }}\' alt="{{ carousel_item.item_title }}"> <# } if(data.carousel_overlay){ #> <div class="sppb-carousel-extended-item-overlay"></div> <# } if(data.image_carousel_layout !== ""){ #> <div class="sppb-carousel-extended-content-wrap"> <# if(carousel_item.item_title){ #> <div class="sppb-carousel-extended-heading"> {{carousel_item.item_title}} </div> <# } if(carousel_item.item_subtitle) { #> <div class="sppb-carousel-extended-subheading"> {{carousel_item.item_subtitle}} </div> <# } if(carousel_item.item_description) { #> <div class="sppb-carousel-extended-description"> {{{carousel_item.item_description}}} </div> <# } #> </div> <# } if(isUrlObj \|\| isUrlString){ #> </a> <# } #> </div> <# }) } #> </div> '; return $output; } } ��image_carousel/admin.php��0000644��00000054463�15231074400�0011334 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'image_carousel', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_DESC'), 'category' => 'Slider', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22 5H10v21h12V5zM10 3a2 2 0 00-2 2v21a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H10z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M23.721 17.693l-3.493 3.636a3.693 3.693 0 01-5.69-.443 1.693 1.693 0 00-2.66-.148L9.752 23.16 8.25 21.84l2.127-2.422a3.693 3.693 0 015.801.322 1.693 1.693 0 002.608.203l3.494-3.636 1.442 1.386zM17.5 9a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM14 10.5a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0zM6 7a1 1 0 00-1-1H1a1 1 0 000 2h3v15H1a1 1 0 100 2h4a1 1 0 001-1V7zm20 17a1 1 0 001 1h4a1 1 0 100-2h-3V8h3a1 1 0 100-2h-4a.996.996 0 00-1 1v17z" fill="currentColor"/></svg>', 'settings' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'image_carousel_layout' => [ 'type' => 'thumbnail', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LAYOUT'), 'columns' => 4, 'values' => [ 'layout1' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><path opacity="0.1" fill="currentColor" d="M14 12h102v58H14z"/><g opacity="0.5" fill="currentColor"><circle cx="58" cy="79" r="2"/><circle cx="65" cy="79" r="2"/><circle cx="72" cy="79" r="2"/></g><path opacity="0.5" d="M81.537 30L52 70h58L81.537 30z" fill="currentColor"/><path opacity="0.5" d="M58.426 39L35 70h46L58.426 39z" fill="currentColor"/><path d="M34.127 24C31.3 24 29 26.25 29 29.014c0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/></svg>'], 'layout2' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><g opacity="0.5" fill="currentColor"><circle cx="58" cy="79" r="2"/><circle cx="65" cy="79" r="2"/><circle cx="72" cy="79" r="2"/></g><path opacity="0.1" fill="currentColor" d="M13.049 12h32.505v58H13.049z"/><path opacity="0.5" d="M23.32 46l11.748 24H12l11.32-24z" fill="currentColor"/><path opacity="0.5" d="M32.281 52l9.078 18H23.534l8.747-18z" fill="currentColor"/><path opacity="0.1" fill="currentColor" d="M49.748 12h32.505v58H49.748z"/><path opacity="0.5" d="M63.02 48l-9.078 22h17.825L63.02 48z" fill="currentColor"/><path opacity="0.5" d="M71.981 41L60.233 70h23.068l-11.32-29z" fill="currentColor"/><path d="M65.281 22c-2.205 0-4 1.794-4 4a4.003 4.003 0 004 4 4.003 4.003 0 004-4c0-2.206-1.794-4-4-4z" fill="currentColor"/><path opacity="0.1" fill="currentColor" d="M86.446 12h32.505v58H86.446z"/><path opacity="0.5" d="M99.718 52l-9.077 18h17.825l-8.748-18z" fill="currentColor"/><path opacity="0.5" d="M108.68 47L96.932 70H120l-11.32-23z" fill="currentColor"/></svg>'], 'layout3' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><g opacity="0.5" fill="currentColor"><circle cx="58" cy="79" r="2"/><circle cx="65" cy="79" r="2"/><circle cx="72" cy="79" r="2"/></g><path opacity="0.1" fill="currentColor" d="M35 12h62v58H35z"/><path opacity="0.5" d="M74.389 36L53 70h42L74.389 36z" fill="currentColor"/><path opacity="0.5" d="M58.787 44L43 70h31L58.787 44z" fill="currentColor"/><path d="M57 22c-2.206 0-4 1.794-4 4a4.003 4.003 0 004 4 4.003 4.003 0 004-4c0-2.206-1.794-4-4-4z" fill="currentColor"/><g opacity="0.5"><path opacity="0.2" fill="currentColor" d="M104 16h16v51h-16z"/></g><g opacity="0.5"><path opacity="0.2" fill="currentColor" d="M28 16H12v51h16z"/></g></svg>'], 'layout4' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><g opacity="0.5" fill="currentColor"><circle cx="58" cy="79" r="2"/><circle cx="65" cy="79" r="2"/><circle cx="72" cy="79" r="2"/></g><path opacity="0.1" fill="currentColor" d="M94 13h24v57H94zM67 13h24v57H67zM40 13h23v57H40zM12 13h24v57H12z"/></svg>'], ], 'std' => 'layout3', ], 'image_carousel_separator' => [ 'type' => 'separator', ], 'sp_image_carousel_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEMS'), 'std' => [ ['image_carousel_img' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'], ['image_carousel_img' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'], ['image_carousel_img' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'], ['image_carousel_img' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'], ['image_carousel_img' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'], ['image_carousel_img' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'] ], 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADMIN_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADMIN_LABEL_DESC'), 'std' => 'Carousel Item Tittle', ], 'item_title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_TITLE_DESC'), ], 'item_subtitle' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUB_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SUBTITLE_DESC'), ], 'item_description' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_DESCRIPTION_DESC'), ], 'image_carousel_img' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_IMAGE_DESC'), 'std' => ['src' => 'https://sppagebuilder.com/addons/js_slideshow/slideshow-default-bg.jpg'] ], 'image_carousel_img_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_URL_DESC'), ], ], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE_SUB_TITLE'), 'fields' => [ 'content_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_title_font_family', 'size' => 'content_title_fontsize', 'line_height' => 'content_title_lineheight', 'letter_spacing' => 'content_title_letterspace', 'uppercase' => 'content_title_font_style.uppercase', 'italic' => 'content_title_font_style.italic', 'underline' => 'content_title_font_style.underline', 'weight' => 'content_title_font_style.weight', ], ], 'content_title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'content_title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'max' => 400, 'responsive' => true, ], 'sub_title_margin_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUB_TITLE'), ], 'content_subtitle_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_subtitle_font_family', 'size' => 'content_subtitle_fontsize', 'line_height' => 'content_subtitle_lineheight', 'letter_spacing' => 'content_subtitle_letterspace', 'uppercase' => 'content_subtitle_font_style.uppercase', 'italic' => 'content_subtitle_font_style.italic', 'underline' => 'content_subtitle_font_style.underline', 'weight' => 'content_subtitle_font_style.weight', ], ], 'content_subtitle_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'description_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'description_font_family', 'size' => 'description_fontsize', 'line_height' => 'description_lineheight', 'letter_spacing' => 'description_letterspace', 'uppercase' => 'description_font_style.uppercase', 'italic' => 'description_font_style.italic', 'underline' => 'description_font_style.underline', 'weight' => 'description_font_style.weight', ], ], 'description_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'carousel_overlay_separator' => [ 'type' => 'separator', ], 'carousel_overlay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OVERLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OVERLAY_DESC'), 'std' => 0, ], 'overlay_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "rgba(59, 25, 208, 0.5)", "color2" => "rgba(255, 79, 226, 0.5)", "deg" => "125", "type" => "linear" ], 'depends' => [['carousel_overlay', '=', 1]] ], 'description_margin_separator' => [ 'type' => 'separator', ], 'description_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'max' => 400, 'responsive' => true, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'carousel_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_PRO_HEIGHT_DESC'), 'min' => 100, 'max' => 1500, 'std' => 500, 'responsive' => true, ], 'carousel_item_number' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER_DESC'), 'min' => 1, 'max' => 15, 'std' => ['xl' => 3], 'responsive' => true, 'depends' => [ ['image_carousel_layout', '!=', 'layout1'], ['image_carousel_layout', '!=', 'layout3'] ], ], 'carousel_margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_MARGIN_DESC'), 'std' => ['xl' => 15], 'responsive' => true, 'depends' => [['image_carousel_layout', '!=', 'layout1']], ], 'carousel_center_padding' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_CENTER_PAD'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_CENTER_PAD_DESC'), 'std' => ['xl' => 180], 'min' => 0, 'max' => 500, 'responsive' => true, 'depends' => [ ['image_carousel_layout', '!=', 'layout1'], ['image_carousel_layout', '!=', 'layout2'] ], ], // todo: move somewhere else 'item_content_verti_align' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_VERT_ALIGN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_VERT_ALIGN_DESC'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'middle' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MIDDLE'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], 'std' => 'middle', ], 'item_content_hori_align' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONT_HORI_ALIGNMENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONT_HORI_ALIGNMENT_DESC'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'center', ], 'carousel_autoplay_separator' => [ 'type' => 'separator', ], 'carousel_autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY_DESC'), 'std' => 0, ], 'carousel_interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_INTERVAL_DESC'), 'std' => 4500, 'depends' => [['carousel_autoplay', '=', 1]], ], 'carousel_speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED_DESC'), 'std' => 2500, ], 'carousel_fade' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_FADE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_FADE_DESC'), 'std' => 0, 'depends' => [['image_carousel_layout', '=', 'layout1']], ], // Bullets 'carousel_bullet_separator' => [ 'type' => 'separator', ], 'carousel_bullet' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS_DESC'), 'std' => 1, ], 'bullet_position_verti' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION_DESC'), 'min' => -100, 'max' => 100, 'responsive' => true, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_position_hori' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION_DESC'), 'min' => -2000, 'max' => 2000, 'responsive' => true, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 100, 'min' => 0, 'std' => 12, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 100, 'min' => 0, 'std' => 12, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_style' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal_bullet'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active_bullet'], ], 'std' => 'normal_bullet', 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#dbdbdb', 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'normal_bullet']], ], 'bullet_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 20, 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'normal_bullet']], ], 'bullet_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'normal_bullet']], ], 'bullet_active_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#373bff', 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'active_bullet']], ], 'bullet_border_radius_separator' => [ 'type' => 'separator', 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'max' => 100, 'depends' => [['carousel_bullet', '=', 1]], ], // Arrows 'carousel_arrow_separator' => [ 'type' => 'separator', ], 'carousel_arrow' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS_DESC'), 'std' => 1, ], 'arrow_position_verti' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION_DESC'), 'min' => -100, 'max' => 100, 'responsive' => true, 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_position_hori' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION_DESC'), 'min' => -200, 'max' => 200, 'responsive' => true, 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_icon' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON'), 'values' => [ 'angle' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON_ANGLE'), 'long_arrow' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON_LONG_ARROW'), ], 'std' => 'long_arrow', 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_style' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal_arrow'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover_arrow'], ], 'std' => 'normal_arrow', 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'std' => '', 'max' => 200, 'min' => 10, 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'std' => 50, ], 'arrow_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => '', 'max' => 200, 'min' => 10, 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'std' => 52, ], 'arrow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#fff', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#373bff', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'min' => 0, 'max' => 100, 'std' => 24, 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'min' => 0, 'max' => 20, ], 'arrow_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '#373bff', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'max' => 1000, 'min' => 0, 'std' => '0', ], 'arrow_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'hover_arrow'], ], ], 'arrow_hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'hover_arrow'], ], ], 'arrow_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'hover_arrow'], ], ], ], ], ], ]); ��image_carousel/.htaccess��0000555��00000000355�15231074400�0011321 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��divider/assets/images/icon.png��0000644��00000003235�15231074400�0012376 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:D184AB4A40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:D8F49EB240E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:D184AB4840E011E69A38F8F21A167467" stRef:documentID="xmp.did:D184AB4940E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>z�r��IDATx��푛0�מ�H���\\G�;�;0@&��[e�F$��e�ݙ��.Zi��>�U�u[��ߔ�)�Hn-X̠"~�%��l��<eU-ž��A�5+�V�Hɰ)��V�" �O��b:ꍀ!�Vy% ��D 1�HI�a�`�`�%kG�� W)vb�� ⁑��$s��g֟b_�_�S��+��6n�A�)/�%b�;�66��28�1sb�!'�3��<��K$��;�0=I�i�K�bH斐�~��ȵ��=9��ߓ�_3 ߭�!\|Sz�B��؆{��Pu��l�}��؎{5zu�=�[f=[�ҙ��6� ù��=Y�\�#��1ڜ%Ƚ�RK�i��%.�GF[�� Ya n��YmmZ�ľ�Ֆ��r��5��^�Ou��G��m�K��l�E�5\��î��G��#fu7�l'~��p�yWw6�喎�9S^��S�F�H�z�b7#(ے�83&W��0�v��ωèp��d��Eޯ��v0y6�9��XyY��@,.��b�uL��\>5S��<f�$嗨{b]�윏8�<?��}�ѥ��ruJ�4��Q�kT��2�=W��: �\|/��P��4mO̗E��#�8��)��:W��E�IU��`�`�`0��`�%�׸"��]�O+��o��s�E1F/]��IEND�B`��divider/assets/images/.htaccess��0000555��00000000355�15231074400�0012537 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��divider/assets/.htaccess��0000555��00000000355�15231074400�0011272 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��divider/site.php��0000644��00000014345�15231074400�0007652 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonDivider extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $divider_type = (isset($settings->divider_type) && $settings->divider_type) ? $settings->divider_type : ''; //output start $output = ''; $output .= '<div class="sppb-addon-divider-wrap divider-position">'; $output .= '<div class="sppb-divider sppb-divider-' . $divider_type . ' ' . $class . '" role="none"></div>'; $output .= '</div>'; return $output; } public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $divider_type = (isset($settings->divider_type) && $settings->divider_type) ? $settings->divider_type : ''; $divider_image = (isset($settings->divider_image) && $settings->divider_image) ? $settings->divider_image : ''; $divider_image_src = isset($divider_image->src) ? $divider_image->src : $divider_image; $background_repeat = (isset($settings->background_repeat) && $settings->background_repeat) ? $settings->background_repeat : 'no-repeat'; $divider_vertical = (isset($settings->divider_vertical) && $settings->divider_vertical) ? $settings->divider_vertical : ''; $css = ''; $innerStyle = ''; $dividerProps = [ 'margin_top' => 'margin-top', 'margin_bottom' => 'margin-bottom', 'container_div_width' => 'width' ]; if ($divider_type === 'border') { if (!$divider_vertical) { $dividerProps = array_merge($dividerProps, [ 'border_width' => 'border-bottom-width', 'border_style' => 'border-bottom-style', 'border_color' => 'border-bottom-color', 'border_radius' => 'border-radius', ]); } else { // If we use border_width as key name then it will override the the previous value of border_width which is the border-left-width. $settings->divider_width = $settings->border_width; $dividerProps = array_merge($dividerProps, [ 'border_width' => 'border-left-width', 'border_style' => 'border-left-style', 'border_color' => 'border-left-color', 'border_radius' => 'border-radius', 'divider_height_vertical' => 'height', 'divider_width' => 'width' ]); } } else { $dividerProps['divider_height'] = 'height'; if (strpos($divider_image_src, 'http://') !== false \|\| strpos($divider_image_src, 'https://') !== false) { $innerStyle .= ($divider_image_src) ? 'background-image: url(' . $divider_image_src . ');background-repeat:' . $background_repeat . ';background-position:50% 50%;' : ''; } else { $innerStyle .= ($divider_image_src) ? 'background-image: url(' . Uri::base() . '/' . $divider_image_src . ');background-repeat:' . $background_repeat . ';background-position:50% 50%;' : ''; } } $units = ['border_style' => false, 'border_color' => false]; // Alignment Style $settings->divider_position = CSSHelper::parseAlignment($settings, 'divider_position'); $css .= $cssHelper->generateStyle('.divider-position', $settings, ['divider_position' => 'text-align'], false); $dividerStyle = $cssHelper->generateStyle('.sppb-divider', $settings, $dividerProps, $units); $css .= $dividerStyle; if ($innerStyle) { $css .= $addon_id . ' .sppb-divider {'; $css .= $innerStyle; $css .= '}'; } return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $output .= $lodash->unit('margin-top', '.sppb-divider', 'data.margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-divider', 'data.margin_bottom', 'px'); $output .= $lodash->unit('width', '.sppb-divider', 'data.container_div_width', 'px'); $output .= $lodash->alignment('text-align', '.divider-position', 'data.divider_position'); $output .= '<# if(data.divider_type == "border") { #>'; $output .= $lodash->unit('border-radius', '.sppb-divider', 'data.border_radius', 'px'); $output .= '<# if(!data.divider_vertical) { #>'; $output .= $lodash->unit('border-bottom-width', '.sppb-divider', 'data.border_width', 'px'); $output .= $lodash->unit('border-bottom-style', '.sppb-divider', 'data.border_style', '', false); $output .= $lodash->unit('border-bottom-color', '.sppb-divider', 'data.border_color', '', false); $output .= '<# } else { #>'; $output .= $lodash->unit('height', '.sppb-divider', 'data.divider_height_vertical', 'px'); $output .= $lodash->unit('width', '.sppb-divider', 'data.border_width', 'px'); $output .= $lodash->unit('border-left-width', '.sppb-divider', 'data.border_width', 'px'); $output .= $lodash->unit('border-left-style', '.sppb-divider', 'data.border_style', '', false); $output .= $lodash->unit('border-left-color', '.sppb-divider', 'data.border_color', '', false); $output .= '<# } #>'; $output .= '<# } else { #>'; $output .= '<# let media = {}; let mediaSrc = ""; if (typeof data.divider_image !== "undefined" && typeof data.divider_image.src !== "undefined") { media = data.divider_image; } else { media = {src: data.divider_image}; } if(media?.src?.indexOf("http://") == -1 && media?.src?.indexOf("https://") == -1) { mediaSrc = pagebuilder_base + media.src; } else { mediaSrc = media.src; } #>'; $output .= '.sppb-divider {background-image: url({{mediaSrc}});background-position: 50% 50%;}'; $output .= $lodash->unit('background-repeat', '.sppb-divider', 'data.background_repeat', '', false); $output .= $lodash->unit('height', '.sppb-divider', 'data.divider_height', 'px'); $output .= '<# } #>'; $output .= ' </style> <# let dividerPosition = (!_.isEmpty(data.divider_type) && data.divider_type) ? "divider-position" : "";#> <div class="sppb-addon-divider-wrap {{dividerPosition}}"> <div class="sppb-divider sppb-divider-{{ data.divider_type }} {{ data.class }}" role="none"></div> </div>'; return $output; } }��divider/admin.php��0000644��00000014162�15231074400�0007773 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'divider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 1c.518 0 .938.42.938.938v3.515a.937.937 0 11-1.875 0V1.937c0-.517.42-.937.937-.937zm0 10.547c.518 0 .938.42.938.937v7.032a.937.937 0 11-1.875 0v-7.032c0-.517.42-.937.937-.937zm0 14.062c.518 0 .938.42.938.938v3.515a.937.937 0 11-1.875 0v-3.515c0-.518.42-.938.937-.938z" fill="currentColor"/><path d="M21.625 23.3V8.7c0-1.011 1.198-1.518 1.898-.803l7.151 7.3a1.152 1.152 0 010 1.605l-7.151 7.3c-.7.716-1.898.21-1.898-.802z" fill="currentColor"/><path opacity=".5" d="M10.375 8.7v14.6c0 1.011-1.197 1.518-1.898.803l-7.151-7.3a1.152 1.152 0 010-1.605l7.151-7.3c.7-.716 1.898-.21 1.898.802z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'divider_vertical' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_VERTICAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_VERTICAL_DESC'), 'std' => 0, 'depends' => [['divider_type', '=', 'border']], ], 'divider_type' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_TYPE_DESC'), 'values' => [ 'border' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_TYPE_BORDER'), 'image' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE'), ], 'std' => 'border', ], 'label_border' => [ 'type' => 'header', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER'), 'group' => [ 'border_width', 'border_style', 'border_color', ], 'depends' => [['divider_type', '=', 'border']], ], 'border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'min' => 1, 'std' => '1', 'depends' => [['divider_type', '=', 'border']], ], 'border_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ 'solid' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_SOLID'), 'dashed' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DASHED'), 'dotted' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOTTED'), ], 'std' => 'solid', 'inline' => true, 'depends' => [['divider_type', '=', 'border']], ], 'border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#cccccc', 'depends' => [['divider_type', '=', 'border']], ], 'divider_height_vertical' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_HEIGHT'), 'max' => 2500, 'responsive' => true, 'std' => ['xl' => 100], 'depends' => [['divider_vertical', '=', 1], ['divider_type', '=', 'border']], ], 'divider_image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_IMAGE_DESC'), 'depends' => [['divider_type', '=', 'image']], ], 'background_repeat' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_BG_REPEAT'), 'desc' => Text::_('COM_SPPAGEBUILDER_BG_REPEAT_DESC'), 'values' => [ 'no-repeat' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_NO_REPEAT'), 'repeat' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_REPEAT_ALL'), 'repeat-x' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_REPEAT_HORIZONTALLY'), 'repeat-y' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_REPEAT_VERTICALLY'), 'inherit' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INHERIT'), ], 'std' => 'no-repeat', 'depends' => [['divider_type', '=', 'image']], ], 'divider_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_HEIGHT_DESC'), 'std' => 10, 'depends' => [['divider_type', '=', 'image']], ], 'container_div_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_CONTAINER_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_CONTAINER_WIDTH_DESC'), 'depends' => [['divider_vertical', '!=', 1]], 'max' => 2000, 'responsive' => true, ], 'border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_BORDER_RADIUS_DESC'), 'max' => 1000, 'depends' => [['divider_type', '=', 'border']], ], 'margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_MARGIN_TOP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_MARGIN_TOP_DESC'), 'std' => ['xl' => 30], 'responsive' => true ], 'divider_alignment_separator' => [ 'action' => 'separator', ], 'margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_MARGIN_BOTTOM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIVIDER_MARGIN_BOTTOM_DESC'), 'std' => ['xl' => 30], 'responsive' => true ], 'divider_position' => [ 'type' => 'alignment', 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ] ], ], ], ]); ��divider/.htaccess��0000555��00000000355�15231074400�0007770 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��articles_scroller/assets/images/icon.png��0000644��00000003024�15231074400�0014457 0��ustar�00��PNG �� IHDR��i7�@��gAMA��a�� cHRM��z&��u0��`��:��p��Q<��bKGD��#2�� pHYs�� B(�x��tIME�5D��IDATx��]�Te��H"�.��]��Bua��eЍQ��dI�JaH_�ٲZmP�A�~��֮i�R؅^,$�9n��.vv��13�8�s��?��y��9�9�y��0��c\x)�K{5�5%�f�7?�l��8# ��j5��dKXA�WcfBk��eZ�#�d4�ZÂ=��Y+d��;��ݱV��~��$��[c�y��`��Q��6�@��I�p jPڂ[�� p��о �B�O��(��t� l? �B�o�� Oy��^��Z��ųd�G��x;tƷ�)�~��Iv�X,V�5\ylcQF�^��>��Q��E�\|��v��:��$W�upDq�Ik��$�rX1��@��^�t�� <��H' -@:i�\!��f^�l�S��'��y]鿃o��h7�>�~!�g��%�>��~&j�à ��<��eR /T<^�j��)D8�oy��ϔ�\|��t)��~iE�C@��F�ܔ�4��LypY#F�]��C`�R��ƻ��<�!�4��v��A@:iy�� H˗��=})��'Z ��c�M�&�.i�)��h�8o�ɬ�-�}@w�e��>��8�õ�׮u5�a��N@Z�t�2)��a��G��{^��8��̀��ٔja�݀nKa�\|a��R�\�+�s��?z�� H��N@Z&��,W��9ֶLqF��?��CJ� \|Ȼ��b�q6q�&��!PR��#��#�~B�ϕȬ�U��Kp�}��ܼ��+��_O��V�m��n�E�avٵ��?z��43t��6�Jە��0��7�̏i�V��S�q/�i\ �д.�m�[���~��s}q��/��M5Y�w�)�~\|%�x�� H��^Nq��Y5��$aF��{�H�C&5��F�n�S��?�4�< ��uu��A��)� ᨵ��B��V�V8:+�\ ��#}��g��}),/@:iy�� H��N@Z�t�� ҝ �f�t� �kVb��r��[�KhMP�-`\��d��;eR��)j2�B3�.��,�a�[��^�\| C � �\6�� ��%tEXtdate:create�2018-05-23T06:53:05+02:00��%tEXtdate:modify�2018-05-23T06:53:05+02:00��GL��tEXtSoftware�www.inkscape.org��<��IEND�B`��articles_scroller/assets/images/.htaccess��0000555��00000000355�15231074400�0014624 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��articles_scroller/assets/.htaccess��0000555��00000000355�15231074400�0013357 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��articles_scroller/site.php��0000644��00000073372�15231074400�0011744 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('resticted access'); use Joomla\CMS\Factory; use Joomla\CMS\HTML\Helpers\StringHelper; use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Language\Text; use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Router\Route; use Joomla\CMS\Uri\Uri; use Joomla\CMS\Version; class SppagebuilderAddonArticles_scroller extends SppagebuilderAddons { public function render() { $app = Factory::getApplication(); $version = new Version(); $JoomlaVersion = $version->getShortVersion(); if ($app->isClient('administrator')) { return ''; // prevent from loading in the admin view } $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $carousel_type = (isset($settings->carousel_type) && $settings->carousel_type) ? $settings->carousel_type : 0; $number_of_items = (isset($settings->number_of_items)) ? $settings->number_of_items : 3; $number_of_items_tab = (isset($settings->number_of_items_tab)) ? $settings->number_of_items_tab : 2; $number_of_items_mobile = (isset($settings->number_of_items_mobile)) ? $settings->number_of_items_mobile : 1; $move_slide = (isset($settings->move_slide)) ? $settings->move_slide : 1; $slide_speed = (isset($settings->slide_speed)) ? $settings->slide_speed : 500; $carousel_autoplay = (isset($settings->carousel_autoplay)) ? $settings->carousel_autoplay : 0; $carousel_touch = (isset($settings->carousel_touch)) ? $settings->carousel_touch : 0; $carousel_arrow = (isset($settings->carousel_arrow)) ? $settings->carousel_arrow : 0; $carousel_indicators = (isset($settings->carousel_indicators)) ? $settings->carousel_indicators : 1; $carousel_content_align = (isset($settings->carousel_content_align)) ? ' ' . $settings->carousel_content_align : ' sppb-text-left'; // Addon options $resource = (isset($settings->resource) && $settings->resource) ? $settings->resource : 'article'; $catid = (isset($settings->catid) && $settings->catid) ? $settings->catid : 0; $k2catid = (isset($settings->k2catid) && $settings->k2catid) ? $settings->k2catid : 0; $article_scroll_limit = (isset($settings->article_scroll_limit) && $settings->article_scroll_limit) ? $settings->article_scroll_limit : 12; $ordering = (isset($settings->ordering) && $settings->ordering) ? $settings->ordering : 'latest'; $thumb_size = (isset($settings->thumb_size) && $settings->thumb_size) ? $settings->thumb_size : 'image_thumbnail'; $show_intro = (isset($settings->show_intro)) ? $settings->show_intro : 1; $intro_limit = (isset($settings->intro_limit)) ? $settings->intro_limit : 100; $addon_style = (isset($settings->addon_style)) ? $settings->addon_style : 'ticker'; $ticker_heading = (isset($settings->ticker_heading)) ? $settings->ticker_heading : 'Breaking News'; $show_shape = (isset($settings->show_shape)) ? $settings->show_shape : 0; $show_shape_class = ($show_shape) ? 'shape-enabled-need-extra-padding' : ''; $heading_shape = (isset($settings->heading_shape)) ? $settings->heading_shape : 'arrow'; $ticker_date_time = (isset($settings->ticker_date_time)) ? $settings->ticker_date_time : 0; $ticker_date_hour = (isset($settings->ticker_date_hour)) ? $settings->ticker_date_hour : 0; $ticker_date_time_class = ($ticker_date_time) ? 'date-wrapper-class' : ''; $ticker_date_hour_class = ($ticker_date_hour) ? 'hour-wrapper-class' : ''; $image_bg = (isset($settings->image_bg)) ? $settings->image_bg : 0; $image_bg_class = ($image_bg) ? 'article-image-as-bg' : ''; $overlap_date_text = (isset($settings->overlap_date_text)) ? $settings->overlap_date_text : 0; $overlap_date_text_class = ($overlap_date_text) ? 'date-text-overlay' : ''; $output = ''; // Include k2 helper $k2helper = JPATH_ROOT . '/components/com_sppagebuilder/helpers/k2.php'; $article_helper = JPATH_ROOT . '/components/com_sppagebuilder/helpers/articles.php'; $isk2installed = self::isComponentInstalled('com_k2'); if ($resource === 'k2') { if ($isk2installed == 0) { $output .= '<p class="alert alert-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_ERORR_K2_NOTINSTALLED') . '</p>'; return $output; } elseif (!\file_exists($k2helper)) { $output .= '<p class="alert alert-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_K2_HELPER_FILE_MISSING') . '</p>'; return $output; } else { require_once $k2helper; } $items = SppagebuilderHelperK2::getItems($article_scroll_limit, $ordering, $k2catid); } else { require_once $article_helper; $items = SppagebuilderHelperArticles::getArticles($article_scroll_limit, $ordering, $catid); } if (!count($items)) { $output .= '<p class="alert alert-warning">' . Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_NO_ITEMS_FOUND') . '</p>'; return $output; } if (count((array) $items)) { $output .= '<div class="sppb-addon sppb-addon-articles-' . $addon_style . ' ' . $class . '">'; $output .= '<div class="sppb-addon-content">'; if ($addon_style === 'scroller') { $output .= '<div class="sppb-article-scroller-wrap" data-articles="' . $number_of_items . '" data-move="' . $move_slide . '" data-speed="' . $slide_speed . '">'; foreach ($items as $key => $item) { $intro_text = StringHelper::truncate($item->introtext, $intro_limit, true, false); $intro_text = str_replace('...', '', $intro_text); $image = ''; if ($resource === 'k2') { if (isset($item->image_medium) && $item->image_medium) { $image = $item->image_medium; } elseif (isset($item->image_large) && $item->image_large) { $image = $item->image_medium; } } else { $image = $item->{$thumb_size} ?? $item->image_thumbnail; } $bg_style = ""; if ($image_bg) { $bg_style = 'style="background-image: url(' . $image . ');background-size: cover; background-position: center center;"'; } $output .= '<div class="sppb-articles-scroller-content">'; $output .= '<a href="' . $item->link . '" class="sppb-articles-scroller-link" itemprop="url">'; $output .= '<div class="sppb-articles-scroller-date-left-date-container ' . $image_bg_class . '" ' . $bg_style . '>'; $output .= '<div class="sppb-articles-scroller-date-left-date">'; $output .= '<div class="sppb-articles-scroller-meta-date-left ' . $overlap_date_text_class . '" itemprop="datePublished">'; $output .= '<span class="sppb-articles-scroller-day">' . HTMLHelper::_('date', $item->publish_up, 'd') . '</span>'; $output .= '<span class="sppb-articles-scroller-month">' . HTMLHelper::_('date', $item->publish_up, 'M') . '</span>'; $output .= '</div>'; $output .= '</div>'; //.sppb-articles-scroller-date-left-date $output .= '<div class="sppb-articles-scroller-date-left-content">'; $output .= '<div class="sppb-addon-articles-scroller-title">' . $item->title . '</div>'; $output .= '<div class="sppb-articles-scroller-introtext">' . $intro_text . '...</div>'; $output .= '</div>'; //.sppb-articles-scroller-date-left-content $output .= '</div>'; //.sppb-articles-scroller-date-left-date-container $output .= '</a>'; $output .= '</div>'; //.sppb-articles-scroller-content } $output .= '</div>'; //.sppb-article-scroller-wrap } else if ($addon_style === 'carousel') { $col_size = ""; if (!$carousel_type) { $output .= '<div class="sppb-row">'; $col_size = "sppb-col-md-4"; } $output .= '<div class="sppb-articles-carousel-wrap" data-type="' . $carousel_type . '" data-articles="' . $number_of_items . '" data-articles-tab="' . $number_of_items_tab . '" data-articles-mobile="' . $number_of_items_mobile . '" data-speed="' . $slide_speed . '" data-autoplay="' . ($carousel_autoplay ? 'true' : 'false') . '" data-drag="' . ($carousel_touch ? 'true' : 'false') . '" data-arrow="' . ($carousel_arrow ? 'true' : 'false') . '" data-pager="' . ($carousel_indicators ? 'true' : 'false') . '">'; foreach ($items as $key => $item) { $intro_text = StringHelper::truncate($item->introtext, $intro_limit, true, false); $intro_text = str_replace('...', '', $intro_text); $image = ''; if ($resource === 'k2') { if (isset($item->image_medium) && $item->image_medium) { $image = $item->image_medium; } elseif (isset($item->image_large) && $item->image_large) { $image = $item->image_medium; } } else { $image = $item->{$thumb_size} ?? $item->image_thumbnail; } $output .= '<div class="sppb-articles-carousel-column ' . $col_size . '">'; $output .= '<div class="sppb-articles-carousel-img">'; $output .= '<a href="' . $item->link . '" class="sppb-articles-carousel-img-link" itemprop="url">'; $output .= '<img src="' . $image . '" alt="' . $item->title . '" />'; $output .= '</a>'; $output .= '</div>'; //.sppb-articles-carousel-img $output .= '<div class="sppb-articles-carousel-content' . $carousel_content_align . '">'; $output .= '<div class="sppb-articles-carousel-meta" itemprop="datePublished">'; $output .= '<span class="sppb-articles-carousel-meta-date" itemprop="datePublished">' . HTMLHelper::_('date', $item->publish_up, 'DATE_FORMAT_LC3') . '</span>'; // $author = ( $item->created_by_alias ? $item->created_by_alias : $item->username); // $output .= '<span class="sppb-articles-carousel-meta-author" itemprop="name">' . $author . '</span>'; $output .= '</div>'; //.sppb-articles-carousel-meta $output .= '<a href="' . $item->link . '" class="sppb-articles-carousel-link" itemprop="url">' . $item->title . '</a>'; if ($show_intro) { $output .= '<div class="sppb-articles-carousel-introtext">' . $intro_text . '...</div>'; } //Category if ($resource == 'k2') { $item->catUrl = urldecode(Route::_(K2HelperRoute::getCategoryRoute($item->catid . ':' . urlencode($item->category_alias)))); } else { $item->catUrl = Route::_(version_compare($JoomlaVersion, '4.0.0', '>=') ? Joomla\Component\Content\Site\Helper\RouteHelper::getCategoryRoute($item->catslug) : ContentHelperRoute::getCategoryRoute($item->catslug)); } $output .= '<span class="sppb-articles-carousel-meta-category"><a href="' . $item->catUrl . '" itemprop="genre">' . $item->category . '</a></span>'; $output .= '</div>'; //.sppb-articles-carousel-content $output .= '</div>'; //.sppb-articles-carousel-column } if (!$carousel_type) { $output .= '</div>'; } $output .= '</div>'; //.sppb-article-scroller-wrap } else { $output .= '<div class="sppb-articles-ticker-wrap" data-speed="' . $slide_speed . '">'; $output .= '<div class="sppb-articles-ticker-heading">'; $output .= $ticker_heading; if ($show_shape) { if ($heading_shape == 'slanted-left') { $output .= '<svg class="sppb-articles-ticker-shape-left" width="50" height="100%" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" shape-rendering="geometricPrecision">'; $output .= '<path d="M0 50h50L25 0H0z" fill="#E91E63"/>'; $output .= '</svg>'; } elseif ($heading_shape == 'slanted-right') { $output .= '<svg class="sppb-articles-ticker-shape-right" width="50" height="100%" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" shape-rendering="geometricPrecision">'; $output .= '<path d="M0 0h50L25 50H0z" fill="#E91E63"/>'; $output .= '</svg>'; } else { $output .= '<svg class="sppb-articles-ticker-shape-arrow" width="50" height="100%" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" shape-rendering="geometricPrecision">'; $output .= '<path d="M0 0h25l25 25-25 25H0z" fill="#E91E63"/>'; $output .= '</svg>'; } } $output .= '</div>'; //.sppb-articles-ticker-heading $output .= '<div class="sppb-articles-ticker">'; $output .= '<div class="sppb-articles-ticker-content">'; foreach ($items as $key => $item) { $output .= '<div class="sppb-articles-ticker-text ' . $show_shape_class . '">'; $output .= '<a href="' . $item->link . '">' . $item->title . '</a>'; if ($ticker_date_time \|\| $ticker_date_hour) { $output .= '<div class="ticker-date-time-content-wrap ' . $ticker_date_time_class . ' ' . $ticker_date_hour_class . '">'; $output .= '<div class="ticker-date-time">'; if ($ticker_date_time) { $output .= '<span class="ticker-date">' . HTMLHelper::_('date', $item->publish_up, 'd M') . '</span>'; } if ($ticker_date_hour) { $output .= '<span class="ticker-hour">' . HTMLHelper::_('date', $item->publish_up, 'h:i:s A') . '</span>'; } $output .= '</div>'; $output .= '</div>'; } $output .= '</div>'; //.sppb-articles-ticker-text } $output .= '</div>'; //.sppb-articles-ticker-content $output .= '<div class="sppb-articles-ticker-controller">'; $output .= '<span class="sppb-articles-ticker-left-control"></span>'; $output .= '<span class="sppb-articles-ticker-right-control"></span>'; $output .= '</div>'; //.sppb-articles-ticker-controller $output .= '</div>'; //.sppb-articles-ticker $output .= '</div>'; //.sppb-articles-ticker-wrap } $output .= '</div>'; $output .= '</div>'; } return $output; } public function stylesheets() { $style_sheet = [ Uri::base(true) . '/components/com_sppagebuilder/assets/css/jquery.bxslider.min.css', Uri::base(true) . '/components/com_sppagebuilder/assets/css/slick.css', Uri::base(true) . '/components/com_sppagebuilder/assets/css/slick-theme.css', ]; return $style_sheet; } public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $image_bg = (isset($settings->image_bg) && $settings->image_bg) ? $settings->image_bg : 0; if (!isset($settings->gap)) { $settings->gap = 15; } if (isset($settings->heading_date_font_family) && $settings->heading_date_font_family) { $font_path = new FileLayout('addon.css.fontfamily', $layout_path); $font_path->render(array('font' => $settings->heading_date_font_family)); } if (isset($settings->content_font_family) && $settings->content_font_family) { $font_path = new FileLayout('addon.css.fontfamily', $layout_path); $font_path->render(array('font' => $settings->content_font_family)); } $arrowTickerStyle = $cssHelper->generateStyle('.sppb-articles-ticker-left-control,.sppb-articles-ticker-right-control', $settings, ['arrow_color' => 'color'], false); $arrowLinkStyle = $cssHelper->generateStyle('.sppb-articles-ticker-left-control a, .sppb-articles-ticker-right-control a', $settings, ['arrow_color' => 'color'], false); $headingLetterSpacingStyle = $cssHelper->generateStyle('.sppb-articles-scroller-meta-date-left .sppb-articles-scroller-day', $settings, ['heading_letter_spacing' => 'letter-spacing']); $tickerHeadingStyle = $cssHelper->generateStyle('.sppb-articles-scroller-meta-date-left span.sppb-articles-scroller-day, .sppb-articles-ticker-heading', $settings, ['ticker_heading_fontsize' => 'font-size', 'ticker_heading_font_weight' => 'font-weight'], ['ticker_heading_font_weight' => false]); $contentFontSizeStyle = $cssHelper->generateStyle('.sppb-articles-scroller-introtext,.sppb-articles-ticker-text a', $settings, ['content_fontsize' => 'font-size']); $rightTitleFontStyle = $cssHelper->generateStyle('.sppb-addon-articles-scroller-title', $settings, ['right_title_font_size' => 'font-size', 'content_title_font_weight' => 'font-weight'], ['content_title_font_weight' => false]); // Carousel Content style // Date $carouselDateStyleProps = [ 'carousel_date_color' => 'color', 'carousel_date_font_size' => 'font-size', 'carousel_date_font_weight' => 'font-weight' ]; $carouselDateStyleUnits = [ 'carousel_date_color' => false, 'carousel_date_font_weight' => false, ]; $carouselDateStyle = $cssHelper->generateStyle('.sppb-articles-carousel-meta-date', $settings, $carouselDateStyleProps, $carouselDateStyleUnits); // Title $carouselTitleStyleProps = [ 'carousel_title_color' => 'color', 'carousel_title_font_weight' => 'font-weight', 'carousel_title_font_size' => 'font-size', 'carousel_title_margin' => 'margin' ]; $carouselTitleStyleUnits = ['carousel_title_color' => false, 'carousel_title_margin' => false, 'carousel_title_font_weight' => false]; $carouselTitleStyle = $cssHelper->generateStyle('.sppb-articles-carousel-link', $settings, $carouselTitleStyleProps, $carouselTitleStyleUnits, ['carousel_title_margin' => 'spacing']); // Text $carouselTextStyleProps = [ 'carousel_text_color' => 'color', 'carousel_text_font_weight' => 'font-weight', 'carousel_text_font_size' => 'font-size' ]; $carouselTextStyleUnits = [ 'carousel_text_color' => false, 'carousel_text_font_weight' => false ]; $carouselTextStyle = $cssHelper->generateStyle('.sppb-articles-carousel-introtext', $settings, $carouselTextStyleProps, $carouselTextStyleUnits); // Category $carouselCategoryStyleProps = [ 'carousel_category_color' => 'color', 'carousel_category_font_weight' => 'font-weight', 'carousel_category_font_size' => 'font-size', 'carousel_category_margin' => 'margin' ]; $carouselCategoryStyleUnits = [ 'carousel_category_color' => false, 'carousel_category_font_weight' => false, ]; $carouselCategoryStyle = $cssHelper->generateStyle('.sppb-articles-carousel-meta-category a', $settings, $carouselCategoryStyleProps, $carouselCategoryStyleUnits, ['carousel_category_margin' => 'spacing']); // Area $carouselAreaStyleProps = [ 'carousel_content_bg' => 'background', 'border_size' => 'border-style: solid;border-width', 'border_color' => 'border-color', 'carousel_content_padding' => 'padding' ]; $carouselAreaStyleUnits = [ 'carousel_content_bg' => false, 'border_color' => false, 'carousel_content_padding' => false ]; $carouselAreaStyle = $cssHelper->generateStyle('.sppb-articles-carousel-content', $settings, $carouselAreaStyleProps, $carouselAreaStyleUnits, ['carousel_content_padding' => 'spacing']); //Start Css output $css = ''; $css .= $arrowTickerStyle; $css .= $arrowLinkStyle; $css .= $tickerHeadingStyle; $css .= $headingLetterSpacingStyle; $css .= $rightTitleFontStyle; $css .= $contentFontSizeStyle; $css .= $carouselDateStyle; $css .= $carouselTitleStyle; $css .= $carouselTextStyle; $css .= $carouselCategoryStyle; $css .= $carouselAreaStyle; $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-content,.sppb-articles-ticker-text', $settings, ['content_font_family' => 'font-family'], false); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-date-container', $settings, ['border_size' => 'border-style: solid; border-left: 0;border-width', 'border_color' => 'border-color'], ['border_color' => false]); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-date,.sppb-articles-ticker-heading', $settings, ['heading_date_font_family' => 'font-family'], ['heading_date_font_family' => false]); $css .= $cssHelper->generateStyle('.sppb-articles-ticker', $settings, ['border_size' => 'border-style: solid; border-left: 0;border-width', 'border_color' => 'border-color', 'border_radius' => ['border-top-right-radius', 'border-bottom-right-radius']], ['border_color' => false]); $css .= $cssHelper->generateStyle('.sppb-articles-ticker-heading', $settings, ['border_radius' => ['border-top-left-radius', 'border-bottom-left-radius']]); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-content a', $settings, ['item_bottom_gap' => 'padding-bottom']); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-date, .sppb-articles-ticker-heading', $settings, ['left_side_bg' => 'background-color'], false); $css .= $cssHelper->generateStyle('.ticker-date-time', $settings, ['left_side_bg' => 'background'], false); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-introtext,.sppb-articles-ticker-modern-text', $settings, ['text_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-addon-articles-scroller-title,.sppb-articles-ticker-text a,.sppb-articles-ticker-ticker-modern-content a', $settings, ['title_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-meta-date-left span', $settings, ['left_text_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-content, .sppb-articles-ticker, .sppb-articles-ticker-ticker-modern-content', $settings, ['content_bg' => 'background-color'], false); $css .= $cssHelper->generateStyle('.sppb-articles-ticker-heading svg path', $settings, ['left_side_bg' => 'fill'], false); $css .= $cssHelper->generateStyle('.date-text-overlay .sppb-articles-scroller-month', $settings, ['overlap_text_color' => 'color', 'overlap_text_right' => 'right', 'overlap_text_font_size' => 'font-size'], ['overlap_text_color' => false]); if ($image_bg) { $css .= $addon_id . ' .sppb-articles-scroller-date-left-date-container > div{'; $css .= 'background: transparent;position: relative;'; $css .= '}'; } $settings->heading_width = null; if (!empty($settings->ticker_heading_width)) { if (\is_object($settings->ticker_heading_width_original)) { $settings->heading_width = AddonHelper::initDeviceObject(); foreach ($settings->ticker_heading_width_original as $key => $value) { if ($value) { $settings->heading_width->$key = 100 - (int) $value; } } } else { $settings->heading_width = 100 - (int) $settings->ticker_heading_width; } } $css .= $cssHelper->generateStyle('.sppb-addon-articles-carousel .slick-slide', $settings, ['gap' => 'padding: 0 %s']); $css .= $cssHelper->generateStyle('.sppb-addon-articles-carousel .slick-list', $settings, ['gap' => 'margin: 0 -%s']); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-date, .sppb-articles-ticker-heading', $settings, ['ticker_heading_width_original' => ['-ms-flex: 0 0 %s', 'flex: 0 0 %s']], ['ticker_heading_width_original' => '%']); $css .= $cssHelper->generateStyle('.sppb-articles-scroller-date-left-content, .sppb-articles-ticker', $settings, ['heading_width' => ['-ms-flex: 0 0 %s', 'flex: 0 0 %s']], ['heading_width' => '%']); return $css; } public function scripts() { HTMLHelper::_('script', 'components/com_sppagebuilder/assets/js/jquery.bxslider.min.js', [], ['defer' => true]); HTMLHelper::_('script', 'components/com_sppagebuilder/assets/js/slick.js', [], ['defer' => true]); } public function js() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $slide_speed = (isset($settings->slide_speed) && !empty($settings->slide_speed)) ? $settings->slide_speed : 500; $addon_style = (isset($settings->addon_style)) ? $settings->addon_style : 'ticker'; $number_of_items = (isset($settings->number_of_items) && !empty($settings->number_of_items)) ? $settings->number_of_items : 3; $number_of_items_tab = (isset($settings->number_of_items_tab) && !empty($settings->number_of_items_tab)) ? $settings->number_of_items_tab : 2; $number_of_items_mobile = (isset($settings->number_of_items_mobile) && !empty($settings->number_of_items_mobile)) ? $settings->number_of_items_mobile : 1; $move_slide = (isset($settings->move_slide) && !empty($settings->move_slide)) ? $settings->move_slide : 1; $carousel_autoplay = (isset($settings->carousel_autoplay)) ? $settings->carousel_autoplay : 0; $carousel_touch = (isset($settings->carousel_touch)) ? $settings->carousel_touch : 0; $carousel_arrow = (isset($settings->carousel_arrow)) ? $settings->carousel_arrow : 0; $carousel_indicators = (isset($settings->carousel_indicators)) ? $settings->carousel_indicators : 1; $carousel_type = (isset($settings->carousel_type)) ? $settings->carousel_type : 0; if ($addon_style == 'ticker') { return ' jQuery(function(){ "use strict"; jQuery("' . $addon_id . ' .sppb-articles-ticker-content").bxSlider({ minSlides: 1, maxSlides: 1, mode: "vertical", speed: ' . $slide_speed . ', pager: false, prevText: "<i aria-hidden=\'true\' class=\'fa fa-angle-left\'></i>", nextText: "<i aria-hidden=\'true\' class=\'fa fa-angle-right\'></i>", nextSelector: "' . $addon_id . ' .sppb-articles-ticker-right-control", prevSelector: "' . $addon_id . ' .sppb-articles-ticker-left-control", auto: true, adaptiveHeight:true, autoHover: true, touchEnabled:false, autoStart:true, }); }); '; } else if ($addon_style == 'carousel') { if (!$carousel_type) { return ' jQuery(function(){ jQuery("body").on("mousedown", ".bx-viewport a", function() { if(jQuery(this).attr("href") && jQuery(this).attr("href") != "#") { window.location = jQuery(this).attr("href"); } }); }); jQuery(function () { "use strict"; var widthMatch = jQuery(window).width(); if(widthMatch < 481){ jQuery("' . $addon_id . ' .sppb-articles-carousel-wrap").bxSlider({ mode: "horizontal", slideSelector: "div.sppb-articles-carousel-column", minSlides: ' . $number_of_items_mobile . ', maxSlides: ' . $number_of_items_mobile . ', moveSlides: ' . $number_of_items_mobile . ', pager: ' . ($carousel_indicators ? 'true' : 'false') . ', controls: ' . ($carousel_arrow ? 'true' : 'false') . ', slideWidth: 1140, speed: ' . $slide_speed . ', auto: ' . ($carousel_autoplay ? 'true' : 'false') . ', nextText: "<i class=\'fa fa-angle-right\' aria-hidden=\'true\'></i>", prevText: "<i class=\'fa fa-angle-left\' aria-hidden=\'true\'></i>", autoHover: true, touchEnabled: ' . ($carousel_touch ? 'true' : 'false') . ', autoStart: true, }); } else if(widthMatch < 992) { jQuery("' . $addon_id . ' .sppb-articles-carousel-wrap").bxSlider({ mode: "horizontal", slideSelector: "div.sppb-articles-carousel-column", minSlides: ' . $number_of_items_tab . ', maxSlides: ' . $number_of_items_tab . ', moveSlides: ' . $number_of_items_tab . ', pager: ' . ($carousel_indicators ? 'true' : 'false') . ', controls: ' . ($carousel_arrow ? 'true' : 'false') . ', nextText: "<i class=\'fa fa-angle-right\' aria-hidden=\'true\'></i>", prevText: "<i class=\'fa fa-angle-left\' aria-hidden=\'true\'></i>", slideWidth: 1140, speed: ' . $slide_speed . ', auto: ' . ($carousel_autoplay ? 'true' : 'false') . ', autoHover: true, touchEnabled: ' . ($carousel_touch ? 'true' : 'false') . ', autoStart: true, }); } else { jQuery("' . $addon_id . ' .sppb-articles-carousel-wrap").bxSlider({ mode: "horizontal", slideSelector: "div.sppb-articles-carousel-column", minSlides: ' . $number_of_items . ', maxSlides: ' . $number_of_items . ', moveSlides: ' . $number_of_items . ', pager: ' . ($carousel_indicators? 'true' : 'false') . ', controls: ' . ($carousel_arrow ? 'true' : 'false') . ', nextText: "<i class=\'fa fa-angle-right\' aria-hidden=\'true\'></i>", prevText: "<i class=\'fa fa-angle-left\' aria-hidden=\'true\'></i>", slideWidth: 1140, speed: ' . $slide_speed . ', auto: ' . ($carousel_autoplay ? 'true' : 'false') . ', autoHover: true, touchEnabled: ' . ($carousel_touch ? 'true' : 'false') . ', autoStart: true, }); } }); '; } return ' jQuery(function(){ "use strict"; jQuery("' . $addon_id . ' .sppb-articles-carousel-wrap").not(".slick-initialized").slick({ slidesToShow: ' . $number_of_items . ', slidesToScroll: ' . $number_of_items . ', autoplay: ' . ($carousel_autoplay ? 'true' : 'false') . ', arrows: ' . ($carousel_arrow ? 'true' : 'false') . ', draggable: ' . ($carousel_touch ? 'true' : 'false') . ', speed: ' . $slide_speed . ', nextArrow: "<i class=\'fa fa-angle-right\' aria-hidden=\'true\'></i>", prevArrow: "<i class=\'fa fa-angle-left\' aria-hidden=\'true\'></i>", dots: ' . ($carousel_indicators ? 'true' : 'false') . ', infinite: true, responsive: [ { breakpoint: 1320, settings: { slidesToShow: ' . $number_of_items . ', slidesToScroll: ' . $number_of_items . ', infinite: true, } }, { breakpoint: 1140, settings: { slidesToShow: ' . $number_of_items_tab . ', slidesToScroll: ' . $number_of_items_tab . ' } }, { breakpoint: 720, settings: { slidesToShow: ' . $number_of_items_mobile . ', slidesToScroll: ' . $number_of_items_mobile . ' } } ] }); }); '; } else { return ' jQuery(function(){ "use strict"; jQuery("' . $addon_id . ' .sppb-article-scroller-wrap").bxSlider({ minSlides: ' . $number_of_items . ', mode: "vertical", speed: ' . $slide_speed . ', pager: false, controls: false, auto: true, moveSlides: ' . $move_slide . ', adaptiveHeight:true, touchEnabled:false, autoStart:true }); }); '; } } static function isComponentInstalled($component_name) { $db = Factory::getDbo(); $query = $db->getQuery(true); $query->select('a.enabled'); $query->from($db->quoteName('#__extensions', 'a')); $query->where($db->quoteName('a.name') . " = " . $db->quote($component_name)); $db->setQuery($query); $is_enabled = $db->loadResult(); return $is_enabled; } } ��articles_scroller/admin.php��0000644��00000052605�15231074400�0012064 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('resticted aceess'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'articles_scroller', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SCROLLER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SCROLLER_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M15.29.718a1 1 0 011.42 0l4.532 4.579c.625.631.178 1.703-.71 1.703h-9.063c-.889 0-1.336-1.072-.711-1.703L15.289.718zM16.71 31.282a1 1 0 01-1.42 0l-4.532-4.579c-.625-.631-.178-1.703.71-1.703h9.064c.888 0 1.335 1.072.71 1.703l-4.531 4.579z" fill="currentColor"/><g opacity=".5" fill="currentColor"><path d="M2 16a1 1 0 011-1h26a1 1 0 110 2H3a1 1 0 01-1-1zM2 11a1 1 0 011-1h26a1 1 0 110 2H3a1 1 0 01-1-1zM2 21a1 1 0 011-1h12a1 1 0 110 2H3a1 1 0 01-1-1z"/></g></svg>', 'settings' => [ 'source' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_SOURCE'), 'fields' => [ 'addon_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_STYLE_DESC'), 'values' => [ 'ticker' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_TICKER'), 'scroller' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER'), 'carousel' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_CAROUSEL'), ], 'std' => 'ticker', ], 'resource' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE_DESC'), 'values' => [ 'article' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE_ARTICLE'), 'k2' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_RESOURCE_K2'), ], 'std' => 'article', ], 'catid' => [ 'type' => 'category', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_CATID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_CATID_DESC'), 'multiple' => true, 'depends' => [['resource', '=', 'article']], ], 'k2catid' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_K2_CATID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_K2_CATID_DESC'), 'values' => SpPgaeBuilderBase::k2CatList(), 'multiple' => true, 'depends' => [['resource', '=', 'k2']], ], 'ordering' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_DESC'), 'values' => [ 'latest' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_LATEST'), 'oldest' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_OLDEST'), 'hits' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_POPULAR'), 'featured' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_ORDERING_FEATURED'), ], 'std' => 'latest', ], 'thumb_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_DESC'), 'values' => [ 'image_thumbnail' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_THUMBNAIL'), 'image_small' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_SMALL'), 'image_medium' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_MEDIUM'), 'image_large' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_LARGE'), 'featured_image' => Text::_('COM_SPPAGEBUILDER_ARTICLE_ADDON_THUMB_SIZE_FEATURED_IMAGE'), ], 'depends' => [['resource', '!=', 'k2']], 'std' => 'image_thumbnail', ], 'article_scroll_limit' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_LIMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_LIMIT_DESC'), 'min' => 1, 'max' => 100, 'std' => 12 ], // Scroller options 'scroller_options_separator' => [ 'type' => 'separator', ], 'number_of_items' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARTICLES_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARTICLES_NUMBER_DESC'), 'min' => 1, 'max' => 48, 'std' => 3, 'depends' => [['addon_style', '!=', 'ticker']], ], // Carousel 'carousel_separator_starts' => [ 'type' => 'separator', 'depends' => [['addon_style', '=', 'carousel']], ], 'carousel_type' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_RESPONSIVE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_RESPONSIVE_DESC'), 'std' => 0, 'depends' => [['addon_style', '=', 'carousel']], ], 'number_of_items_tab' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARTICLES_NUMBER_TAB'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARTICLES_NUMBER_TAB_DESC'), 'min' => 1, 'max' => 48, 'std' => 2, 'depends' => [ ['addon_style', '=', 'carousel'], ['carousel_type', '=', 1], ], ], 'number_of_items_mobile' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARTICLES_NUMBER_MOB'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARTICLES_NUMBER_MOB_DESC'), 'min' => 1, 'max' => 48, 'std' => 1, 'depends' => [ ['addon_style', '=', 'carousel'], ['carousel_type', '=', 1], ], ], 'gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_EMPTY_SPACE_GAP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_EMPTY_SPACE_GAP_DESC'), 'std' => ['xl' => 15], 'responsive' => true, 'depends' => [ ['addon_style', '=', 'carousel'], ['carousel_type', '=', 1], ], ], 'carousel_separator_ends' => [ 'type' => 'separator', 'depends' => [['addon_style', '=', 'carousel']], ], 'move_slide' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_MOVE_ARTICLES'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_MOVE_ARTICLES_DESC'), 'min' => 1, 'max' => 16, 'std' => 1, 'depends' => [ ['addon_style', '!=', 'ticker'], ['addon_style', '!=', 'carousel'], ], ], 'slide_speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_SPEED_DESC'), 'min' => 100, 'max' => 5000, 'std' => 500, ], 'carousel_autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_JS_SLIDER_AUTOPLAY_DESC'), 'std' => 0, 'depends' => [['addon_style', '=', 'carousel']], ], 'carousel_touch' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ENABLE_DRAGGING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_CAROUSEL_DRAG_DESC'), 'std' => 0, 'depends' => [ ['addon_style', '=', 'carousel'], ], ], 'carousel_arrow' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ENABLE_ARROW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ENABLE_ARROW_CONTROLLERS_DESC'), 'std' => 0, 'depends' => [ ['addon_style', '=', 'carousel'], ], ], 'carousel_indicators' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ENABLE_INDICATORS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ENABLE_INDICATORS_DESC'), 'std' => 1, 'depends' => [ ['addon_style', '=', 'carousel'], ], ], 'image_bg' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_IMAGE_BG'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_IMAGE_BG_DESC'), 'values' => [ 0 => Text::_('NO'), 1 => Text::_('YES') ], 'std' => 0, 'depends' => [ ['addon_style', '!=', 'ticker'], ['addon_style', '!=', 'carousel'], ], ], ], ], // scroller type 'scroller_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER'), 'depends' => [['addon_style', '=', 'scroller']], 'fields' => [ 'overlap_date_text' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_DESC'), 'values' => [ 0 => Text::_('NO'), 1 => Text::_('YES') ], 'std' => 0, ], 'overlap_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_COLOR_DESC'), 'depends' => [['overlap_date_text', '!=', 0]], ], 'overlap_text_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_SIZE_DESC'), 'max' => 200, 'depends' => [['overlap_date_text', '!=', 0]], ], 'overlap_text_right' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_RIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_OVERLAP_TEXT_RIGHT_DESC'), 'depends' => [['overlap_date_text', '!=', 0]], ], 'right_title_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_TITLE_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_TITLE_SIZE_DESC'), 'max' => 200, 'std' => '', 'depends' => [['overlap_date_text', '!=', 0]], ], 'text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_TEXT_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_TEXT_COLOR_DESC'), ], 'item_bottom_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SPACING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_BOTTOM_GAP_DESC'), 'max' => 200, 'std' => 1, ], ], ], // Ticker 'ticker_heading' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING_DESC'), 'depends' => [['addon_style', '=', 'ticker']], 'fields' => [ 'ticker_heading' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING_DESC'), 'std' => 'Breaking News', ], 'show_shape' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_SHAPE_DESC'), 'values' => [ 0 => Text::_('NO'), 1 => Text::_('YES') ], 'std' => 1, ], 'heading_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING_SHAPE_DESC'), 'values' => [ 'arrow' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_ARROW_SHAPE'), 'slanted-left' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_SLANTED_L_SHAPE'), 'slanted-right' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_SLANTED_R_SHAPE') ], 'std' => 'arrow', 'depends' => [['show_shape', '!=', 0]], ], 'ticker_date_time' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_DATE_TIME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_DATE_TIME_DESC'), 'values' => [ 0 => Text::_('NO'), 1 => Text::_('YES') ], 'std' => 0, ], 'ticker_date_hour' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HOUR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HOUR_DESC'), 'values' => [ 0 => Text::_('NO'), 1 => Text::_('YES') ], 'std' => 0, ], 'border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_BORDER_RADIUS_DESC'), 'std' => 0, ], 'arrow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARROW_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_ARROW_COLOR_DESC'), ], ], ], 'carousel_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_CAROUSEL'), 'depends' => [['addon_style', '=', 'carousel']], 'fields' => [ // Title 'carousel_title_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), ], // @todo: implement typography on the frontend 'carousel_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'carousel_title_font_family', 'size' => 'carousel_title_font_size', 'weight' => 'carousel_title_font_weight', ], ], 'carousel_title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'carousel_title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], // Date 'carousel_date_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DATE'), ], // @todo: implement typography on the frontend 'carousel_date_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'carousel_date_font_family', 'size' => 'carousel_date_font_size', 'weight' => 'carousel_date_font_weight', ], ], 'carousel_date_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], // Text 'carousel_text_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT'), ], // @todo: implement typography on the frontend 'carousel_text_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'carousel_text_font_family', 'size' => 'carousel_text_font_size', 'weight' => 'carousel_text_font_weight', ], ], 'carousel_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['addon_style', '=', 'carousel']], ], // Category 'carousel_category_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CATEGORY'), ], 'carousel_category_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'carousel_category_font_family', 'size' => 'carousel_category_font_size', 'weight' => 'carousel_category_font_weight', ], ], 'carousel_category_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'carousel_category_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], // Content 'carousel_content_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), ], 'carousel_content_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'carousel_content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CONTENT_PADDING'), 'responsive' => true, ], 'carousel_content_separator' => [ 'type' => 'separator', ], 'carousel_content_align' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'values' => [ 'sppb-text-left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'sppb-text-center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'sppb-text-right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ // @todo: implement typography on the frontend 'ticker_heading_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'heading_date_font_family', 'size' => 'ticker_heading_fontsize', 'letter_spacing' => 'heading_letter_spacing', 'weight' => 'ticker_heading_font_weight', ], ], // ticker or scroller 'heading_date_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING_DATE'), 'depends' => [['addon_style', '!=', 'carousel']], ], 'left_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_LEFT_TEXT_COLOR_DESC'), 'depends' => [['addon_style', '!=', 'carousel']], ], 'left_side_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_LEFT_BG_DESC'), 'depends' => [['addon_style', '!=', 'carousel']], ], 'ticker_heading_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_TICKER_HEADING_WIDTH_DESC'), 'max' => 100, 'responsive' => true, 'depends' => [['addon_style', '!=', 'carousel']], ], 'content_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [['addon_style', '!=', 'carousel']], ], 'title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_TITLE_COLOR_DESC'), 'std' => '', 'depends' => [['addon_style', '!=', 'carousel']], ], 'content_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_CONTENT_BG_DESC'), 'depends' => [['addon_style', '!=', 'carousel']], ], 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_font_family', 'size' => 'content_fontsize', 'weight' => 'content_title_font_weight', ], 'depends' => [['addon_style', '!=', 'carousel']], ], 'show_intro_separator' => [ 'type' => 'separator', 'depends' => [['addon_style', '!=', 'ticker']], ], 'show_intro' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_INTRO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_SHOW_INTRO_DESC'), 'std' => 1, 'depends' => [['addon_style', '!=', 'ticker']], ], 'intro_limit' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_INTRO_LIMIT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLES_INTRO_LIMIT_DESC'), 'std' => 100, 'depends' => [ ['addon_style', '!=', 'ticker'], ['show_intro', '!=', 0], ] ], 'border_separator' => [ 'type' => 'separator', ], 'border_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_BORDER_SIZE_DESC'), 'std' => 0, ], 'border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ARTICLE_SCROLLER_BORDER_COLOR_DESC'), ], ], ], ], ]); ��articles_scroller/.htaccess��0000555��00000000355�15231074400�0012055 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��form_builder/assets/images/icon.png��0000644��00000001364�15231074400�0013422 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��IDATx��q�0�Ӟd�@�@;�v�� <'�LP6��@6hIg̡��g��GQs��{��X7�E��Q$̠��b��3�:it��,�.��RK�V�(IK`�`�`�awK�P��"��[�I\|��0��,�@cO�?�}S%Y[i�H�2eEl�4�e��0q�ѕ��lijmj����m�y��2r��ig%e�x_L,�4��KeRӚ�20P^��`}hoVī%�)�q��S pRS��ߛșF�Xf��(3��{I��[TBd��-ܓ;�C�X��o��U80��U�hW�CIN\|�\|h%�۸�: �+`�`�׵�UҨQ}�q�kobx��f\�ᤊ���:a��ɭ�q}�* ��>��f�zM�"�(IK�X��L�L��$`�`�`��0[��V`[��[��=�"�δ昐xN�S^[(m�]%)�A��-��a�@�{Ú��;;oX��yCVvk��L+dz~SǓ�8I��=�˒��yl)ep��.)�ު]�/�s[�aY��u[qT�/&��I)��x��N�[��]{Iϱ�:.=o�[�\j��ǳ��r�V�Yw�@��&� 0�F�$��AP��IEND�B`��form_builder/assets/images/.htaccess��0000555��00000000355�15231074400�0013562 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��form_builder/assets/.htaccess��0000555��00000000355�15231074400�0012315 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��form_builder/site.php��0000644��00000225123�15231074400�0010673 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Factory; use Joomla\CMS\Language\Text; use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Session\Session; use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Plugin\PluginHelper; class SppagebuilderAddonForm_builder extends SppagebuilderAddons { public static $salt = '3a1q3ko70zwa2lxnui73qk3hm7g2xq6oe7bi0ydk0eulifabjb'; /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { //CSRF HTMLHelper::_('jquery.token'); $settings = $this->addon->settings; $addon_id = $this->addon->id; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $recipient_email = (isset($settings->recipient_email) && $settings->recipient_email) ? $settings->recipient_email : ''; $additional_header = (isset($settings->additional_header) && $settings->additional_header) ? $settings->additional_header : ''; $from = (isset($settings->from) && $settings->from) ? $settings->from : ''; $email_template = (isset($settings->email_template) && $settings->email_template) ? $settings->email_template : ''; $email_subject = (isset($settings->email_subject) && $settings->email_subject) ? $settings->email_subject : ''; $hide_label = (isset($settings->hide_label) && $settings->hide_label) ? $settings->hide_label : false; $hidden_label_class = $hide_label ? ' class="sppb-form-label-visually-hidden" ' : ''; // Captcha $enable_captcha = (isset($settings->enable_captcha) && $settings->enable_captcha) ? $settings->enable_captcha : ''; $captcha_type = (isset($settings->captcha_type) && $settings->captcha_type) ? $settings->captcha_type : 'default'; $captcha_question = (isset($settings->captcha_question) && $settings->captcha_question) ? $settings->captcha_question : ''; $captcha_answer = (isset($settings->captcha_answer) && $settings->captcha_answer) ? $settings->captcha_answer : ''; // Policy & redirect $enable_policy = (isset($settings->enable_policy) && $settings->enable_policy) ? $settings->enable_policy : ''; $policy_text = (isset($settings->policy_text) && $settings->policy_text) ? $settings->policy_text : ''; $enable_redirect = (isset($settings->enable_redirect) && $settings->enable_redirect) ? $settings->enable_redirect : ''; $redirect_url = (isset($settings->redirect_url) && $settings->redirect_url) ? $settings->redirect_url : ''; // Success & failed message $success_message = (isset($settings->success_message) && $settings->success_message) ? $settings->success_message : 'Email successfully sent!'; $failed_message = (isset($settings->failed_message) && $settings->failed_message) ? $settings->failed_message : 'Email sent failed, fill required field and try again!'; $required_field_message = (isset($settings->required_field_message) && $settings->required_field_message) ? $settings->required_field_message : 'Please fill the required field.'; // Button options $btn_text = (isset($settings->btn_text) && $settings->btn_text) ? $settings->btn_text : ''; $btn_text_aria = (isset($settings->btn_text) && $settings->btn_text) ? $settings->btn_text : ''; $btn_class = (isset($settings->btn_type) && $settings->btn_type) ? ' sppb-btn-' . $settings->btn_type : ' sppb-btn-primary'; $btn_class .= (isset($settings->btn_size) && $settings->btn_size) ? ' sppb-btn-' . $settings->btn_size : ''; $btn_class .= (isset($settings->btn_shape) && $settings->btn_shape) ? ' sppb-btn-' . $settings->btn_shape : ' sppb-btn-rounded'; $btn_class .= (isset($settings->btn_appearance) && $settings->btn_appearance) ? ' sppb-btn-' . $settings->btn_appearance : ''; $btn_class .= (isset($settings->btn_block) && $settings->btn_block) ? ' ' . $settings->btn_block : ''; $btn_icon = (isset($settings->btn_icon) && $settings->btn_icon) ? $settings->btn_icon : ''; $btn_icon_position = (isset($settings->btn_icon_position) && $settings->btn_icon_position) ? $settings->btn_icon_position : 'left'; $btn_position = (isset($settings->btn_position) && $settings->btn_position) ? ' sppb-text-' . $settings->btn_position : ' sppb-text-left'; $btn_custom_class = (isset($settings->btn_class) && $settings->btn_class) ? $settings->btn_class : ''; $icon_arr = array_filter(explode(' ', $btn_icon)); if (count($icon_arr) === 1) { $btn_icon = 'fa ' . $btn_icon; } if ($btn_icon_position === 'left') { $btn_text = ($btn_icon) ? '<span class="' . $btn_icon . '" aria-hidden="true"></span> ' . $btn_text : $btn_text; } else { $btn_text = ($btn_icon) ? $btn_text . ' <span class="' . $btn_icon . '" aria-hidden="true"></span>' : $btn_text; } $output = ''; $output .= '<div class="sppb-addon sppb-addon-form-builder' . $class . '">'; $output .= '<div class="sppb-addon-content">'; $output .= '<form class="sppb-addon-form-builder-form"' . ($enable_redirect && $redirect_url != '' ? ' data-redirect="yes" data-redirect-url="' . $redirect_url . '"' : '') . '>'; if (isset($settings->sp_form_builder_item) && is_array($settings->sp_form_builder_item)) { $increasing_addon_id = (int)$addon_id; foreach ($settings->sp_form_builder_item as $item_key => $item_value) { if ($increasing_addon_id === $increasing_addon_id) { $increasing_addon_id++; } $label = (isset($item_value->title) && $item_value->title) ? $item_value->title : ''; $field_name = (isset($item_value->field_name) && $item_value->field_name) ? $item_value->field_name : ''; $field_placeholder = (isset($item_value->field_placeholder) && $item_value->field_placeholder) ? $item_value->field_placeholder : ''; $field_is_required = (isset($item_value->field_is_required) && $item_value->field_is_required) ? $item_value->field_is_required : ''; $field_required_star = (isset($item_value->field_required_star) && $item_value->field_required_star) ? $item_value->field_required_star : ''; $is_resize = (isset($item_value->is_resize) && $item_value->is_resize) ? $item_value->is_resize : ''; $field_type = (isset($item_value->field_type) && $item_value->field_type) ? $item_value->field_type : 'text'; $item_name_id = $field_type ? 'sppb-form-builder-field-' . $item_key : ''; // Range & number field $range_min = (isset($item_value->range_min) && $item_value->range_min != '') ? $item_value->range_min : ''; $range_max = (isset($item_value->range_max) && $item_value->range_max) ? $item_value->range_max : ''; $range_step = (isset($item_value->range_step) && $item_value->range_step) ? $item_value->range_step : ''; $number_min = (isset($item_value->number_min) && $item_value->number_min != '') ? $item_value->number_min : ''; $number_max = (isset($item_value->number_max) && $item_value->number_max) ? $item_value->number_max : ''; $number_step = (isset($item_value->number_step) && $item_value->number_step) ? $item_value->number_step : ''; $tel_pattern = (isset($item_value->tel_pattern) && $item_value->tel_pattern) ? $item_value->tel_pattern : ''; $minimum_character = (isset($item_value->minimum_character) && $item_value->minimum_character) ? " minlength = " . $item_value->minimum_character : ''; $maximum_character = (isset($item_value->maximum_character) && $item_value->maximum_character) ? " maxlength = " . $item_value->maximum_character : ''; if ($field_type == 'radio') { $output .= '<div class="sppb-form-group ' . $item_name_id . '">'; if ($label) { $output .= '<label ' . $hidden_label_class . '>' . $label . '' . ($field_required_star && $field_is_required ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $output .= '<div class="form-builder-radio-content">'; $key = "sp_form_builder_inner_item_radio"; if (isset($item_value->$key) && is_array($item_value->$key)) { $inner_values = $item_value->$key; foreach ($inner_values as $inner_item_key => $inner_item_value) { if (isset($inner_item_value->title) && $inner_item_value->title) { $output .= '<div class="form-builder-radio-item">'; $inner_item_id = 'form-' . $increasing_addon_id . '-radio-' . $inner_item_key; $is_radio_checked = (isset($inner_item_value->is_radio_checked) && $inner_item_value->is_radio_checked) ? $inner_item_value->is_radio_checked : ''; $output .= '<input type="radio" name="form-builder-item-[' . $field_name . '' . ($field_is_required ? '' : '') . ']" id="' . $inner_item_id . '" value="' . $inner_item_value->title . '" class="sppb-form-control"' . ($is_radio_checked ? ' checked' : '') . '' . ($field_is_required ? ' required' : '') . '>'; $output .= '<label for="' . $inner_item_id . '" class="form-builder-radio-label">' . $inner_item_value->title . '</label>'; $output .= '</div>'; //.form-builder-radio-item } } } $output .= '</div>'; //.form-builder-radio-content $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; $output .= '</div>'; //.sppb-form-group } elseif ($field_type === 'checkbox') { $output .= '<div class="sppb-form-group ' . $item_name_id . '">'; if ($label) { $output .= '<label ' . $hidden_label_class . '>' . $label . '' . ($field_required_star ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $output .= '<div class="form-builder-checkbox-content">'; $key = "sp_form_builder_inner_item_checkbox"; if (isset($item_value->$key) && is_array($item_value->$key)) { $inner_values = $item_value->$key; foreach ($inner_values as $inner_item_key => $inner_item_value) { if (isset($inner_item_value->title) && $inner_item_value->title) { $output .= '<div class="form-builder-checkbox-item">'; $inner_item_id = 'form-' . $increasing_addon_id . '-checkbox-' . $inner_item_key; $is_checkbox_checked = (isset($inner_item_value->is_checkbox_checked) && $inner_item_value->is_checkbox_checked) ? $inner_item_value->is_checkbox_checked : ''; $checkbox_is_required = (isset($inner_item_value->checkbox_is_required) && $inner_item_value->checkbox_is_required) ? $inner_item_value->checkbox_is_required : ''; $checkbox_field_name = (isset($inner_item_value->checkbox_field_name) && $inner_item_value->checkbox_field_name) ? $inner_item_value->checkbox_field_name : ''; $output .= '<input type="checkbox" name="form-builder-item-[' . $checkbox_field_name . '' . ($checkbox_is_required ? '' : '') . ']" id="' . $inner_item_id . '" value="' . $inner_item_value->title . '" class="sppb-form-control"' . ($is_checkbox_checked ? ' checked' : '') . '' . ($checkbox_is_required ? ' required' : '') . '>'; $output .= '<label for="' . $inner_item_id . '" class="form-builder-checkbox-label">' . $inner_item_value->title . '</label>'; $output .= '</div>'; //.form-builder-checkbox-item } } } $output .= '</div>'; //.form-builder-checkbox-item $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; $output .= '</div>'; //.sppb-form-group } elseif ($field_type == 'textarea') { $output .= '<div class="sppb-form-group ' . $item_name_id . '">'; if ($label) { $output .= '<label ' . $hidden_label_class . ' for="' . $item_name_id . '">' . $label . '' . ($field_required_star && $field_is_required ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $output .= '<textarea name="form-builder-item-[' . $field_name . '' . ($field_is_required ? '' : '') . ']" id="' . $item_name_id . '" class="sppb-form-control' . ($is_resize ? '' : ' not-resize') . '" ' . ($field_placeholder ? 'placeholder="' . $field_placeholder . '"' : '') . '' . ($field_is_required ? ' required' : '') . $maximum_character . $minimum_character . '></textarea>'; $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; $output .= '</div>'; //.sppb-form-group } elseif ($field_type == 'select') { $output .= '<div class="sppb-form-group ' . $item_name_id . '">'; if ($label) { $output .= '<label for="' . $item_name_id . '">' . $label . '' . ($field_required_star && $field_is_required ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $key = "sp_form_builder_inner_item_select"; if (isset($item_value->$key) && is_array($item_value->$key)) { $inner_values = $item_value->$key; $output .= '<select class="sppb-form-control" name="form-builder-item-[' . $field_name . '' . ($field_is_required ? '' : '') . ']" id="' . $item_name_id . '"' . ($field_is_required ? ' required' : '') . '>'; $output .= $field_placeholder ? '<option value="">' . $field_placeholder . '</option>' : ''; foreach ($inner_values as $inner_item_key => $inner_item_value) { if (isset($inner_item_value->title) && $inner_item_value->title) { $is_selected = (isset($inner_item_value->is_selected) && $inner_item_value->is_selected) ? $inner_item_value->is_selected : ''; $output .= '<option value="' . $inner_item_value->title . '"' . ($is_selected ? ' selected' : '') . '>' . $inner_item_value->title . '</option>'; } } $output .= '</select>'; $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; } $output .= '</div>'; //.sppb-form-group } elseif ($field_type == 'range') { $output .= '<div class="sppb-form-group sppb-form-builder-range ' . $item_name_id . '">'; if ($label) { $output .= '<label ' . $hidden_label_class . ' for="' . $item_name_id . '">' . $label . '' . ($field_required_star && $field_is_required ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $output .= '<div class="sppb-form-builder-range-wrap">'; $output .= '<input type="range" id="' . $item_name_id . '" name="form-builder-item-[' . $field_name . '' . ($field_is_required ? '' : '') . ']" class="sppb-form-control"' . ($range_min != '' ? ' min="' . $range_min . '"' : '') . '' . ($range_max ? ' max="' . $range_max . '"' : '') . '' . ($range_step ? ' step="' . $range_step . '"' : '') . '' . ($field_is_required ? ' required' : '') . '>'; $output .= '<output for="' . $item_name_id . '" class="sppb-form-builder-range-output">50</output>'; $output .= '</div>'; $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; $output .= '</div>'; //.sppb-form-group } elseif ($field_type == 'number') { $output .= '<div class="sppb-form-group ' . $item_name_id . '">'; if ($label) { $output .= '<label ' . $hidden_label_class . ' for="' . $item_name_id . '">' . $label . '' . ($field_required_star && $field_is_required ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $output .= '<input type="number" id="' . $item_name_id . '" name="form-builder-item-[' . $field_name . '' . ($field_is_required ? '' : '') . ']" class="sppb-form-control"' . ($number_min != '' ? ' min="' . $number_min . '"' : '') . '' . ($number_max ? ' max="' . $number_max . '"' : '') . '' . ($number_step ? ' step="' . $number_step . '"' : '') . '' . ($field_placeholder ? ' placeholder="' . $field_placeholder . '"' : '') . '' . ($field_is_required ? ' required' : '') . '>'; $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; $output .= '</div>'; //.sppb-form-group } else if ($field_type == 'heading') { $item_unique_class = 'sppb-form-builder-heading-' . $item_key; $heading_selector = (isset($item_value->heading_selector) && $item_value->heading_selector) ? $item_value->heading_selector : 'h3'; $output .= '<' . $heading_selector . ' class="sppb-addon-title ' . $item_unique_class . '">'; $output .= $label; $output .= '</' . $heading_selector . '>'; } else { $output .= '<div class="sppb-form-group ' . $item_name_id . '">'; if ($label) { $output .= '<label ' . $hidden_label_class . ' for="' . $item_name_id . '">' . $label . '' . ($field_required_star && $field_is_required ? '<span class="sppb-field-required"> </span>' : '') . '</label>'; } $output .= '<input type="' . $field_type . '" id="' . $item_name_id . '" name="form-builder-item-[' . $field_name . '' . ($field_is_required ? '' : '') . ']" class="sppb-form-control"' . ($field_placeholder ? ' placeholder="' . $field_placeholder . '"' : '') . '' . ($field_type === 'tel' && $tel_pattern ? ' pattern="' . $tel_pattern . '"' : '') . '' . ($field_is_required ? ' required' : '') . '>'; $output .= $field_is_required ? '<span class="sppb-form-builder-required">' . $required_field_message . '</span>' : ''; $output .= '</div>'; //.sppb-form-group } } //end first foreach } // Hidden field $hidden_value = array( 'recipient_email' => base64_encode($recipient_email), 'additional_header' => base64_encode($additional_header), 'from' => base64_encode($from) ); $hidden_json = json_encode($hidden_value); $hidden_base64 = base64_encode($hidden_json); $encrypted_salt_key = md5(self::$salt . $hidden_base64); $output .= '<input type="hidden" name="form_id" value="' . $hidden_base64 . ':' . $encrypted_salt_key . '" >'; $output .= '<input type="hidden" name="addon_id" value="' . $addon_id . '">'; $output .= '<input type="hidden" name="email_subject" value="' . base64_encode($email_subject) . '">'; $output .= '<textarea style="display:none;" name="email_template" aria-label="Not For Read">' . base64_encode($email_template) . '</textarea>'; $output .= '<input type="hidden" name="success_message" value="' . base64_encode($success_message) . '">'; $output .= '<input type="hidden" name="failed_message" value="' . base64_encode($failed_message) . '">'; // Captcha if ($enable_captcha && $captcha_type == 'default') { $output .= '<div class="sppb-form-group">'; $output .= '<label ' . $hidden_label_class . ' for="captcha-' . $addon_id . '">' . $captcha_question . '</label>'; $output .= '<input type="text" name="captcha_question" id="captcha-' . $addon_id . '" class="sppb-form-control" placeholder="' . $captcha_question . '" required>'; $output .= '</div>'; } if ($enable_captcha && $captcha_type == 'default') { $output .= '<input type="hidden" name="captcha_answer" value="' . md5($captcha_answer) . '">'; } elseif ($enable_captcha && $captcha_type == 'gcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha'); Factory::getApplication()->triggerEvent('onInit', ['dynamic_recaptcha_' . $addon_id]); $recaptcha = Factory::getApplication()->triggerEvent('onDisplay', array(null, 'dynamic_recaptcha_' . $addon_id, 'sppb-form-builder-recaptcha')); $output .= (isset($recaptcha[0])) ? $recaptcha[0] : '<p class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_NOT_INSTALLED') . '</p>'; } elseif ($enable_captcha && $captcha_type == 'igcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha_invisible'); Factory::getApplication()->triggerEvent('onInit', ['invisible_recaptcha_' . $this->addon->id]); $recaptcha = Factory::getApplication()->triggerEvent('onDisplay', array(null, 'invisible_recaptcha_' . $this->addon->id, 'sppb-dynamic-recaptcha')); $output .= (isset($recaptcha[0])) ? $recaptcha[0] : '<p class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVISIBLE_CAPTCHA_NOT_INSTALLED') . '</p>'; } $output .= '<input type="hidden" name="captcha_type" value="' . $captcha_type . '">'; // Policy if ($enable_policy) { $output .= '<div class="sppb-form-check">'; $output .= '<input class="sppb-form-check-input" type="checkbox" name="policy" id="policy-' . $addon_id . '" aria-label="Policy Text" value="Yes" required>'; $output .= '<label class="sppb-form-check-label" for="policy-' . $addon_id . '">' . $policy_text . '</label>'; $output .= '<input type="hidden" value="true" name="is_policy">'; $output .= '</div>'; } // Button if ($btn_text) { $output .= '<div class="sppb-form-builder-btn' . $btn_position . ' ' . $btn_custom_class . '">'; $output .= '<button type="submit" id="btn-' . $addon_id . '" class="sppb-btn' . $btn_class . '" aria-label="' . strip_tags($btn_text_aria) . '">' . $btn_text . '</button>'; $output .= '</div>'; //.sppb-form-builder-btn } $output .= '</form>'; //.sppb-addon-form-builder-form $output .= '<div style="display:none;margin-top:10px;" class="sppb-ajax-contact-status"></div>'; $output .= '</div>'; //.sppb-addon-content $output .= '</div>'; //.sppb-addon-custom-form return $output; } public static function getAjax() { // if cache isn't enable if (!Factory::getConfig()->get('caching') && !PluginHelper::getPlugin('system', 'cache')) { // Check CSRF Session::checkToken() or die('Restricted Access'); } // include page builder page model require_once JPATH_BASE . '/components/com_sppagebuilder/models/page.php'; $input = Factory::getApplication()->input; $viewid = $input->get('id', 0, 'INT'); $mail = Factory::getMailer(); $message = ''; $showcaptcha = false; $has_policy = false; //inputs $inputs = $input->get('data', array(), 'ARRAY'); $fieldNames = []; $validation = true; $isCheckbox = false; $emailBody = ''; $emailSubjectAjax = ''; $additional_header_ajax = ''; $success_message_ajax = ''; $failed_message_ajax = ''; $frequired_field_message_ajax = ''; foreach ($inputs as $name => $input) { if ($input['name'] == 'form_id') { $data = $input['value']; $hidden_data = explode(':', $data); $encrypted_salt_key = md5(self::$salt . $hidden_data[0]); if ($encrypted_salt_key === $hidden_data[1]) { $decrypted_data = json_decode(base64_decode($hidden_data[0])); $recipient = base64_decode($decrypted_data->recipient_email); $additional_header_ajax = base64_decode($decrypted_data->additional_header); $from = base64_decode($decrypted_data->from); } else { die('Restricted Access'); } } if ($input['name'] == 'captcha_type') { $captcha_type = $input['value']; } if ($input['name'] == 'view_type') { $view_type = $input['value']; } if ($input['name'] == 'addon_id') { $addon_id = $input['value']; } if ($input['name'] == 'module_id') { $module_id = $input['value']; } if ($input['name'] == 'captcha_question') { $captcha_question = $input['value']; } if ($input['name'] == 'captcha_answer') { $captcha_answer = $input['value']; $showcaptcha = true; } if ($input['name'] == 'g-recaptcha-response') { $gcaptcha = $input['value']; $showcaptcha = true; } if ($input['name'] == 'policy') { $policy = $input['value']; $fieldNames[$input['name']] = $input['value']; } if ($input['name'] == 'is_policy') { $has_policy = true; } preg_match_all("/\[([^\]])\]/", $input['name'], $matches); $name = ''; if (is_array($matches) && count($matches[0]) > 0) { $name = isset($matches[1][0]) ? $matches[1][0] : $input['name']; $isRequired = strpos($name, ""); if ($isRequired) { if ($input['value'] == "") { $validation = false; } $name = str_replace('', '', $name); } $fieldNames[$name] = $input['value']; } if ($input['name'] === 'email_template') { $emailBody = base64_decode($input['value']); } if ($input['name'] === 'email_subject') { $emailSubjectAjax = base64_decode($input['value']); } if ($input['name'] === 'success_message') { $success_message_ajax = base64_decode($input['value']); } if ($input['name'] === 'failed_message') { $failed_message_ajax = base64_decode($input['value']); } } if (!$validation) { $output['content'] = '<span class="sppb-text-danger">' . $failed_message_ajax . '</span>'; $output['form_validation'] = $fieldNames; return json_encode($output); } if ($has_policy == true && empty($policy)) { $output['content'] = '<span class="sppb-text-danger">' . $failed_message_ajax . '</span>'; return json_encode($output); } // get addon infos if ($view_type == 'module') { $item_data = new stdClass(); $page_info = self::getPageInfoById($module_id, $view_type, 'new'); if (empty($page_info)) { // if old version of module $page_info = self::getPageInfoById($module_id, $view_type); $item_data->text = json_encode(json_decode($page_info->params)->content); } else { // if new version of module $item_data->text = $page_info->content ?? $item_data->text; } } elseif ($view_type === 'article') { $item_data = new stdClass(); $item_data = self::getPageInfoById($viewid, $view_type); } else { $model = new SppagebuilderModelPage(); $item_data = $model->getItem($viewid); } $output = array(); $output['status'] = false; $output['gcaptchaId'] = ''; // Match has addon id if (self::verifyAddon($item_data->content ?? $item_data->text, $addon_id) === false) { $output['content'] = '<span class="sppb-text-danger">' . $failed_message_ajax . '</span>'; return json_encode($output); } if ($showcaptcha) { if ($captcha_type == 'gcaptcha' \|\| $captcha_type == 'igcaptcha') { if ($gcaptcha == '') { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVALID_CAPTCHA') . '</span>'; return json_encode($output); } else { if ($captcha_type == 'igcaptcha') { PluginHelper::importPlugin('captcha', 'recaptcha_invisible'); $output['gcaptchaId'] = 'invisible_recaptcha_' . $addon_id; $output['gcaptchaType'] = 'invisible'; } else { PluginHelper::importPlugin('captcha', 'recaptcha'); $output['gcaptchaId'] = 'dynamic_recaptcha_' . $addon_id; $output['gcaptchaType'] = 'dynamic'; } $res = Factory::getApplication()->triggerEvent('onCheckAnswer', [$gcaptcha]); // If module then verify gcaptcha if ($view_type === 'module') { $res = ($gcaptcha != null \|\| strlen($gcaptcha) != 0) ? array(true) : array(false); } if (!$res[0]) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INVALID_CAPTCHA') . '</span>'; return json_encode($output); } } } else { if (md5($captcha_question) != $captcha_answer) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_WRONG_CAPTCHA') . '</span>'; return json_encode($output); } } } $replyToMail = $replyToName = $cc = $bcc = $from_name = $from_email = ''; // Subject Structure $site_name = isset($_SERVER['SERVER_NAME']) ? $_SERVER['SERVER_NAME'] : ''; if ($from != '') { $from = explode(':', $from); if (count($from) > 1) { $from_name = isset($from[0]) ? trim($from[0]) : ''; $from_email = isset($from[1]) ? trim($from[1]) : ''; } elseif (count($from) == 1) { $from_email = isset($from[0]) ? trim($from[0]) : ''; $validMail = preg_match("/^([a-z0-9\+_\-]+)(\.[a-z0-9\+_\-]+)@([a-z0-9\-]+\.)+[a-z]{2,6}$/ix", $from_email); if ($validMail && $from_name == '') { $from_name = $site_name; } } } $additional_header_ajax = explode("\n", $additional_header_ajax); foreach ($additional_header_ajax as $_header) { $_header = explode(':', $_header); if (count($_header) > 0) { if (strtolower($_header[0]) == 'reply-to') $replyToMail = isset($_header[1]) ? trim($_header[1]) : ''; if (strtolower($_header[0]) == 'reply-name') $replyToName = isset($_header[1]) ? trim($_header[1]) : ''; if (strtolower($_header[0]) == 'cc') $cc = isset($_header[1]) ? trim($_header[1]) : ''; if (strtolower($_header[0]) == 'bcc') $bcc = isset($_header[1]) ? trim($_header[1]) : ''; } } $output['fields'] = $fieldNames; foreach ($fieldNames as $name => $value) { $emailBody = str_replace("{{" . $name . "}}", $value, $emailBody); $emailSubjectAjax = str_replace("{{" . $name . "}}", $value, $emailSubjectAjax); $replyToName = str_replace("{{" . $name . "}}", $value, $replyToName); $replyToMail = str_replace("{{" . $name . "}}", $value, $replyToMail); $from_name = str_replace("{{" . $name . "}}", $value, $from_name); $cc = str_replace("{{" . $name . "}}", $value, $cc); $bcc = str_replace("{{" . $name . "}}", $value, $bcc); } // Get sender UP $senderip = isset($_SERVER['HTTP_X_FORWARDED_FOR']) ? $_SERVER['HTTP_X_FORWARDED_FOR'] : $_SERVER['REMOTE_ADDR']; // $mail_subject = $subject . ' \| ' . $email . ' \| ' . $site_name; $emailSubjectAjax = str_replace("{{site-name}}", $site_name, $emailSubjectAjax); $config = Factory::getConfig(); $senderMail = $config->get('mailfrom'); $senderName = $config->get('fromname'); if (!empty($from_email)) { $senderMail = $from_email; $senderName = $from_name; } if (empty($senderMail) && empty($senderName)) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_FROM_BUILDER_SENDER_FAILED') . '</span>'; return json_encode($output); } if (empty($recipient)) { $output['content'] = '<span class="sppb-text-danger">' . Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_FROM_BUILDER_RECIPIENT_FAILED') . '</span>'; return json_encode($output); } // Check cc and Bcc if (!empty($cc) \|\| !empty($bcc)) { $recipient = array($recipient); array_push($recipient, $cc); array_push($recipient, $bcc); $recipient = array_filter($recipient); } $isHtmlMode = true; $attachment = null; $replyToMail = !empty($replyToMail) ? $replyToMail : null; if ($mail->sendMail($senderMail, $senderName, $recipient, $emailSubjectAjax, $emailBody, $isHtmlMode, null, null, $attachment, $replyToMail, $replyToName)) { $output['status'] = true; $output['content'] = '<span class="sppb-text-success">' . $success_message_ajax . '</span>'; } else { $output['content'] = '<span class="sppb-text-danger">' . $failed_message_ajax . '</span>'; } return json_encode($output); } public static function getPageInfoById($item_id, $view_type = 'page', $version = '') { $db = Factory::getDbo(); $query = $db->getQuery(true); $query->select(array('a.')); if ($view_type === 'module') { if ($version === 'new') { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.extension_view') . " = " . $db->quote('module')); $query->where($db->quoteName('a.view_id') . " = " . $db->quote((int) $item_id)); } else { $query->from($db->quoteName('#__modules', 'a')); $query->where($db->quoteName('a.id') . " = " . $db->quote((int) $item_id)); } } else if ($view_type == 'article') { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.view_id') . " = " . $db->quote((int) $item_id)); } else { $query->from($db->quoteName('#__sppagebuilder', 'a')); $query->where($db->quoteName('a.id') . " = " . $db->quote((int) $item_id)); } $db->setQuery($query); $result = $db->loadObject(); return $result; } /** * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css_path = new FileLayout('addon.css.button', $layout_path); $cssHelper = new CSSHelper($addon_id); $css = ''; if (isset($settings->sp_form_builder_item) && is_array($settings->sp_form_builder_item)) { foreach ($settings->sp_form_builder_item as $item_key => $itemValue) { $field_type = (isset($itemValue->field_type) && $itemValue->field_type) ? $itemValue->field_type : 'text'; $item_name_id = $field_type ? 'sppb-form-builder-field-' . $item_key : ''; if (isset($itemValue->field_width) && is_object($itemValue->field_width)) { // For old layouts $fieldWidth = $cssHelper->generateMissingBreakPoints($itemValue->field_width); } if($field_type === 'heading') { $item_unique_class = '.sppb-form-builder-heading-' . $item_key; $itemValue->alignment = CSSHelper::parseAlignment($itemValue, 'alignment'); $itemValue->title_text_shadow = CSSHelper::parseBoxShadow($itemValue, 'title_text_shadow', true); $headingTypography = $cssHelper->typography('.sppb-addon-title' . $item_unique_class, $itemValue, 'heading_typography'); $css .= $headingTypography; /* * We've passed the font family here for the heading addon. * As the the other typography field's are handled by the * addon's global CSS settings. / $titleProps = [ 'title_margin' => 'margin', 'title_padding' => 'padding', 'title_text_shadow' => 'text-shadow' ]; $units = ['title_margin' => false, 'title_padding' => false, 'title_text_shadow' => false]; $modifiers = ['title_margin' => 'spacing', 'title_padding' => 'spacing']; $titleStyle = $cssHelper->generateStyle('.sppb-addon-title' . $item_unique_class, $itemValue, $titleProps, $units, $modifiers); $alignment = $cssHelper->generateStyle('.sppb-addon-title' . $item_unique_class, $itemValue, ['alignment' => 'text-align'], false); $alignment = $cssHelper->generateStyle('.sppb-addon-title' . $item_unique_class, $settings, ['label_color' => 'color'], ['label_color' => false]); $css .= $alignment; $css .= $titleStyle; if (!empty($itemValue->title_font_family)) { $cssHelper->loadGoogleFont($itemValue->title_font_family); } $fieldWidth = $cssHelper->generateStyle('.sppb-addon-title' . $item_unique_class, $itemValue, ['field_width' => 'width'], ['field_width' => '%']); } else { $fieldWidth = $cssHelper->generateStyle('.sppb-form-group.' . $item_name_id, $itemValue, ['field_width' => 'width'], ['field_width' => '%']); } $css .= $fieldWidth; } } $formBuilderForm = $cssHelper->generateStyle('.sppb-addon-form-builder-form', $settings, ['field_gutter' => ['margin-left', 'margin-right']]); $formCheck = $cssHelper->generateStyle('.sppb-form-check, .sppb-form-builder-btn', $settings, ['field_gutter' => ['margin-left', 'margin-right']]); $formRecapt = $cssHelper->generateStyle('.sppb-form-builder-recaptcha, .sppb-form-builder-invisible-recaptcha, .sppb-addon-form-builder-form .sppb-form-group', $settings, ['field_gutter' => ['padding-left', 'padding-right']]); $css .= $formBuilderForm; $css .= $formCheck; $css .= $formRecapt; $fieldHorizontalSpace = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group', $settings, ['field_horizontal_space' => 'margin-bottom']); $css .= $fieldHorizontalSpace; $fieldStyleProps = [ 'field_bg_color' => 'background', 'field_color' => 'color', 'field_font_size' => 'font-size', 'field_border_width' => 'border-style:solid; border-width', 'field_border_color' => 'border-color', 'field_border_radius' => 'border-radius', 'field_padding' => 'padding', 'input_height' => 'height' ]; $fieldStyleUnits = [ 'field_bg_color' => false, 'field_color' => false, 'field_border_color' => false, 'field_border_width' => false ]; $fieldStyle = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]), .sppb-addon-form-builder-form .sppb-form-group textarea', $settings, $fieldStyleProps, $fieldStyleUnits, ['field_padding' => 'spacing'], null, false, 'transition:.35s;'); $css .= $fieldStyle; $fieldStyles = $cssHelper->typography('.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]), .sppb-addon-form-builder-form .sppb-form-group textarea', $settings, 'field_typography', $fieldStyleUnits, ['size' => 'field_font_size']); $css .= $fieldStyles; $textareaHeight = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group textarea', $settings, ['textarea_height' => 'height']); $css .= $textareaHeight; $fieldHoverStyle = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):hover, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):active, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):focus, .sppb-addon-form-builder-form .sppb-form-group textarea:hover, .sppb-addon-form-builder-form .sppb-form-group textarea:active, .sppb-addon-form-builder-form .sppb-form-group textarea:focus', $settings, ['field_hover_bg_color' => 'background', 'field_focus_border_color' => 'border-color'], ['field_hover_bg_color' => false, 'field_focus_border_color' => false]); $css .= $fieldHoverStyle; //Placeholder $fieldPlaceholderColor = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group input::placeholder,.sppb-addon-form-builder-form .sppb-form-group textarea::placeholder', $settings, ['field_placeholder_color' => 'color'], ['field_placeholder_color' => false], [], null, false, 'opacity: 1; transition:.35s;'); $css .= $fieldPlaceholderColor; //hover placeholder $fieldHoverPlaceholderColor = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):hover::placeholder, .sppb-addon-form-builder-form .sppb-form-group textarea:hover::placeholder', $settings, ['field_hover_placeholder_color' => 'color'], ['field_hover_placeholder_color' => false], [], null, false, 'opacity: 1;'); $css .= $fieldHoverPlaceholderColor; //Label style $labelStyles = $cssHelper->generateStyle('.sppb-addon-form-builder-form .sppb-form-group label:not(.form-builder-radio-label):not(.form-builder-checkbox-label)', $settings, ['label_color' => 'color', 'label_margin' => 'margin'], ['label_color' => false], ['label_margin' => 'spacing']); $css .= $labelStyles; $labelStyle = $cssHelper->typography('.sppb-addon-form-builder-form .sppb-form-group label:not(.form-builder-radio-label):not(.form-builder-checkbox-label)', $settings, 'label_typography', [ 'size' => 'label_font_size', 'weight' => 'label_font_style.weight', 'italic' => 'label_font_style.italic', 'underline' => 'label_font_style.underline', 'uppercase' => 'label_font_style.uppercase', ]); $css .= $labelStyle; //Checkbox and Radio style $checkboxBorderColor = $cssHelper->generateStyle('.sppb-addon-form-builder .sppb-form-check-label::before, .form-builder-checkbox-item label::before', $settings, ['checkbox_color' => 'border-color'], ['checkbox_color' => false]); $checkboxBackgroundColor = $cssHelper->generateStyle('.sppb-addon-form-builder .sppb-form-check-input:checked + label::before, .form-builder-checkbox-item input:checked + label::before', $settings, ['checkbox_color' => 'background'], ['checkbox_color' => false]); $css .= $checkboxBorderColor; $css .= $checkboxBackgroundColor; $radioBorderColor = $cssHelper->generateStyle('.form-builder-radio-item label::before', $settings, ['radio_color' => 'border-color'], ['radio_color' => false]); $radioBackgroundColor = $cssHelper->generateStyle('.form-builder-radio-item input:checked + label::before', $settings, ['radio_color' => 'border-color'], ['radio_color' => false]); $css .= $radioBorderColor; $css .= $radioBackgroundColor; //Button style $options = new stdClass; $options->button_type = (isset($settings->btn_type) && $settings->btn_type) ? $settings->btn_type : ''; $options->button_appearance = (isset($settings->btn_appearance) && $settings->btn_appearance) ? $settings->btn_appearance : ''; $options->button_color = (isset($settings->btn_color) && $settings->btn_color) ? $settings->btn_color : ''; $options->button_color_hover = (isset($settings->btn_color_hover) && $settings->btn_color_hover) ? $settings->btn_color_hover : ''; $options->button_background_color = (isset($settings->btn_background_color) && $settings->btn_background_color) ? $settings->btn_background_color : ''; $options->button_background_color_hover = (isset($settings->btn_background_color_hover) && $settings->btn_background_color_hover) ? $settings->btn_background_color_hover : ''; $options->button_fontstyle = (isset($settings->btn_fontstyle) && $settings->btn_fontstyle) ? $settings->btn_fontstyle : ''; $options->button_font_style = (isset($settings->btn_font_style) && $settings->btn_font_style) ? $settings->btn_font_style : ''; $options->link_button_color = (isset($settings->link_button_color) && $settings->link_button_color) ? $settings->link_button_color : ''; $options->link_border_color = (isset($settings->link_border_color) && $settings->link_border_color) ? $settings->link_border_color : ''; $options->link_button_border_width = (isset($settings->link_button_border_width) && $settings->link_button_border_width) ? $settings->link_button_border_width : ''; $options->link_button_padding_bottom = (isset($settings->link_button_padding_bottom) && gettype($settings->link_button_padding_bottom) == 'string') ? $settings->link_button_padding_bottom : ''; $options->button_background_gradient = (isset($settings->btn_background_gradient) && $settings->btn_background_gradient) ? $settings->btn_background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($settings->btn_background_gradient_hover) && $settings->btn_background_gradient_hover) ? $settings->btn_background_gradient_hover : new stdClass(); $options->font_family = (isset($settings->btn_font_family) && $settings->btn_font_family) ? $settings->btn_font_family : null; $options->fontsize = isset($settings->btn_fontsize_original) ? $settings->btn_fontsize_original : ($settings->btn_fontsize ?? null); $options->button_typography = (isset($settings->btn_typography) && $settings->btn_typography) ? $settings->btn_typography : null; $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); $btn_size = (isset($settings->btn_size) && $settings->btn_size) ? $settings->btn_size : ''; if ((!empty($options->button_type) && $options->button_type === "custom")) { $btnPadding = $cssHelper->generateStyle('.sppb-form-builder-btn button', $settings, ['btn_padding' => 'padding'], [], ['btn_padding' => 'spacing']); $css .= $btnPadding; } $btnMargin = $cssHelper->generateStyle('.sppb-form-builder-btn button', $settings, ['btn_margin' => 'margin'], [], ['btn_margin' => 'spacing']); $css .= $btnMargin; return $css; } public static function verifyAddon($pageContent, $addonId) { $addonInfo = false; $pageContent = json_decode($pageContent); if (!is_array($pageContent)) { return false; } foreach ($pageContent as $key => $row) { foreach ($row->columns as $key => $column) { foreach ($column->addons as $key => $addon) { // if direct addon if (($addon->id == $addonId) && ($addon->name == 'form_builder')) { return true; break; } // if has inner array if (isset($addon->columns) && count($addon->columns) && $addon->columns) { foreach ($addon->columns as $key => $inner_column) { foreach ($inner_column->addons as $key => $inner_addon) { if (($inner_addon->id == $addonId) && ($inner_addon->name == 'form_builder')) { return true; break; } } } } // END:: has inner columns // if repeatable addon (tab, accordion) $inner_items = 'sp_' . $addon->name . '_item'; if (isset($addon->settings->$inner_items) && count($addon->settings->$inner_items) && $addon->settings->$inner_items) { foreach ($addon->settings->$inner_items as $inner_item) { if (isset($inner_item->content) && is_array($inner_item->content) && !empty($inner_item->content)) { foreach ($inner_item->content as $inner_addon) { if (($inner_addon->id == $addonId) && ($inner_addon->name == 'form_builder')) { return true; break; } } } } } // END:: repeatable addon (tab, accordion) } } } return false; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var classList = ""; classList += " sppb-btn-"+data.btn_type; classList += " sppb-btn-"+data.btn_size; classList += " sppb-btn-"+data.btn_shape; classList += data.btn_block ? " " + data.btn_block : ""; if(!_.isEmpty(data.btn_appearance)){ classList += " sppb-btn-"+data.btn_appearance; } var modern_font_style = false; var btn_fontstyle = data.btn_fontstyle \|\| ""; var btn_font_style = data.btn_font_style \|\| ""; var hide_label = data.hide_label ?? false; var hidden_label_class = hide_label ? " class=sppb-form-label-visually-hidden " : ""; #> <style type="text/css">'; // field $fieldTypographyFallbacks = ['size' => 'data.field_font_size']; $output .= $lodash->typography('.sppb-form-control', 'data.field_typography', $fieldTypographyFallbacks); // label $labelTypographyFallbacks = [ 'size' => 'data.label_font_size', 'weight' => 'data.label_font_style?.weight', 'italic' => 'data.label_font_style?.italic', 'underline' => 'data.label_font_style?.underline', 'uppercase' => 'data.label_font_style?.uppercase', ]; $output .= $lodash->typography('.sppb-addon-form-builder-form .sppb-form-group label:not(.form-builder-radio-label):not(.form-builder-checkbox-label)', 'data.label_typography', $labelTypographyFallbacks); $output .= $lodash->spacing('margin', '.sppb-addon-form-builder-form .sppb-form-group label:not(.form-builder-radio-label):not(.form-builder-checkbox-label)', 'data.label_margin'); $output .= $lodash->color('color', '.sppb-addon-form-builder-form .sppb-form-group label:not(.form-builder-radio-label):not(.form-builder-checkbox-label)', 'data.label_color'); // Button $btnTypographyFallbacks = [ 'font' => 'data.btn_font_family', 'size' => 'data.btn_fontsize', 'letter_spacing' => 'data.btn_letterspace', 'weight' => 'data.btn_font_style?.weight', 'italic' => 'data.btn_font_style?.italic', 'underline' => 'data.btn_font_style?.underline', 'uppercase' => 'data.btn_font_style?.uppercase', ]; $output .= $lodash->typography('#btn-{{ data.id }}.sppb-btn-{{ data.btn_type }}', 'data.btn_typography', $btnTypographyFallbacks); $output .= $lodash->unit('margin-left', '.sppb-addon-form-builder-form', 'data.field_gutter', 'px'); $output .= $lodash->unit('margin-right', '.sppb-addon-form-builder-form', 'data.field_gutter', 'px'); $output .= $lodash->unit('margin-left', '.sppb-form-check, .sppb-form-builder-btn', 'data.field_gutter', 'px'); $output .= $lodash->unit('margin-right', '.sppb-form-check, .sppb-form-builder-btn', 'data.field_gutter', 'px'); $output .= $lodash->unit('padding-left', '.sppb-form-builder-recaptcha, .sppb-form-builder-invisible-recaptcha,.sppb-addon-form-builder-form .sppb-form-group', 'data.field_gutter', 'px'); $output .= $lodash->unit('padding-right', '.sppb-form-builder-recaptcha, .sppb-form-builder-invisible-recaptcha,.sppb-addon-form-builder-form .sppb-form-group', 'data.field_gutter', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-form-builder-form .sppb-form-group', 'data.field_horizontal_space', 'px'); $output .= $lodash->color('background-color', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_bg_color'); $output .= $lodash->color('color', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_color'); $output .= $lodash->border('border-width', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_border_width'); $output .= $lodash->border('border-color', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_border_color'); $output .= $lodash->unit('font-size', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_font_size', 'px'); $output .= $lodash->unit('border-radius', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_border_radius', 'px', false); $output .= $lodash->unit('padding', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.field_padding'); $output .= $lodash->unit('height', '.sppb-addon-form-builder-form .sppb-form-group select, .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"])', 'data.input_height', 'px'); $output .= $lodash->color('background-color', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_bg_color'); $output .= $lodash->color('color', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_color'); $output .= $lodash->unit('font-size', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_font_size', 'px'); $output .= $lodash->unit('border-radius', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_border_radius', 'px', false); $output .= $lodash->unit('height', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.textarea_height', 'px'); $output .= $lodash->unit('padding', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_padding', 'px'); $output .= $lodash->border('border-width', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_border_width'); $output .= $lodash->border('border-color', '.sppb-addon-form-builder-form .sppb-form-group textarea', 'data.field_border_color'); $output .= '<# if (data.checkbox_color) { #>'; $output .= $lodash->border('border-color', '.sppb-addon-form-builder .sppb-form-check-label::before, .form-builder-checkbox-item label::before', 'data.checkbox_color'); $output .= $lodash->color('background-color', '.sppb-addon-form-builder .sppb-form-check-input:checked + label::before, .form-builder-checkbox-item input:checked + label::before', 'data.checkbox_color'); $output .= '<# } #>'; $output .= '<# if (data.radio_color) { #>'; $output .= $lodash->border('border-color', '.form-builder-radio-item label::before', 'data.radio_color'); $output .= $lodash->color('background-color', '.form-builder-radio-item input:checked + label::before', 'data.radio_color'); $output .= '<# } #>'; $output .= '<# if (data.btn_type == "link") { #>'; $output .= $lodash->color('color', '.sppb-form-builder-btn button.sppb-btn-link', 'data.link_button_color'); $output .= $lodash->border('border-color', '.sppb-form-builder-btn button.sppb-btn-link', 'data.link_border_color'); $output .= $lodash->unit('border-bottom-width', '.sppb-form-builder-btn button.sppb-btn-link', 'data.link_button_border_width', 'px', false); $output .= $lodash->unit('padding-bottom', '.sppb-form-builder-btn button.sppb-btn-link', 'data.link_button_padding_bottom', 'px', false); $output .= '<# } #>'; $output .= ' <# if(!_.isEmpty(data.sp_form_builder_item) && _.isArray(data.sp_form_builder_item)){ _.each (data.sp_form_builder_item, function(item_value, item_key) { let field_type = (!_.isEmpty(item_value.field_type) && item_value.field_type) ? item_value.field_type : "text"; let item_name_id = field_type ? "sppb-form-builder-field-"+item_key : ""; if(_.isObject(item_value.field_width)){ ' . $lodash->generateMissingBreakPoints('item_value.field_width') . ' if(field_type === "heading") { let item_unique_class = ".sppb-form-builder-heading-" + item_key; #>'; $output .= $lodash->alignment('text-align', '{{item_unique_class}}', 'item_value.alignment'); $output .= $lodash->unit('width', '.sppb-addon-title{{item_unique_class}}', 'item_value.field_width', '%'); $output .= $lodash->typography('.sppb-addon-title{{item_unique_class}}', 'item_value.heading_typography'); $output .= $lodash->textShadow('.sppb-addon-title{{item_unique_class}}', 'item_value.title_text_shadow'); $output .= $lodash->color('color', '.sppb-addon-title{{item_unique_class}}', 'data.label_color'); $output .= $lodash->spacing('margin', '.sppb-addon-title{{item_unique_class}}', 'item_value.title_margin'); $output .= $lodash->spacing('padding', '.sppb-addon-title{{item_unique_class}}', 'item_value.title_padding'); $output .= '<# } else { #>'; $output .= $lodash->unit('width', '.sppb-form-group.{{item_name_id}}', 'item_value.field_width', '%'); $output .= ' <# }} }) } #> #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group select, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]) { <# if(data.field_border_width){ #> border-style:solid; <# } #> transition:.35s; } #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group textarea { <# if(data.field_border_width){ #> border-style:solid; <# } #> transition:.35s; } #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):hover, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):active, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):focus, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group textarea:hover, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group textarea:active, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group textarea:focus{ background:{{data.field_hover_bg_color}}; border-color:{{data.field_focus_border_color}}; } #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group input::placeholder, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group textarea::placeholder { color:{{data.field_placeholder_color}}; opacity: 1; transition:.35s; } #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group input:not([type="checkbox"]):not([type="radio"]):hover::placeholder, #sppb-addon-{{ data.id }} .sppb-addon-form-builder-form .sppb-form-group textarea:hover::placeholder{ color:{{data.field_hover_placeholder_color}}; opacity: 1; } <# if(data.btn_type == "link"){ #> #sppb-addon-{{ data.id }} .sppb-form-builder-btn button.sppb-btn-link{ text-decoration: none; border-radius: 0; } <# } #>'; $output .= '<# if (data.btn_type == "custom") { #>'; $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_padding'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_color'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.btn_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.btn_background_color_hover'); $output .= $lodash->unit('font-size', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_fontsize', 'px'); $output .= '<# if (data.btn_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_background_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.btn_background_color_hover'); $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom {background-color:transparent;}'; $output .= '<# } else if(data.btn_appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_background_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_background_color'); $output .= '<# } else if(data.btn_appearance == "gradient"){ #>'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_background_gradient'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.btn_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_background_color'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= $lodash->unit('margin', '.sppb-form-builder-btn button', 'data.btn_margin'); $output .= ' </style> <# let required_field_message = (!_.isEmpty(data.required_field_message) && data.required_field_message) ? data.required_field_message : "Please fill the required field."; let enable_redirect = (typeof data.enable_redirect === "undefined" && data.enable_redirect) ? data.enable_redirect : 0; let redirect_url = (!_.isEmpty(data.redirect_url) && data.redirect_url) ? data.redirect_url : ""; let redirect_url_attr = ""; if(enable_redirect && redirect_url !== ""){ redirect_url_attr = `data-redirect="yes" data-redirect-url="${redirect_url}"`; } #> <div class="sppb-addon sppb-addon-form-builder {{data.class}}"> <div class="sppb-addon-content"> <form class="sppb-addon-form-builder-form" {{{redirect_url_attr}}}> <# if(_.isArray(data.sp_form_builder_item) && data.sp_form_builder_item.length > 0){ _.each (data.sp_form_builder_item, function(item_value, item_key) { let label = (!_.isEmpty(item_value.title) && item_value.title) ? item_value.title : ""; let field_name = (!_.isEmpty(item_value.field_name) && item_value.field_name) ? item_value.field_name : ""; let field_placeholder = (!_.isEmpty(item_value.field_placeholder) && item_value.field_placeholder) ? item_value.field_placeholder : ""; let field_type = (!_.isEmpty(item_value.field_type) && item_value.field_type) ? item_value.field_type : "text"; let item_name_id = field_type ? "sppb-form-builder-field-"+item_key : ""; let starField = item_value.field_is_required ? "" : ""; let range_min = (!_.isEmpty(item_value.range_min) && item_value.range_min) ? item_value.range_min : ""; let range_max = (!_.isEmpty(item_value.range_max) && item_value.range_max) ? item_value.range_max : ""; let range_step = (!_.isEmpty(item_value.range_step) && item_value.range_step) ? item_value.range_step : ""; let number_min = (!_.isEmpty(item_value.number_min) && item_value.number_min) ? item_value.number_min : ""; let number_max = (!_.isEmpty(item_value.number_max) && item_value.number_max) ? item_value.number_max : ""; let number_step = (!_.isEmpty(item_value.number_step) && item_value.number_step) ? item_value.number_step : ""; if(field_type=="radio"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <div class="form-builder-radio-content"> <# let radio_key = "sp_form_builder_inner_item_radio"; if(_.isArray(item_value[radio_key]) && item_value[radio_key].length > 0){ let inner_values = item_value[radio_key]; _.each (inner_values, function(inner_item_value, inner_item_key) { if(!_.isEmpty(inner_item_value.title) && inner_item_value.title){ #> <div class="form-builder-radio-item"> <# let inner_item_id = `form-${data.id}-radio-${inner_item_key}`; #> <input type="radio" name="form-builder-item-[{{field_name}}{{starField}}]" id="{{inner_item_id}}" value="{{inner_item_value.title}}" class="sppb-form-control" <# if(inner_item_value.is_radio_checked){ #> checked <# } #> > <label for="{{inner_item_id}}" class="form-builder-radio-label">{{{inner_item_value.title}}}</label> </div> <# } }) } #> </div> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } else if(field_type=="checkbox"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <div class="form-builder-checkbox-content"> <# let checkboxKey = "sp_form_builder_inner_item_checkbox"; if(_.isArray(item_value[checkboxKey]) && item_value[checkboxKey].length > 0){ let inner_values = item_value[checkboxKey]; _.each (inner_values, function(inner_item_value, inner_item_key) { if(!_.isEmpty(inner_item_value.title) && inner_item_value.title){ #> <div class="form-builder-checkbox-item"> <# let inner_item_id = `form-${data.id}-checkbox-${inner_item_key}`; #> <input type="checkbox" name="form-builder-item-[{{inner_item_value.checkbox_field_name}}]" id="{{inner_item_id}}" value="{{inner_item_value.title}}" class="sppb-form-control" <# if(inner_item_value.is_checkbox_checked){ #> checked <# } #> > <label for="{{inner_item_id}}" class="form-builder-checkbox-label">{{inner_item_value.title}}</label> </div> <# } }) } #> </div> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } else if(field_type=="textarea"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <textarea name="form-builder-item-[{{field_name}}]" class="sppb-form-control <# if(item_value.is_resize === 0){ #>not-resize<# } #>" placeholder="{{field_placeholder}}" ></textarea> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } else if(field_type=="select"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <# let selctKey = "sp_form_builder_inner_item_select"; if(_.isArray(item_value[selctKey]) && item_value[selctKey].length > 0){ let inner_values = item_value[selctKey]; #> <select class="sppb-form-control" name="form-builder-item-[{{field_name}}]"> <# if(field_placeholder){ #> <option value="">{{field_placeholder}}</option> <# } _.each (inner_values, function(inner_item_value, inner_item_key) { if(!_.isEmpty(inner_item_value.title) && inner_item_value.title){ #> <option value="{{inner_item_value.title}}" <# if(inner_item_value.is_selected){ #> selected <# } #> >{{inner_item_value.title}}</option> <# } }) #> </select> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } } #> </div> <# } else if(field_type=="range"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <input type="range" id="{{item_name_id}}" name="form-builder-item-[{{field_name}}]" class="sppb-form-control" min="{{range_min}}" max="{{range_max}}" step="{{range_step}}"> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } else if(field_type=="number"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <input type="number" id="{{item_name_id}}" name="form-builder-item-[{{field_name}}]" class="sppb-form-control" min="{{number_min}}" max="{{number_max}}" step="{{number_step}}" placeholder="{{field_placeholder}}"> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } else if(field_type=="phone"){ #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <input type="text" id="{{item_name_id}}" name="form-builder-item-[{{field_name}}]" class="sppb-form-control" placeholder="{{field_placeholder}}"> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } else if(field_type === "heading") { let heading_selector = item_value.heading_selector \|\| "h3"; let item_unique_class = "sppb-form-builder-heading-" + item_key; #> <{{ heading_selector }} class="sppb-addon-title {{item_unique_class}}"> {{label}} </{{ heading_selector }}> <# } else { #> <div class="sppb-form-group {{item_name_id}}"> <# if(label){ #> <label {{hidden_label_class}}>{{label}} <# if(item_value.field_required_star && item_value.field_is_required){ #> <span class="sppb-field-required"> </span> <# } #> </label> <# } #> <input type="{{field_type}}" id="{{item_name_id}}" name="form-builder-item-[{{field_name}}]" class="sppb-form-control" placeholder="{{field_placeholder}}"> <# if(item_value.field_is_required){ #> <span class="sppb-form-builder-required">{{required_field_message}}</span> <# } #> </div> <# } }) } #> <# if (data.enable_captcha && data.captcha_type == "default") { #> <div class="sppb-form-group"> <label {{hidden_label_class}}>{{data.captcha_question}}</label> <input type="text" name="data.captcha_question" class="sppb-form-control" placeholder="{{data.captcha_question}}"> </div> <# } if (data.enable_captcha && data.captcha_type == "default") { #> <input type="hidden" name="captcha_answer" value="{{data.captcha_answer}}"> <# } else if (data.enable_captcha && data.captcha_type == "gcaptcha") { #> <div class="sppb-form-builder-recaptcha"> <img src="components/com_sppagebuilder/assets/images/captcha.png" > </div> <# } else if (data.enable_captcha && data.captcha_type == "igcaptcha") { #> <div class="sppb-form-builder-recaptcha"> <img src="components/com_sppagebuilder/assets/images/captcha-2.png" > </div> <# } #> <# if (data.enable_policy) { #> <div class="sppb-form-check"> <input class="sppb-form-check-input" type="checkbox" name="policy" id="policy-{{data.id}}" value="Yes"> <label class="sppb-form-check-label" for="policy-{{data.id}}">{{{data.policy_text}}}</label> </div> <# } let iconLeft = ""; let iconRight = ""; let icon_arr = (typeof data.btn_icon !== "undefined" && data.btn_icon) ? data.btn_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.btn_icon : data.btn_icon; if(data.btn_icon_position == "left" && !_.isEmpty(data.btn_icon)){ iconLeft = \'<span class="\' + icon_name + \'"></span>\'; } else { iconRight = \'<span class="\' + icon_name + \'"></span>\'; } if(data.btn_text){ #> <div class="sppb-form-builder-btn sppb-text-{{data.btn_position}} {{data.btn_class}}"> <button type="button" id="btn-{{ data.id }}" class="sppb-btn {{classList}}">{{{iconLeft}}} {{ data.btn_text }} {{{iconRight}}}</button> </div> <# } #> </form> </div> </div>'; return $output; } } ��form_builder/admin.php��0000644��00000147027�15231074400�0011025 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'form_builder', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 4a4 4 0 014-4h17a4 4 0 014 4v13a1 1 0 11-2 0V4a2 2 0 00-2-2H6a2 2 0 00-2 2v22a2 2 0 002 2h8.5a1 1 0 110 2H6a4 4 0 01-4-4V4z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 8a1 1 0 01-1 1H9a1 1 0 110-2h11a1 1 0 011 1zM21 13a1 1 0 01-1 1H9a1 1 0 110-2h11a1 1 0 011 1zM15 18a1 1 0 01-1 1H9a1 1 0 110-2h5a1 1 0 011 1z" fill="currentColor"/><path opacity=".5" d="M29.38 26.843l-1.166-.673a5.272 5.272 0 000-1.921l1.166-.674a.33.33 0 00.15-.383 6.816 6.816 0 00-1.497-2.589.33.33 0 00-.405-.063l-1.166.673a5.166 5.166 0 00-1.664-.96v-1.344a.328.328 0 00-.257-.32 6.881 6.881 0 00-2.989 0 .328.328 0 00-.257.32v1.346a5.328 5.328 0 00-1.664.961l-1.163-.673a.325.325 0 00-.405.063 6.775 6.775 0 00-1.498 2.589.327.327 0 00.15.383l1.167.673a5.276 5.276 0 000 1.922l-1.166.673a.33.33 0 00-.15.383 6.817 6.817 0 001.497 2.59.33.33 0 00.405.063l1.166-.674c.49.422 1.053.747 1.664.96v1.348c0 .153.106.287.257.32a6.88 6.88 0 002.989 0 .328.328 0 00.257-.32v-1.347a5.328 5.328 0 001.664-.96l1.166.672a.325.325 0 00.405-.062 6.776 6.776 0 001.497-2.59.338.338 0 00-.153-.386zm-6.333.556a2.193 2.193 0 01-2.19-2.19c0-1.207.983-2.19 2.19-2.19 1.207 0 2.19.983 2.19 2.19 0 1.207-.983 2.19-2.19 2.19z" fill="currentColor"/></svg>', 'settings' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GENERAL'), 'fields' => [ 'sp_form_builder_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_ITEMS'), 'std' => [ [ 'title' => 'First Name', 'field_name' => 'first-name', 'field_placeholder' => 'First Name', 'field_type' => 'text', 'field_width' => ['xl' => 50, 'lg' => 50, 'md' => 50, 'sm' => 100, 'xs' => 100], ], [ 'title' => 'Last Name', 'field_name' => 'last-name', 'field_placeholder' => 'Last Name', 'field_type' => 'text', 'field_width' => ['xl' => 50, 'lg' => 50, 'md' => 50, 'sm' => 100, 'xs' => 100], ], [ 'title' => 'Email', 'field_name' => 'email', 'field_placeholder' => 'Email', 'field_type' => 'email', 'field_is_required' => 1, 'field_required_star' => 1, 'field_width' => ['xl' => 50, 'lg' => 50, 'md' => 50, 'sm' => 100, 'xs' => 100], ], [ 'title' => 'Subject', 'field_name' => 'subject', 'field_placeholder' => 'Subject', 'field_type' => 'text', 'field_width' => ['xl' => 50, 'lg' => 50, 'md' => 50, 'sm' => 100, 'xs' => 100], ], [ 'title' => 'Message', 'field_name' => 'message', 'field_placeholder' => 'Message', 'field_type' => 'textarea', 'field_is_required' => 1, 'field_required_star' => 1, 'field_width' => ['xl' => 100, 'lg' => 100, 'md' => 100, 'sm' => 100, 'xs' => 100], ], ], 'attr' => [ 'builder_item_option' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BASIC'), 'fields' => [ 'field_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_TYPE'), 'values' => [ 'text' => 'Text', 'email' => 'Email', 'tel' => 'Phone', 'textarea' => 'Textarea', 'radio' => 'Radio', 'checkbox' => 'Checkbox', 'select' => 'Select', 'date' => 'Date', 'range' => 'Range', 'number' => 'Number', 'heading' => 'Heading' ], 'std' => 'text', ], 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_LABEL'), 'std' => 'Item 1', ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HTML_ELEMENT'), 'std' => 'h3', 'depends' => [ ['field_type', '=', 'heading'], ], ], 'heading_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], 'depends' => [ ['field_type', '=', 'heading'], ], ], 'title_text_shadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_SHADOW'), 'std' => '0 0 0 #ffffff', 'config' => ['spread' => false], 'depends' => [ ['field_type', '=', 'heading'], ], ], 'alignment_separator' => [ 'type' => 'separator', 'depends' => [ ['field_type', '=', 'heading'], ], ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ], 'depends' => [ ['field_type', '=', 'heading'], ], ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'depends' => [ ['field_type', '=', 'heading'], ], ], 'title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'depends' => [ ['field_type', '=', 'heading'], ], ], 'field_name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NAME_DESC'), 'depends' => [ ['field_type', '!=', 'checkbox'], ['field_type', '!=', 'heading'], ], 'std' => 'First Name', ], 'field_placeholder' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_PLACEHOLDER'), 'depends' => [ ['field_type', '!=', 'radio'], ['field_type', '!=', 'checkbox'], ['field_type', '!=', 'date'], ['field_type', '!=', 'range'], ['field_type', '!=', 'heading'], ], 'std' => 'First Name', ], 'field_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_WIDTH_DESC'), 'max' => 100, 'responsive' => true, 'std' => ['xl' => 50], ], 'tel_pattern' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_TEL_PATTERN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_TEL_PATTERN_DESC'), 'depends' => [ ['field_type', '=', 'tel'], ], 'std' => '^\+(?:\d{1,3}[-.\s]?)?$?\d{1,4}$?[-.\s]?\d{1,10}$', ], 'range_min' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RANGE_MIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RANGE_MIN_DESC'), 'depends' => [ ['field_type', '=', 'range'], ], ], 'range_max' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RANGE_MAX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RANGE_MAX_DESC'), 'depends' => [ ['field_type', '=', 'range'], ], ], 'range_step' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RANGE_STEP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RANGE_STEP_DESC'), 'depends' => [ ['field_type', '=', 'range'], ], ], 'number_min' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NUMBER_MIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NUMBER_MIN_DESC'), 'depends' => [ ['field_type', '=', 'number'], ], ], 'number_max' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NUMBER_MAX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NUMBER_MAX_DESC'), 'depends' => [ ['field_type', '=', 'number'], ], ], 'number_step' => [ 'type' => 'number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NUMBER_STEP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NUMBER_STEP_DESC'), 'depends' => [ ['field_type', '=', 'number'], ], ], 'minimum_character' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_MINIMUM_CHARACTERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_MINIMUM_CHARACTERS_DESC'), 'depends' => [ ['field_type', '=', 'textarea'] ] ], 'maximum_character' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_MAXIMUM_CHARACTERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_MAXIMUM_CHARACTERS_DESC'), 'depends' => [ ['field_type', '=', 'textarea'] ] ], 'sp_form_builder_inner_item_radio' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RADIO_ITEMS'), 'type' => 'repeatable', 'depends' => [ ['field_type', '=', 'radio'], ], 'attr' => [ //inner item title 'radio_item_options' => [ 'title' => 'Radio Options', 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_RADIO'), 'std' => 'Radio', ], 'is_radio_checked' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_CHECKED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_CHECKED_DESC'), 'std' => 0, ], ] ], ], ], 'sp_form_builder_inner_item_checkbox' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_CHECKBOX_ITEMS'), 'type' => 'repeatable', 'depends' => [ ['field_type', '=', 'checkbox'], ], 'attr' => [ //Admin label 'checkbox_item_options' => [ 'title' => 'Checkbox Options', 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_CHECKBOX'), 'std' => 'Checkbox', ], 'checkbox_field_name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_NAME_DESC'), 'std' => 'checkbox-1', ], 'checkbox_is_required' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_IS_REQUIRED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_IS_REQUIRED_DESC'), 'std' => 0, ], 'is_checkbox_checked' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_CHECKED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_CHECKED_DESC'), 'std' => 0, ], ] ], ], ], 'sp_form_builder_inner_item_select' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_SELECT_ITEMS'), 'type' => 'repeatable', 'depends' => [ ['field_type', '=', 'select'], ], 'attr' => [ //inner item title 'select_item_options' => [ 'title' => 'Select Options', 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_SELECT'), 'std' => 'Select', ], 'is_selected' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_SELECT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_SELECT_DESC'), 'std' => 0, ], ] ] ], ], 'is_resize' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_RESIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_IS_RESIZE_DESC'), 'depends' => [ ['field_type', '=', 'textarea'], ], 'std' => 0, ], 'field_is_required' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_IS_REQUIRED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_IS_REQUIRED_DESC'), 'depends' => [ ['field_type', '!=', 'checkbox'], ['field_type', '!=', 'heading'], ], 'std' => 0, ], 'field_required_star' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_REQUIRED_STAR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FIELD_REQUIRED_STAR_DESC'), 'depends' => [ ['title', '!=', ''], ['field_type', '!=', 'heading'], ], 'std' => 1, ], ] ], ], ], 'message_separator' => [ 'type' => 'separator', ], 'required_field_message' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_REQUIRED_MESSAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_REQUIRED_MESSAGE_DESC'), 'std' => 'Please fill the required field.', ], 'success_message' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_SUCCESS_MESSAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_SUCCESS_MESSAGE_DESC'), 'std' => 'Email successfully sent!', ], 'failed_message' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FAILED_MESSAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FAILED_MESSAGE_DESC'), 'std' => 'Email sent failed, fill required field and try again!', ], 'hide_label' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_HIDE_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_HIDE_LABEL_DESC'), 'std' => 0, ], 'redirect_separator' => [ 'type' => 'separator', ], 'enable_redirect' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_REDIRECT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_REDIRECT_DESC'), 'std' => 0, ], 'redirect_url' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_REDIRECT_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_REDIRECT_URL_DESC'), 'inline' => true, 'depends' => [['enable_redirect', '=', 1]], ], 'captcha_separator' => [ 'type' => 'separator', ], 'enable_captcha' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_RECAPTCHA'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SHOW_RECAPTCHA_DESC'), 'std' => 1, ], 'captcha_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_DEFAULT'), 'gcaptcha' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_GCHAPTCHA'), 'igcaptcha' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CAPTCHA_TYPE_INVISIBLE_GCHAPTCHA'), ], 'std' => 'default', 'inline' => true, 'depends' => [['enable_captcha', '=', 1]], ], 'captcha_question' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_QUESTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_QUESTION_DESC'), 'std' => '3 + 4 = ?', 'inline' => true, 'depends' => [ ['enable_captcha', '=', 1], ['captcha_type', '=', 'default'], ], ], 'captcha_answer' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_ANSWER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_CAPTCHA_ANSWER_DESC'), 'std' => '7', 'inline' => true, 'depends' => [ ['enable_captcha', '=', 1], ['captcha_type', '=', 'default'], ], ], 'policy_separator' => [ 'type' => 'separator', ], 'enable_policy' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_POLICY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_POLICY_DESC'), 'std' => 0, ], 'policy_text' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_POLICY_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_POLICY_TEXT_DESC'), 'std' => 'I agree with the <a href="#">Terms of Use</a> and <a href="#">Privacy Policy</a> and I declare that I have read the information that is required in accordance with <a href="http://eur-lex.europa.eu/legal-content/EN/TXT/?uri=uriserv:OJ.L_.2016.119.01.0001.01.ENG&toc=OJ:L:2016:119:TOC" target="_blank">Article 13 of GDPR.</a>', 'depends' => [['enable_policy', '=', 1]], ], 'field_gutter' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_STYLE_GUTTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_STYLE_GUTTER_DESC'), 'max' => 200, 'responsive' => true, 'std' => ['xl' => 15], ], 'field_horizontal_space' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_STYLE_HORI_GAP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_STYLE_HORI_GAP_DESC'), 'max' => 200, 'responsive' => true, ], ], ], 'email_template' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_EMAIL_TEMPLATE'), 'fields' => [ 'recipient_email' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_RECIPIENT_EMAIL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_RECIPIENT_EMAIL_DESC'), ], 'additional_header' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_ADDITIONAL_HEADER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_ADDITIONAL_HEADER_DESC'), 'std' => "Reply-To: {{email}}\nReply-name: {{first-name}} {{last-name}}\nCc: {{email}}", ], 'from' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FORM_EMAIL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_FORM_EMAIL_DESC'), 'placeholder' => 'mail@yourhost.com', ], 'email_subject' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_SUBJECT_DESC'), 'std' => '{{subject}} \| {{site-name}}', ], 'email_template' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FORM_TEMPLATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FORM_BUILDER_FORM_TEMPLATE_DESC'), 'std' => "<p><strong>From:</strong>{{first-name}} {{last-name}}</p>\n<p><strong>Email:</strong>{{email}}</p>\n<p><strong>Subject:</strong>{{subject}}</p>\n<p><strong>Message:</strong>{{message}}</p>", ], ], ], 'field_style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FIELD'), 'fields' => [ 'input_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 200, 'responsive' => true, ], 'field_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'responsive' => true, ], 'field_typography_separator' => [ 'type' => 'separator' ], 'field_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'size' => 'field_font_size', ], ], 'field_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'field_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'field_hover_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_HOVER'), ], 'field_placeholder_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PLACEHOLDER'), ], 'field_hover_placeholder_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PLACEHOLDER_HOVER'), ], 'field_border_separator' => [ 'type' => 'separator' ], 'field_border_width' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), ], 'field_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'field_focus_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR_FOCUS'), ], 'field_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_INPUT_BORDER_RADIUS'), 'max' => 200, ], 'label_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), ], 'label_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'size' => 'label_font_size', 'weight' => 'label_font_style.weight', 'italic' => 'label_font_style.italic', 'underline' => 'label_font_style.underline', 'uppercase' => 'label_font_style.uppercase', ], ], 'label_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'label_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], // others 'radio_checkbox_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIO_CHECKBOX'), ], 'radio_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIO'), ], 'checkbox_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CHECKBOX'), ], 'textarea_separator' => [ 'type' => 'separator', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXTAREA'), ], 'textarea_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 1000, 'responsive' => true, ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [] ], 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'btn_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Send Message', ], 'btn_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'btn_font_family', 'size' => 'btn_fontsize', 'letter_spacing' => 'btn_letterspace', 'weight' => 'btn_font_style.weight', 'italic' => 'btn_font_style.italic', 'underline' => 'btn_font_style.underline', 'uppercase' => 'btn_font_style.uppercase', ], ], 'btn_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'depends' => [['btn_type', '=', 'link']] ], 'btn_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'depends' => [['btn_type', '!=', 'link']] ], 'btn_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['btn_type', '!=', 'link']] ], 'btn_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'btn_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['btn_type', '=', 'custom']] ], 'btn_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'btn_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [['btn_type', '!=', 'link']] ], 'btn_position' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), ], 'btn_icon_separator' => [ 'type' => 'separator', ], 'btn_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'btn_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'btn_style_tab_separator' => [ 'type' => 'separator', ], 'btn_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, 'depends' => [['btn_type', '=', 'custom']], ], 'btn_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['btn_type', '=', 'custom'], ['btn_style_tab', '=', 'normal'], ], ], 'btn_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['btn_appearance', '!=', 'gradient'], ['btn_type', '=', 'custom'], ['btn_style_tab', '=', 'normal'], ], ], 'btn_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['btn_appearance', '=', 'gradient'], ['btn_type', '=', 'custom'], ['btn_style_tab', '=', 'normal'], ], ], 'btn_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['btn_type', '=', 'custom'], ['btn_style_tab', '=', 'hover'], ], ], 'btn_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['btn_appearance', '!=', 'gradient'], ['btn_type', '=', 'custom'], ['btn_style_tab', '=', 'hover'], ], ], 'btn_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['btn_appearance', '=', 'gradient'], ['btn_type', '=', 'custom'], ['btn_style_tab', '=', 'hover'], ], ], // link button 'link_button_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, 'depends' => [['btn_type', '=', 'link']], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['btn_type', '=', 'link'], ['link_button_style_tab', '=', 'normal'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['btn_type', '=', 'link'], ['link_button_style_tab', '=', 'normal'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['btn_type', '=', 'link'], ['link_button_style_tab', '=', 'normal'], ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['btn_type', '=', 'link'], ['link_button_style_tab', '=', 'hover'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [ ['btn_type', '=', 'link'], ['link_button_style_tab', '=', 'hover'], ], ], ], ], ], ]); ��form_builder/.htaccess��0000555��00000000355�15231074400�0011013 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��row/site.php��0000644��00000001155�15231074400�0007026 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); class SppagebuilderAddonRow extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $output = ''; return $output; } public function css() { $settings = $this->addon->settings; $css = ''; return $css; } public static function getTemplate() { $output = ''; return $output; } }��row/admin.php��0000644��00000002011�15231074400�0007142 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig( [ 'type' => 'structure', 'addon_name' => 'row', 'title' => Text::_('COM_SPPAGEBUILDER_ROW'), 'desc' => Text::_('Row addon'), 'category' => 'Structure', 'icon' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 28.857h26v-8.571H3v8.571zM1 29.93C1 30.52 1.448 31 2 31h28c.552 0 1-.48 1-1.071V19.214c0-.591-.448-1.071-1-1.071H2c-.552 0-1 .48-1 1.071V29.93zM3 11.714h26V3.143H3v8.571zm-2 1.072c0 .591.448 1.071 1 1.071h28c.552 0 1-.48 1-1.071V2.07C31 1.48 30.552 1 30 1H2c-.552 0-1 .48-1 1.071v10.715z" fill="currentColor"></path></svg>', 'attr' => [ 'general' => [], ], ] ); ��row/.htaccess��0000555��00000000355�15231074400�0007151 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��text_block/assets/images/icon.png��0000644��00000003024�15231074400�0013102 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:11539B9D40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:11539B9E40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:01C2924640E011E69A38F8F21A167467" stRef:documentID="xmp.did:11539B9C40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�,!��IDATx��u�0ƃu��NP��c�J'�8�:�n@;��@6��}��x��!&�wNΑb��r� W�$I�/��٨m��68N[bq;�u\|P�� 5$G��m�Mz:�g�^�8��7��I� o\|��ۤ��t��y�4��A/��,v��럴,�;�Ij�]�]Wu��!�:�Y�Trؔl�-N+v$+�\|c+ ��9,��y�8�Qk�D6/Q=K��/�/�)��@z��K��l׉�)S��2��$q[3��-�e�)c� �<~��-m�=\�<=��]�첪��O��ƚN��`�֏��Y��ѡ��]I~h�y��ѵ8�w��r�AE�6 G��š �= e+��KLRȲ��!�/q��>v1�SM�u%�H��(��쟹��s�۹��H`U@P��ѡ�(y��d�Zl�ȹb1g,��c��eO��4]��B6h1�zq%�ok�Ɖ�Þ��$A��+��A�`�`��A�`�`��at-��JU�&W �LR�p�/χ&t�_��x�s5��Lq/Ty�@4sH.Y�z�ξ4�᧕��O��)��-��IEND�B`��text_block/assets/images/.htaccess��0000555��00000000355�15231074400�0013247 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��text_block/assets/.htaccess��0000555��00000000355�15231074400�0012002 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��text_block/site.php��0000644��00000012377�15231074400�0010365 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonText_block extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Options $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $dropcap = (isset($settings->dropcap) && $settings->dropcap) ? $settings->dropcap : 0; $dropcapCls = ''; if ($dropcap) { $dropcapCls = ' sppb-dropcap'; } // Output $output = '<div class="sppb-addon sppb-addon-text-block' . $dropcapCls . ' ' . $class . '" >'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= $text; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $dropCap = !empty($settings->dropcap); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $css = ''; $dropcapStyle = $cssHelper->generateStyle('.sppb-dropcap .sppb-addon-content:first-letter, .sppb-dropcap .sppb-addon-content p:first-letter', $settings, ['dropcap_color' => 'color', 'dropcap_font_size' => ['font-size', 'line-height']], ['dropcap_color' => false]); $textFontStyle = $cssHelper->typography('.sppb-addon-text-block .sppb-addon-content', $settings, 'text_typography', [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight' ]); if ($dropCap) { $css .= $dropcapStyle; } $css .= $cssHelper->generateStyle('.sppb-addon-text-block', $settings, ['alignment' => 'text-align'], false); $css .= $textFontStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var dropcap = ""; if(data.dropcap){ dropcap = "sppb-dropcap"; } if(!data.heading_selector){ data.heading_selector = "h3"; } #> <style type="text/css">'; // Text $textFallbacks = [ 'font' => 'data.text_font_family', 'size' => 'data.text_fontsize', 'line_height' => 'data.text_lineheight', 'weight' => 'data.text_fontweight', ]; // Title $titleFallbacks = [ 'font' => 'data.font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->alignment('text-align', '.sppb-addon-text-block', 'data.alignment'); $output .= $lodash->color('color', '.sppb-addon-text-block .sppb-addon-title', 'data.title_text_color'); $output .= $lodash->color('color', '.sppb-dropcap .sppb-addon-content:first-letter', 'data.dropcap_color'); $output .= $lodash->unit('font-size', '.sppb-dropcap .sppb-addon-content:first-letter', 'data.dropcap_font_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-dropcap .sppb-addon-content:first-letter', 'data.dropcap_font_size', 'px'); $output .= $lodash->typography('.sppb-addon-text-block .sppb-addon-content', 'data.text_typography', $textFallbacks); $output .= $lodash->typography('.sppb-addon-text-block .sppb-addon-title', 'data.title_typography', $titleFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= ' </style> <div class="sppb-addon sppb-addon-text-block {{ dropcap }} {{ data.class }}" > <# let heading_selector = data.heading_selector \|\| "h3"; if( !_.isEmpty( data.title ) ){ #><{{ heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ heading_selector }}><# } #> <div id="addon-text-{{data.id}}" class="sppb-addon-content sp-editable-content" data-id={{data.id}} data-fieldName="text">{{{ data.text }}}</div> </div>'; return $output; } } ��text_block/admin.php��0000644��00000015434�15231074400�0010506 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; /* * Inline editor settings rules: * 1. The inline array must have an attribute named `buttons` * 2. The buttons array contains all the editor buttons. The key of the array must be unique. * 3. Every button contains some attributes like- * a. action (string) (required) [The action will perform after clicking the button] * b. type (string) (required) [The type of the button. valid values are `placeholder`, `icon-text`] * c. placeholder (string) (optional) [If the button is dynamic and this cannot be expressed as icon/text.] * d. icon (string) (optional) [A valid icon name available in the pagebuilder] * e. text (string) (optional) [A text value to show as the button text] * f. icon_position (string) (optional) [`left` or `right` position of the icon to the text. Default `left`] * g. tooltip (string) (optional) [Tooltip text to show on the button hover.] * h. fieldset (array) (conditional) [An conditional array (which is required if action is dropdown) for representing the fieldset fields. * This is valid only if the action is `dropdown`. * The direct children of the fieldset array would be the tabs. * Inside the tabs name you should define the fields descriptions. * If there is only one fieldset child then that means no tabs] * i. options (array) (conditional) [This is a conditional field. This is required if the action is dropdown * but you need to show some options not fields.] * j. default (mixed) (conditional) [This is required if there is the options key. This indicates the default value of the button from the options array.] / SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'text_block', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TEXT_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TEXT_BLOCK_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M23.055 10.419c0-.885-.717-1.602-1.602-1.602H10.547a1.602 1.602 0 000 3.204h3.825v10.118a1.628 1.628 0 103.256 0V12.02h3.825c.885 0 1.602-.718 1.602-1.602z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M5.18 3.42c-.95 0-1.721.758-1.721 1.693V8.5c0 .668-.55 1.21-1.23 1.21A1.22 1.22 0 011 8.5V5.113C1 2.84 2.872 1 5.18 1h2.951c.68 0 1.23.542 1.23 1.21 0 .668-.55 1.21-1.23 1.21h-2.95zM26.82 28.58c.95 0 1.721-.758 1.721-1.693V23.5c0-.668.55-1.21 1.23-1.21.678 0 1.229.542 1.229 1.21v3.387C31 29.16 29.128 31 26.82 31h-2.951a1.22 1.22 0 01-1.23-1.21c0-.668.55-1.21 1.23-1.21h2.95zM26.82 3.42c.95 0 1.721.758 1.721 1.693V8.5c0 .668.55 1.21 1.23 1.21A1.22 1.22 0 0031 8.5V5.113C31 2.84 29.128 1 26.82 1h-2.951c-.68 0-1.23.542-1.23 1.21 0 .668.55 1.21 1.23 1.21h2.95zM5.18 28.58c-.95 0-1.721-.758-1.721-1.693V23.5c0-.668-.55-1.21-1.23-1.21A1.22 1.22 0 001 23.5v3.387C1 29.16 2.872 31 5.18 31h2.951a1.22 1.22 0 001.23-1.21c0-.668-.55-1.21-1.23-1.21h-2.95z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'std' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum. Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque tristique dolor vitae tincidunt. Aenean quis massa uada mi elementum elementum. Nec sapien convallis vulputate rhoncus vel dui.', ], 'text_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight', ], ], 'global_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, ], ], ], 'dropcap' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DROPCAP'), 'fields' => [ 'dropcap' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DROPCAP'), 'std' => 0, 'is_header' => 1 ], 'dropcap_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'depends' => [['dropcap', '=', 1]], 'min' => 0, 'max' => 200, 'responsive' => true, ], 'dropcap_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['dropcap', '=', 1]], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'placeholder' => '10', 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'placeholder' => '10', 'max' => 400, 'responsive' => true ], ], ], ], ]); ��text_block/.htaccess��0000555��00000000355�15231074400�0010500 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_layouts/assets/images/poster.png��0000644��00000002065�15231074400�0014176 0��ustar�00��PNG �� IHDR��\|��/�Y�� pHYs��~��IDATx��1NTA��0�Di��pMh��@/�y��o�7�H5��D<�QC��(�Y3�V7�˲��f��>��N��q��,�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0��5�c� !<�&�ǧ�i��n<�a&~��Bx��k3�𠴣/)��iv��J��x�.�0�18��acp��0�)��j_��4�i-��=�a�?ûVWW��R6>I��訨c��g8��acp��T�Kﵻ��aee%,,,L�__��S�I}:;;��jRe��}&��jRmp �ML�gx��Ӱ��T�(�?99 {{{��,..�$333��K��>x ��?7m0�18��a�ٴ�u�t�6��o�.� �z�Gk�h߷�W��z�k+>x�4[�`+Ƹ�'v2BxBx�4͗l��M[��n�E6�ם�2�f3`�O��%��]��C='-Ƹc\|�MT��=��-��I�?^%\��!��1~h_�z�2v��%��?��Y��C��?��<��\�Ku/��=�9�X��i��Q�=]��6-��.�EC�?��^-��n'��=��cw��o�\��E��؃,��U��1� �1�H�'vM��ҏ��X[쮴�o7��^��)��6��l��%��F�U܃��aJX�Ӯ��4C��7:�N6��cp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��O,[��C��IEND�B`��image_layouts/assets/images/icon.png��0000644��00000002117�15231074400�0013610 0��ustar�00��PNG �� IHDR��L��L��ǗQ+�� pHYs��~��IDATx��q�0�� A� �N�lPw�d��Ğ��U6p&`�)�C@HdI�k\|w�KDJ�~ �(B�XPqSNH��.V+�Π�Y1��D�:&ۅ6� "�=��̈f�3"�~v ��fԯ}ᤳx��D�3��c��%"� #��`$H�SR p ��Ԍ@v.��(;��>��ψ]�.��@��!�)K��D+��@��c� �_v�MV.��\�9�P��M!��5��x�i��u��r^��.Berp$r��2�%hb��[��D�&-��g�Q�+Y F��_��[�D�J\�#⚭�^h&��Fů+�1��\�Z��ja]�0deZ�V\ ��7!�ur��D�{�u�fG��{N)�-;�7��; ��Awb5��ڟCl�O.�a��R?�i1z�&��@��Šr��ۘ�iX.d�тQ��Vu�oY��'��K��/��5�ڝcūRī��w�]m��c3<�uLI��5od �G�x�:�тѨ��ʹS��k��K�e��,X�譻XH��im b�� 1��`��;?`�5�P#֜�f�G�ft�bL��^\�Y�Fq��..EW��q�[F�ū��,X�xv�,��\Yg�#S�� ]�� P%�L�o��1��\|��"V�� (��^� #�R�Q(!�Q;��eKoz�oM�ɓZ��@�-K�U,q��ޙ�v��b�;ߒ�X�� Eg�JƷ��?�֡�o��"�CAY��VJ�/)�R�Rp��X��Ǘ��#p��`F\0#.�̈f�3�q��ȭќo�)ط��wI#��_�=sJ�d��wI#.�̈f�3��a��a��aYA��.��o��Kq��`F\0#.X�^O�ߊ��;��^��'��0��IEND�B`��image_layouts/assets/images/collage.png��0000644��00000002121�15231074400�0014261 0��ustar�00��PNG �� IHDR��\|��/�Y�� pHYs��~��IDATx��?RY��[lA�� l� �@=x��bo ��c"��g��a��"�{��{��l6q�bk��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp�_�~��GD��v��i>��A�#� ~Pm]'a�{z��wi�H�k�i��^��0��}p�y��+��Ym��!.r�0k7¿��ۋ��j�Ԝ��`G��766b{{��>5��S:��acp��fmo�nszz��kMӌ��0�ޮ�mmmU�)p��)��0�18��a�J[O��vG8��Fxy�駦i�W;;�Jۄ�?5~_2�i�/]�+m�r��S�k]�gf�!O/m:�̿��A&<3��j��S�ߧ��f�S{�F��"�y��2,��<�v\��ڢƾ-{]��ﲟ��+��{\��x#�wm�F�� \|�?�;�s�~�CW�9��N� w��P�[�w��\|�o�I��\��M��W�� 6J�2�T;�vP��ϗ��g�w�7M3��/}��N�l�)�,�V�t Ǘ��=-,��_f�1��s/��7Y��O�x�#W��/�-��ђ��<��kg��s/j��;�Jr�>p��;w�A��+�WՎ��c�j�OqE��{^��E�O��Y.�Pz ~��ӡ=�L��^i[��W�9�R�(��һ��f��o�p�8��qo�K��ں::/��<��f�t�S:��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��I"�%��IEND�B`��image_layouts/assets/images/inline.png��0000644��00000001670�15231074400�0014141 0��ustar�00��PNG �� IHDR��\|��/�Y�� pHYs��~��jIDATx��QA@��;��2�!��.r8� ��L82\�?��bz��+�~��t��nC�l�bp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��\|��o��wqAV�US�߇��ޕe1��?×S:��u�/��୍��(�\|k5��6��0�18��acp��/��.�g�K)_"ⶔr�{P/,e�?܇?��Rʏޣ�/}��g�6��q��Q��\>��Q��4ʻ��χ� >0ʻ޵��8)��!��ׁ믪Ϲ�繭˺��Fy�q�>y�֯��>a�w�E�.��ٛ�l�$I#U�g�oW�R�� 8�\>_үRg[�:j�q�ڞ\��=��e�,� ^O��շ��=y��Y� ��w8��el?�L8��7L&YV�{Fy׋�\|d�3��I��3��!��u}��t�Gy��}�_e=ĵ��]'oތIy�k6��F��R�~�Q>�t��VW�!G��R��`�Is�kx�Q>$�!��i�w�8�5��6ʻ�?ĵ�/K��hv��4ҳ��!�N��0-��{Wt0G��]G:��acp��ݮV��$�u��o�a��_�ۼ�� 0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18ID��e��ay��IEND�B`��image_layouts/assets/images/overlap.png��0000644��00000002016�15231074400�0014326 0��ustar�00��PNG �� IHDR��\|��/�Y�� pHYs��~��IDATx��Q�@@�%�;��t@R9�:�pħ��t�(��f�X6�$K~�$#96�ǮV��z��,�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0��F��]��D��m�K�R��vt:~�\|FW��M�H�4=F��w�cp��0�18��acp��0C<��7y��/��DG8j��)�U��o�jg�x�9��\;QD�׽�M1iN�0�18��acp�}x+Qݦ]����fRJ��2��!�j,;^9翵�5�)="��'ZO��:��U��Ш�GDu��8�P~��:2��%��F��v�kG��(��oml<ED�ۢ�^�w;�mY yhڞ��vf��ʢ�%�\|�j�띶�vњ��ʷݗ[�C�6~?#��ף�t��U3��Q��:��9��?hΝ��w^M��鈸�;��c�Rj=��i�@YT�Z��\|�޼�U{�j��߹K� ��}��ky�&1�5��T#��vS]�K�U�E_e�p�w�^�O��Y��Y��e�~�6 �g��־{SW�'qC��w�Ⱦܖ��`�˂�v�t~��/��1N�K�\|��o3��ރ��>� ��#\| +�G�C�!��u:��D�Σ��p��;��x�z��vT'w�^��7Ti@N�0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0'I)�3\|��J/��IEND�B`��image_layouts/assets/images/stack.png��0000644��00000002000�15231074400�0013754 0��ustar�00��PNG �� IHDR��\|��/�Y�� pHYs��~��IDATx��qA@�1ő�@�d`20g]p&L8q�2�!��.J�bw%�cp��V��[Bg�ժ�㙭Ycp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��S?݈�n��0��\|��<y��:��tܷ�>�s��#X�ȳl��L�ף�~p��x�1��6��0�18��acp�I��W��d�G�m�B�v�D�x�Z��Z��7��1�ܸtoߨ��oG^�Zt�^=��w/A��.��~�h��T^�c��]��E��c�Y��;F��C��q�c�+\|�Q�w�~ޝ��L��.�t��}{��q>r3�z��V��o��\|٭�˩�A�L�#F��{�ƾ��q�V�1��otO��ۻl�a�(��Q�7ۜ[��mFo�J��Q�w�k��mJ���c>E��/��6eq��ǖ<ĥ ��F�c+w�˼��O��!.e�n��2n��R��t��2��+��(S��x�Q>&�!.S�/�!.S𻢣�o��/�>�i�%�o��a21�2-��_��W�%��I��-��ep%�L�&�I��kxh�18L��>нy��L��K��Y>#>v�Kϑ�z��E��cpO��<��)�cp��d�ï�XRV��)O��)e��ۧz��l�Z .j�<��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��IZk�$��q?t��IEND�B`�image_layouts/assets/images/card.png��0000644��00000001641�15231074400�0013572 0��ustar�00��PNG �� IHDR��\|��/�Y�� pHYs��~��SIDATx��MA@�(wr��:��<�A��@ ��F�V#�� ̬���if�ٵ�V�U�㋭Ycp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��a�ş�s��Yu��)�sz�M�p�&3��Fۺ��zؗ��R�U�6�s~��>�t��0�18��acp��0�o��MD\��5�tT ��39�#�."�޶=��)��K:��acp��Ɲ��N��ĝ6w�`\�a& �s>��3\|�s��F��d�s��Cnr�ߪ��)g��}� �C�5I�󏈸x2�(cjl�˲��X��촽�.�.��r��D��y] M1�eF?g�y/F/3s�R�S܏;mm[��rΗ)��a�,��7]��I��́r�+ߞ��C��왠ˍ��͘��zEĝ6��9÷��7 ��쵿t�4{��N#�/���v�o�ӥ}?�f�k�Nw��^��=4^b��A�=�^#z��--��\�kD����N�i�ٽv��>�u�^�׆[��Q=��1~�F�ȧVa��>�~M��瘣�j5�}&.�0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0�18��acp��0'��g��IEND�B`��image_layouts/assets/images/.htaccess��0000555��00000000355�15231074400�0013753 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_layouts/assets/.htaccess��0000555��00000000355�15231074400�0012506 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_layouts/site.php��0000644��00000140261�15231074400�0011063 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Uri\Uri; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonImage_layouts extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; // Inline Layout $image_preset_thumb = (isset($settings->image_preset_thumb) && $settings->image_preset_thumb) ? $settings->image_preset_thumb : 'inline'; $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_src = isset($image->src) ? $image->src : $image; $image_width = (isset($image->width) && $image->width) ? $image->width : ''; $image_height = (isset($image->height) && $image->height) ? $image->height : ''; $alt_text = (isset($settings->image_alt_text) && $settings->image_alt_text) ? $settings->image_alt_text : ''; $image_strech = (isset($settings->image_strech) && $settings->image_strech) ? ' image-fit' : ''; $open_in_lightbox = (isset($settings->open_in_lightbox) && $settings->open_in_lightbox) ? $settings->open_in_lightbox : ''; $image_overlay_color = (isset($settings->image_overlay_color) && $settings->image_overlay_color) ? $settings->image_overlay_color : ''; $link_apear_in_title = (isset($settings->link_apear_in_title) && $settings->link_apear_in_title) ? $settings->link_apear_in_title : ''; $caption = (isset($settings->caption) && $settings->caption) ? $settings->caption : ''; $caption_postion = (isset($settings->caption_postion) && $settings->caption_postion) ? $settings->caption_postion : ''; $image_container_column = (isset($settings->image_container_column) && $settings->image_container_column) ? (int) $settings->image_container_column : ''; $popup_video_on_image = (isset($settings->popup_video_on_image) && $settings->popup_video_on_image) ? $settings->popup_video_on_image : ''; $popup_video_src = (isset($settings->popup_video_src) && $settings->popup_video_src) ? $settings->popup_video_src : ''; list($link, $target) = AddonHelper::parseLink($settings, 'click_url', ['url' => 'click_url', 'new_tab' => 'url_in_new_window']); // Lazy image size $image_link = ''; if (strpos($image_src, "http://") !== false \|\| strpos($image_src, "https://") !== false) { $image_link = $image_src; } else { $image_link = Uri::base() . $image_src; } // Lazy image loading $placeholder = $image_link == '' ? false : $this->get_image_placeholder($image_link); // Other Layout $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h4'; $text_content = (isset($settings->text_content) && $settings->text_content) ? $settings->text_content : ''; $content_text_align = (isset($settings->content_text_align) && $settings->content_text_align) ? ' sppb-text-alignment' : ''; $content_vertical_align = (isset($settings->content_vertical_align) && $settings->content_vertical_align) ? $settings->content_vertical_align : ''; $image_desktop_order = (isset($settings->image_desktop_order) && $settings->image_desktop_order != '') ? (int) $settings->image_desktop_order : ''; $image_tab_order = (isset($settings->image_tab_order) && $settings->image_tab_order != '') ? (int) $settings->image_tab_order : ''; $image_tab_order_land = (isset($settings->image_tab_order_land) && $settings->image_tab_order_land != '') ? (int) $settings->image_tab_order_land : ''; $image_mob_order_land = (isset($settings->image_mob_order_land) && $settings->image_mob_order_land != '') ? (int) $settings->image_mob_order_land : ''; $image_mob_order = (isset($settings->image_mob_order) && $settings->image_mob_order != '') ? (int) $settings->image_mob_order : ''; $order_class = ''; if ($image_desktop_order && $image_preset_thumb !== 'poster') { $order_class .= ' sppb-order-' . $image_desktop_order; } if ($image_tab_order_land && $image_preset_thumb !== 'poster') { $order_class .= ' sppb-order-lg-' . $image_tab_order_land; } if ($image_tab_order && $image_preset_thumb !== 'poster') { $order_class .= ' sppb-order-md-' . $image_tab_order; } if ($image_mob_order_land && $image_preset_thumb !== 'poster') { $order_class .= ' sppb-order-sm-' . $image_mob_order_land; } if ($image_mob_order && $image_preset_thumb !== 'poster') { $order_class .= ' sppb-order-xs-' . $image_mob_order; } $content_desktop_order = (isset($settings->content_desktop_order) && $settings->content_desktop_order != '') ? (int) $settings->content_desktop_order : ''; $content_tab_order_land = (isset($settings->content_tab_order_land) && $settings->content_tab_order_land != '') ? (int) $settings->content_tab_order_land : ''; $content_tab_order = (isset($settings->content_tab_order) && $settings->content_tab_order != '') ? (int) $settings->content_tab_order : ''; $content_mob_order_land = (isset($settings->content_mob_order_land) && $settings->content_mob_order_land != '') ? (int) $settings->content_mob_order_land : ''; $content_mob_order = (isset($settings->content_mob_order) && $settings->content_mob_order != '') ? (int) $settings->content_mob_order : ''; $cont_order_class = ''; if ($content_desktop_order && $image_preset_thumb !== 'poster') { $cont_order_class .= ' sppb-order-' . $content_desktop_order; } if ($content_tab_order_land && $image_preset_thumb !== 'poster') { $cont_order_class .= ' sppb-order-lg-' . $content_tab_order_land; } if ($content_tab_order && $image_preset_thumb !== 'poster') { $cont_order_class .= ' sppb-order-md-' . $content_tab_order; } if ($content_mob_order_land && $image_preset_thumb !== 'poster') { $cont_order_class .= ' sppb-order-sm-' . $content_mob_order_land; } if ($content_mob_order && $image_preset_thumb !== 'poster') { $cont_order_class .= ' sppb-order-xs-' . $content_mob_order; } $image_preset_class = ''; if ($image_preset_thumb) { $image_preset_class = ' image-layout-preset-style-' . $image_preset_thumb; } if ($image_preset_thumb === 'poster') { $content_text_align = ''; } // Button options $btnTextExist = property_exists($settings, 'btn_text'); $buttonTextExist = property_exists($settings, 'button_text'); if (!$buttonTextExist && $btnTextExist) { $settings->button_text = $settings->btn_text; } $btn_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : ''; $btn_class = ''; $btn_class .= (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ''; $btn_class .= (isset($settings->btn_type) && $settings->btn_type) ? ' sppb-btn-' . $settings->btn_type : ''; $btn_class .= (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $btn_class .= (isset($settings->btn_size) && $settings->btn_size) ? ' sppb-btn-' . $settings->btn_size : ''; $btn_class .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $btn_class .= (isset($settings->btn_shape) && $settings->btn_shape) ? ' sppb-btn-' . $settings->btn_shape : ' sppb-btn-rounded'; $btn_class .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $btn_class .= (isset($settings->btn_appearance) && $settings->btn_appearance) ? ' sppb-btn-' . $settings->btn_appearance : ''; $btn_class .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $attribs = ' id="btn-' . $this->addon->id . '"'; $btn_icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $btn_icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; list($buttonLink, $buttonTarget) = AddonHelper::parseLink($settings, 'button_url', ['url' => 'btn_url', 'new_tab' => 'btn_target']); $icon_arr = array_filter(explode(' ', $btn_icon)); if (count($icon_arr) === 1) { $btn_icon = 'fas ' . $btn_icon; } if ($btn_icon_position === 'left') { $btn_text = ($btn_icon) ? '<i class="' . $btn_icon . '" aria-hidden="true"></i> ' . $btn_text : $btn_text; } else { $btn_text = ($btn_icon) ? $btn_text . ' <i class="' . $btn_icon . '" aria-hidden="true"></i>' : $btn_text; } // Output start $output = ''; $output .= '<div class="sppb-addon-image-layouts' . $class . '">'; $output .= '<div class="sppb-addon-content">'; if ($image_preset_thumb === 'inline') { $output .= '<div class="sppb-image-layouts-inline">'; $output .= '<div class="sppb-image-layouts-inline-img">'; if ($link) { $output .= '<a href="' . $link . '" ' . $target . '>'; } $output .= '<img class="sppb-img-responsive' . $image_strech . '' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $image_link) . '" alt="' . $alt_text . '" ' . ($placeholder ? 'data-large="' . $image_link . '"' : '') . ' ' . ($image_width ? 'width="' . $image_width . '"' : '') . ' ' . ($image_height ? 'height="' . $image_height . '"' : '') . ' loading="lazy">'; if ($link) { $output .= '</a>'; } if ($open_in_lightbox) { if ($image) { $output .= '<a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="image" data-mainclass="mfp-no-margins mfp-with-zoom" href="' . $image_link . '">+</a>'; } if ($image_overlay_color) { $output .= '<div class="sppb-addon-image-overlay">'; $output .= '</div>'; } } $output .= '</div>'; //.sppb-image-layouts-inline-img if ($caption && $caption_postion !== 'no-caption') { $output .= '<div class="sppb-addon-image-layout-caption ' . $caption_postion . '">'; $output .= $caption; $output .= '</div>'; } $output .= '</div>'; } else { $output .= '<div class="sppb-addon-image-layout-wrap' . $image_preset_class . '">'; if ($image_preset_thumb === 'card' \|\| $image_preset_thumb === 'overlap' \|\| $image_preset_thumb === 'collage') { $output .= '<div class="sppb-row">'; $output .= '<div class="sppb-col-sm-' . ($image_container_column ? $image_container_column : 6) . '' . $order_class . '">'; } $output .= '<div class="sppb-addon-image-layout-image' . $image_strech . '' . (($image_preset_thumb !== 'card' && $image_preset_thumb !== 'overlap' && $image_preset_thumb !== 'collage') ? $order_class : '') . '">'; if ($link) { $output .= '<a href="' . $link . '" ' . $target . '>'; } $output .= '<img class="sppb-img-responsive' . $image_strech . '' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $image_link) . '" alt="' . $alt_text . '" ' . ($placeholder ? 'data-large="' . $image_link . '"' : '') . ' ' . ($image_width ? 'width="' . $image_width . '"' : '') . ' ' . ($image_height ? 'height="' . $image_height . '"' : '') . ' loading="lazy">'; if ($link) { $output .= '</a>'; } if ($popup_video_on_image && $image_preset_thumb == 'card' && $popup_video_src) { $output .= '<a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="iframe" data-mainclass="mfp-no-margins mfp-with-zoom" href="' . $popup_video_src . '">'; $output .= '</a>'; $output .= '<div class="sppb-addon-image-layouts-card-text-caption">'; $output .= '<span class="image-layouts-card-text-caption-icon"><i class="fa fa-play"></i></span>'; $output .= '<h4 class="image-layouts-card-text-caption-title">' . strip_tags($title) . '</h4>'; $output .= '</div>'; } $output .= '</div>'; //.sppb-addon-image-layout-image if ($image_preset_thumb === 'card' \|\| $image_preset_thumb === 'overlap' \|\| $image_preset_thumb === 'collage') { $output .= '</div>'; $output .= '<div class="sppb-col-sm-' . ($image_container_column ? ($image_container_column == 12 ? 12 : 12 - $image_container_column) : 6) . '' . $cont_order_class . '' . ($image_preset_thumb === 'collage' ? ' collage-content-vertical-' . $content_vertical_align : '') . '">'; } $output .= '<div class="sppb-addon-image-layout-content' . (($image_preset_thumb !== 'card' && $image_preset_thumb !== 'overlap' && $image_preset_thumb !== 'collage') ? $cont_order_class : '') . '' . $content_text_align . '' . (($content_desktop_order < $image_desktop_order) && $image_preset_thumb === 'collage' ? ' collage-content-right' : '') . '' . (($content_tab_order < $image_tab_order) && $image_preset_thumb === 'collage' ? ' collage-content-sm-right' : '') . '">'; if ($title) { if ($image_preset_thumb === 'overlap') { $output .= '<div class="image-layout-tittle-wrap' . ($content_desktop_order < $image_desktop_order ? ' title-align-right' : '') . '' . ($content_tab_order < $image_tab_order ? ' title-align-sm-right' : '') . '">'; } $output .= '<' . $heading_selector . ' class="sppb-image-layout-title">'; if ($link_apear_in_title && $image_preset_thumb === 'poster') { if ($link) { $output .= '<a href="' . $link . '" ' . $target . '>'; } } $output .= $title; if ($link_apear_in_title && $image_preset_thumb === 'poster') { if ($link) { $output .= '</a>'; } } $output .= '</' . $heading_selector . '>'; if ($image_preset_thumb === 'overlap') { $output .= '</div>'; } } if ($text_content) { $output .= '<div class="sppb-addon-image-layout-text">'; $output .= $text_content; $output .= '</div>'; } if ($btn_text) { $output .= '<a href="' . $buttonLink . '" ' . $buttonTarget . ' ' . $attribs . ' class="sppb-btn ' . $btn_class . '">' . $btn_text . '</a>'; } $output .= '</div>'; //.sppb-addon-image-layout-content if ($image_preset_thumb === 'card' \|\| $image_preset_thumb === 'overlap' \|\| $image_preset_thumb === 'collage') { $output .= '</div>'; $output .= '</div>'; //.sppb-row } $output .= '</div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Load external scripts. * * @return array * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Load external stylesheets. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $image_preset_thumb = (isset($settings->image_preset_thumb) && $settings->image_preset_thumb) ? $settings->image_preset_thumb : ''; $css = ''; $imageBorderRadiusStyle = $cssHelper->generateStyle('.sppb-addon-image-layout-image .sppb-img-responsive, .sppb-image-layouts-inline-img .sppb-img-responsive, .sppb-addon-image-overlay', $settings, ['image_border_radius' => 'border-radius']); $imageOverlayStyle = $cssHelper->generateStyle('.sppb-addon-image-overlay', $settings, ['image_overlay_color' => 'background-color'], false); $lightBoxStyle = $cssHelper->generateStyle('.sppb-addon-image-overlay-icon', $settings, ['lightbox_icon_bg' => 'background'], false); $captionStyle = $cssHelper->generateStyle('.sppb-addon-image-layout-caption', $settings, ['caption_text_color' => 'color', 'caption_background' => 'background-color', 'caption_padding' => 'padding'], false, ['caption_padding' => 'spacing']); $captionFontStyle = $cssHelper->typography( '.sppb-addon-image-layout-caption', $settings, 'caption_typography', [ 'font' => 'caption_font_family', 'size' => 'caption_fontsize', 'line_height' => 'caption_lineheight', 'letter_spacing' => 'caption_letterspace', 'uppercase' => 'caption_font_style.uppercase', 'italic' => 'caption_font_style.italic', 'underline' => 'caption_font_style.underline', 'weight' => 'caption_font_style.weight', ] ); $titleProps = ['title_text_color' => 'color']; if ($image_preset_thumb !== 'overlap') { $titleProps = array_merge($titleProps, ['title_margin' => 'margin', 'title_padding' => 'padding']); } else { $titleProps = array_merge($titleProps, ['title_background' => ['background', 'box-shadow: 12px 0 0 %1$s, -12px 0 0 %1$s']]); } $titleStyle = $cssHelper->generateStyle('.sppb-image-layout-title', $settings, $titleProps, false, ['title_margin' => 'spacing', 'title_padding' => 'spacing']); $titleFontStyle = $cssHelper->typography( '.sppb-image-layout-title', $settings, 'title_typography', [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ] ); $textStyle = $cssHelper->generateStyle( '.sppb-addon-image-layout-text', $settings, [ 'text_content_color' => 'color', 'text_content_margin' => 'margin', 'text_content_padding' => 'padding' ], false, ['text_content_padding' => 'spacing', 'text_content_margin' => 'spacing'] ); $textFontStyle = $cssHelper->typography( '.sppb-addon-image-layout-text', $settings, 'text_content_typography', [ 'font' => 'text_content_font_family', 'size' => 'text_content_fontsize', 'line_height' => 'text_content_lineheight', 'letter_spacing' => 'text_content_letterspace', 'uppercase' => 'text_content_font_style.uppercase', 'italic' => 'text_content_font_style.italic', 'underline' => 'text_content_font_style.underline', 'weight' => 'text_content_font_style.weight', ] ); $wrapper_color_type = (isset($settings->wrapper_color_type) && $settings->wrapper_color_type) ? $settings->wrapper_color_type : ''; $settings->wrapper_background_gradient = CSSHelper::parseColor($settings, 'wrapper_gradient'); $settings->wrapper_box_shadow = CSSHelper::parseBoxShadow($settings, 'wrapper_box_shadow'); $wrapperProps = ['wrapper_border_radius' => 'border-radius']; $wrapperUnits = [ 'wrapper_background' => false, 'wrapper_background_gradient' => false, 'wrapper_margin' => false, 'wrapper_padding' => false, 'wrapper_box_shadow' => false, ]; $modifiers = ['wrapper_margin' => 'spacing', 'wrapper_padding' => 'spacing']; //Back Drop Filter if (isset($settings->wrapper_backdrop_filter) && $settings->wrapper_backdrop_filter) { $settings->wrapper_backdrop_filter = $settings->wrapper_backdrop_filter_webkit = CSSHelper::parseBackDropFilter($settings, 'wrapper_backdrop_filter', 'wrapper_backdrop_filter_value'); $wrapperProps = array_merge($wrapperProps, ['wrapper_backdrop_filter' => 'backdrop-filter', 'wrapper_backdrop_filter_webkit' => '-webkit-backdrop-filter']); $wrapperUnits = array_merge($wrapperUnits, ['wrapper_backdrop_filter' => false, 'wrapper_backdrop_filter_webkit' => false]); } if ($wrapper_color_type === 'gradient') { $wrapperProps = array_merge($wrapperProps, ['wrapper_background_gradient' => 'background']); } else { $wrapperProps = array_merge($wrapperProps, ['wrapper_background' => 'background']); } if ($image_preset_thumb === 'poster') { $wrapperProps = array_merge($wrapperProps, ['wrapper_margin' => 'margin']); } $wrapperProps = array_merge($wrapperProps, ['wrapper_padding' => 'padding', 'wrapper_border' => 'border', 'wrapper_box_shadow' => 'box-shadow']); $wrapperStyle = $cssHelper->generateStyle('.sppb-addon-image-layout-content', $settings, $wrapperProps, $wrapperUnits, $modifiers); $textAlignStyle = $cssHelper->generateStyle('.sppb-text-alignment', $settings, ['content_text_align' => 'text-align'], false); $css .= $textStyle; $css .= $titleStyle; $css .= $wrapperStyle; $css .= $captionStyle; $css .= $textFontStyle; $css .= $lightBoxStyle; $css .= $titleFontStyle; $css .= $textAlignStyle; $css .= $captionFontStyle; $css .= $imageOverlayStyle; $css .= $imageBorderRadiusStyle; // Button style $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $buttonLayout = new FileLayout('addon.css.button', $layout_path); $options = new stdClass; $options->button_type = (isset($settings->button_type) && $settings->button_type) ? $settings->button_type : ''; $options->button_appearance = (isset($settings->button_appearance) && $settings->button_appearance) ? $settings->button_appearance : ''; $options->button_color = (isset($settings->button_color) && $settings->button_color) ? $settings->button_color : ''; $options->button_color_hover = (isset($settings->button_color_hover) && $settings->button_color_hover) ? $settings->button_color_hover : ''; $options->button_background_color = (isset($settings->button_background_color) && $settings->button_background_color) ? $settings->button_background_color : ''; $options->button_background_color_hover = (isset($settings->button_background_color_hover) && $settings->button_background_color_hover) ? $settings->button_background_color_hover : ''; $options->button_fontstyle = (isset($settings->button_fontstyle) && $settings->button_fontstyle) ? $settings->button_fontstyle : ''; $options->button_font_style = (isset($settings->button_font_style) && $settings->button_font_style) ? $settings->button_font_style : ''; $options->button_padding = isset($settings->button_padding) ? $settings->button_padding : ''; $options->button_typography = (isset($settings->button_typography) && $settings->button_typography) ? $settings->button_typography : ''; $options->fontsize = (isset($settings->button_fontsize) && $settings->button_fontsize) ? $settings->button_fontsize : ''; $options->button_letterspace = (isset($settings->button_letterspace) && $settings->button_letterspace) ? $settings->button_letterspace : ''; $options->button_background_gradient = (isset($settings->button_background_gradient) && $settings->button_background_gradient) ? $settings->button_background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($settings->button_background_gradient_hover) && $settings->button_background_gradient_hover) ? $settings->button_background_gradient_hover : new stdClass(); if (!empty($settings->button_margin) && empty($settings->button_margin_top)) { $settings->button_margin_top = $settings->button_margin; } $buttonMarginStyle = $cssHelper->generateStyle('.sppb-addon-image-layout-content .sppb-btn', $settings, ['button_margin_top' => 'margin-top']); $css .= $buttonMarginStyle; $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var modern_font_style = false; const isBtnTypeExist = data.hasOwnProperty("btn_type"); const isButtonTypeExist = data.hasOwnProperty("button_type"); if(!isButtonTypeExist && isBtnTypeExist) { data.button_type = data.btn_type; } const isBtnShapeExist = data.hasOwnProperty("btn_shape"); const isButtonShapeExist = data.hasOwnProperty("button_shape"); if(!isButtonShapeExist && isBtnShapeExist) { data.button_shape = data.btn_shape; } const isBtnSizeExist = data.hasOwnProperty("btn_size"); const isButtonSizeExist = data.hasOwnProperty("button_size"); if(!isButtonSizeExist && isBtnSizeExist) { data.button_size = data.btn_size; } var classList = ""; classList += " sppb-btn-"+data.button_type; classList += " sppb-btn-"+data.button_size; classList += " sppb-btn-"+data.button_shape; if(!_.isEmpty(data.btn_appearance)){ classList += " sppb-btn-"+data.btn_appearance; } if(!_.isEmpty(data.button_appearance)){ classList += " sppb-btn-"+data.button_appearance; } if(!_.isEmpty(data.button_block)) { classList += " " + data.button_block; } var button_font_style = data.btn_font_style \|\| data.button_font_style; #> <style type="text/css">'; // button margin $output .= $lodash->unit('margin-top', '#btn-{{ data.id }}.sppb-btn-{{ data.type }}', 'data.button_margin_top', 'px'); // Image Border Radius $output .= $lodash->unit('border-radius', '.sppb-addon-image-layout-image .sppb-img-responsive', 'data.image_border_radius', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-image-layouts-inline-img .sppb-img-responsive', 'data.image_border_radius', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-addon-image-overlay', 'data.image_border_radius', 'px', false); // Overlay $output .= $lodash->color('background-color', '.sppb-addon-image-overlay', 'data.image_overlay_color'); $output .= $lodash->color('background-color', '.sppb-addon-image-overlay-icon', 'data.lightbox_icon_bg'); // Backdrop Filter $output .= '<# if(data.wrapper_backdrop_filter) { '; $output .= 'let unit = (data.wrapper_backdrop_filter == "blur") ? "px" : "%"; #>'; $output .= $lodash->backdrop_filter('{{data.wrapper_backdrop_filter}}', '.sppb-addon-image-layout-content', 'data.wrapper_backdrop_filter_value', '{{unit}}'); $output .= '<# } #>'; // Caption $output .= $lodash->color('color', '.sppb-addon-image-layout-caption', 'data.caption_text_color'); $output .= $lodash->color('background-color', '.sppb-addon-image-layout-caption', 'data.caption_background'); // Caption Typography $captionTypographyFallbacks = [ 'font' => 'data.caption_font_family', 'size' => 'data.caption_fontsize', 'line_height' => 'data.caption_lineheight', 'letter_spacing' => 'data.caption_letterspace', 'uppercase' => 'data.caption_font_style?.uppercase', 'italic' => 'data.caption_font_style?.italic', 'underline' => 'data.caption_font_style?.underline', 'weight' => 'data.caption_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-image-layout-caption', 'data.caption_typography', $captionTypographyFallbacks); // Button Typography $btnTypographyFallbacks = [ 'font' => 'data.btn_font_family', 'size' => 'data.btn_fontsize', 'letter_spacing' => 'data.btn_letterspace', 'weight' => 'data.btn_font_style?.weight', 'italic' => 'data.btn_font_style?.italic', 'underline' => 'data.btn_font_style?.underline', 'uppercase' => 'data.btn_font_style?.uppercase', ]; $output .= $lodash->typography('#btn-{{ data.id }}.sppb-btn-{{ data.button_type }}', 'data.button_typography', $btnTypographyFallbacks); // Title Typography $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-image-layout-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-image-layout-title', 'data.title_text_color'); // Text Content Typography $textContentTypographyFallbacks = [ 'font' => 'data.text_content_font_family', 'size' => 'data.text_content_fontsize', 'line_height' => 'data.text_content_lineheight', 'letter_spacing' => 'data.text_content_letterspace', 'uppercase' => 'data.text_content_font_style?.uppercase', 'italic' => 'data.text_content_font_style?.italic', 'underline' => 'data.text_content_font_style?.underline', 'weight' => 'data.text_content_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-image-layout-text', 'data.text_content_typography', $textContentTypographyFallbacks); $output .= $lodash->color('color', '.sppb-addon-image-layout-text', 'data.text_content_color'); $output .= $lodash->spacing('padding', '.sppb-addon-image-layout-text', 'data.text_content_padding'); $output .= $lodash->spacing('margin', '.sppb-addon-image-layout-text', 'data.text_content_margin'); $output .= $lodash->spacing('margin', '.sppb-addon-image-layout-content .sppb-btn', 'data.button_margin'); // alignment $output .= $lodash->alignment('text-align', '.sppb-text-alignment', 'data.content_text_align'); // Not Overlap $output .= '<# if (data.image_preset_thumb !== "overlap") { #>'; $output .= $lodash->spacing('margin', '.sppb-image-layout-title', 'data.title_margin'); $output .= $lodash->spacing('padding', '.sppb-image-layout-title', 'data.title_padding'); $output .= '<# } #>'; // Overlap $output .= '<# if (data.image_preset_thumb == "overlap" && data?.title_background) { #>'; $output .= $lodash->color('background-color', '.sppb-image-layout-title', 'data.title_background'); $output .= '#sppb-addon-{{ data.id }} .sppb-image-layout-title { box-shadow: 12px 0 0 {{data.title_background}}, -12px 0 0 {{data.title_background}}; }'; $output .= '<# } #>'; // poster $output .= '<# if (data.image_preset_thumb == "poster") { #>'; $output .= $lodash->spacing('margin', '.sppb-addon-image-layout-content', 'data.wrapper_margin'); $output .= '<# } #>'; $output .= '<# if (data.wrapper_box_shadow !== "0 0 0 0 #fff" && data.wrapper_box_shadow?.enabled !== undefined) { #>'; $output .= $lodash->boxShadow('.sppb-addon-image-layout-content', 'data.wrapper_box_shadow'); $output .= '<# } #>'; $output .= '<# if (data.wrapper_color_type == "gradient") { #>'; $output .= $lodash->color('background-color', '.sppb-addon-image-layout-content', 'data.wrapper_gradient'); $output .= '<# } else { #>'; $output .= '<# if(!_.isEmpty(data.wrapper_background)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-addon-image-layout-content {background: none;}'; $output .= '<# } #>'; $output .= $lodash->color('background-color', '.sppb-addon-image-layout-content', 'data.wrapper_background'); $output .= '<# } #>'; $output .= $lodash->border('border-width', '.sppb-addon-image-layout-content', 'data.wrapper_border'); $output .= $lodash->border('border-color', '.sppb-addon-image-layout-content', 'data.wrapper_border_color'); $output .= $lodash->spacing('padding', '.sppb-addon-image-layout-content', 'data.wrapper_padding'); $output .= $lodash->unit('border-radius', '.sppb-addon-image-layout-content', 'data.wrapper_border_radius', 'px', false); // Custom $output .= '<# if (data.btn_type == "custom" \|\| data.button_type == "custom") { const isBtnColorExist = data.hasOwnProperty("btn_color"); const isButtonColorExist = data.hasOwnProperty("button_color"); if(!isButtonColorExist && isBtnColorExist) { data.button_color = data.btn_color; } const isBtnColorHoverExist = data.hasOwnProperty("btn_color_hover"); const isButtonColorHoverExist = data.hasOwnProperty("button_color_hover"); if(!isButtonColorHoverExist && isBtnColorHoverExist) { data.button_color_hover = data.btn_color_hover; } const isBtnAppearanceExist = data.hasOwnProperty("btn_appearance"); const isButtonAppearanceExist = data.hasOwnProperty("button_appearance"); if(!isButtonAppearanceExist && isBtnAppearanceExist) { data.button_appearance = data.btn_appearance; } const isBtnBackgroundColorExist = data.hasOwnProperty("btn_background_color"); const isButtonBackgroundColorExist = data.hasOwnProperty("button_background_color"); if(!isButtonBackgroundColorExist && isBtnBackgroundColorExist) { data.button_background_color = data.btn_background_color; } const isBtnBackgroundColorHoverExist = data.hasOwnProperty("btn_background_color_hover"); const isButtonBackgroundColorHoverExist = data.hasOwnProperty("button_background_color_hover"); if(!isButtonBackgroundColorHoverExist && isBtnBackgroundColorHoverExist) { data.button_background_color_hover = data.btn_background_color_hover; } const isBtnBackgroundGradientExist = data.hasOwnProperty("btn_background_gradient"); const isButtonBackgroundGradientExist = data.hasOwnProperty("button_background_gradient"); if(!isButtonBackgroundGradientExist && isBtnBackgroundGradientExist) { data.button_background_gradient = data.btn_background_gradient; } const isBtnBackgroundGradientHoverExist = data.hasOwnProperty("btn_background_gradient_hover"); const isButtonBackgroundGradientHoverExist = data.hasOwnProperty("button_background_gradient_hover"); if(!isButtonBackgroundGradientExist && isBtnBackgroundGradientExist) { data.button_background_gradient_hover = data.btn_background_gradient_hover; } #>'; $output .= $lodash->color('color', ' #btn-{{ data.id }}.sppb-btn-custom', 'data.button_color'); $output .= $lodash->color('color', ' #btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_color_hover'); $output .= $lodash->color('background-color', ' #btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= $lodash->unit('font-size', '#btn-{{ data.id }}.sppb-btn-custom', 'data.btn_fontsize', 'px'); $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_padding'); $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { background-color: transparent; }'; $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# } else if (data.button_appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color_hover'); $output .= $lodash->color('background-color', ' #btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } else if (data.button_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { border:none; }'; $output .= $lodash->color('background-color', ' #btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_gradient'); $output .= $lodash->color('background-color', ' #btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', ' #btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= ' #sppb-addon-{{ data.id }} .sppb-addon-image-layout-content { <# if (_.trim(data.wrapper_border)) { #> border-style:solid; <# } #> } </style> <# let image_preset_thumb = (!_.isEmpty(data.image_preset_thumb) && data.image_preset_thumb) ? data.image_preset_thumb : "inline"; let image_strech = (typeof data.image_strech !== undefined && data.image_strech) ? " image-fit" : ""; let target = ""; if(data.url_in_new_window){ target = `target="_blank"`; } let content_text_align = (!_.isEmpty(data.content_text_align) && data.content_text_align) ?" sppb-text-alignment" : ""; let content_vertical_align = (!_.isEmpty(data.content_vertical_align) && data.content_vertical_align) ? data.content_vertical_align : ""; let image_desktop_order = (!_.isEmpty(data.image_desktop_order) && data.image_desktop_order != "") ? parseInt(data.image_desktop_order) : ""; let image_tab_order_land = (!_.isEmpty(data.image_tab_order_land) && data.image_tab_order_land != "") ? parseInt(data.image_tab_order_land): ""; let image_tab_order = (!_.isEmpty(data.image_tab_order) && data.image_tab_order != "") ? parseInt(data.image_tab_order): ""; let image_mob_order_land = (!_.isEmpty(data.image_mob_order_land) && data.image_mob_order_land != "") ? parseInt(data.image_mob_order_land): ""; let image_mob_order = (!_.isEmpty(data.image_mob_order) && data.image_mob_order != "") ? parseInt(data.image_mob_order): ""; let order_class = ""; if(image_desktop_order && image_preset_thumb !=="poster"){ order_class +=" sppb-order-"+image_desktop_order; } if(image_tab_order_land && image_preset_thumb !=="poster"){ order_class +=" sppb-order-lg-"+image_tab_order_land; } if(image_tab_order && image_preset_thumb !=="poster"){ order_class +=" sppb-order-md-"+image_tab_order; } if(image_mob_order_land && image_preset_thumb !=="poster"){ order_class +=" sppb-order-sm-"+image_mob_order_land; } if(image_mob_order && image_preset_thumb !=="poster"){ order_class +=" sppb-order-xs-"+image_mob_order; } let content_desktop_order = (!_.isEmpty(data.content_desktop_order) && data.content_desktop_order !="") ? parseInt(data.content_desktop_order) : ""; let content_tab_order_land = (!_.isEmpty(data.content_tab_order_land) && data.content_tab_order_land !="") ? parseInt(data.content_tab_order_land) : ""; let content_tab_order = (!_.isEmpty(data.content_tab_order) && data.content_tab_order !="") ? parseInt(data.content_tab_order) : ""; let content_mob_order_land = (!_.isEmpty(data.content_mob_order_land) && data.content_mob_order_land !="") ? parseInt(data.content_mob_order_land) : ""; let content_mob_order = (!_.isEmpty(data.content_mob_order) && data.content_mob_order !="") ? parseInt(data.content_mob_order) : ""; let cont_order_class =""; if(content_desktop_order && image_preset_thumb !=="poster"){ cont_order_class +=" sppb-order-"+content_desktop_order; } if(content_tab_order_land && image_preset_thumb !=="poster"){ cont_order_class +=" sppb-order-lg-"+content_tab_order_land; } if(content_tab_order && image_preset_thumb !=="poster"){ cont_order_class +=" sppb-order-md-"+content_tab_order; } if(content_mob_order_land && image_preset_thumb !=="poster"){ cont_order_class +=" sppb-order-sm-"+content_mob_order_land; } if(content_mob_order && image_preset_thumb !=="poster"){ cont_order_class +=" sppb-order-xs-"+content_mob_order; } let image_preset_class = ""; if(image_preset_thumb){ image_preset_class =" image-layout-preset-style-"+image_preset_thumb; } if(image_preset_thumb ==="poster"){ content_text_align = ""; } / image layout link section / const {click_url} = data; const isUrlObject_click = _.isObject(click_url) && (!!click_url.url \|\| !!click_url.menu \|\| !!click_url.page) ; const isUrlString_click = _.isString(click_url) && click_url !== ""; let clickTarget; let clickRel=""; let clickUrl; if(isUrlObject_click \|\| isUrlString_click){ const isTarget = data.url_in_new_window ? "_blank" : ""; const urlObj = click_url?.url ? click_url : window.getSiteUrl(click_url, isTarget); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; clickTarget = new_tab ? "_blank" : ""; clickRel += nofollow ? "nofollow" : ""; clickRel += noopener ? " noopener" : ""; clickRel += noreferrer ? " noreferrer" : ""; clickUrl = (type === "url" && url) \|\| ( type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page ) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; } const click_url_condition = (isUrlObject_click \|\| isUrlString_click) && !!clickUrl; #> <div class="sppb-addon-image-layouts {{data.class}}"> <div class="sppb-addon-content"> <# var img = {} if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { img = data.image } else { img = {src: data.image} } if(image_preset_thumb === "inline"){ #> <div class="sppb-image-layouts-inline"> <div class="sppb-image-layouts-inline-img"> <# if(click_url_condition){ #> <a href=\'{{clickUrl}}\' target="{{clickTarget}}" rel=\'{{clickRel}}\' > <# } #> <# if(img.src.indexOf("http://") == -1 && img.src.indexOf("https://") == -1){ #> <img class="sppb-img-responsive{{image_strech}}" src=\'{{ pagebuilder_base + img.src }}\' alt="{{data.image_alt_text}}"> <# } else { #> <img class="sppb-img-responsive{{image_strech}}" src=\'{{ img.src }}\' alt="{{data.image_alt_text}}"> <# } #> <# if(data.click_url){ #> </a> <# } if(data.open_in_lightbox){ if(img.src){ #> <a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="image" data-mainclass="mfp-no-margins mfp-with-zoom" href="{{img.src}}">+</a> <# } if(data.image_overlay_color) { #> <div class="sppb-addon-image-overlay"> </div> <# } } #> </div> <# if(data.caption && data.caption_postion !== "no-caption"){ #> <div class="sppb-addon-image-layout-caption sp-inline-editable-element {{data.caption_postion}}" data-id={{data.id}} data-fieldName="caption" contenteditable="true"> {{{data.caption}}} </div> <# } #> </div> <# } else { #> <div class="sppb-addon-image-layout-wrap{{image_preset_class}}"> <# if(image_preset_thumb === "card" \|\| image_preset_thumb === "overlap" \|\| image_preset_thumb === "collage"){ #> <div class="sppb-row"> <div class="sppb-col-sm-{{(data.image_container_column ? data.image_container_column : 6)}}{{order_class}}"> <# } #> <div class="sppb-addon-image-layout-image{{image_strech}} <# if(image_preset_thumb !== "card" && image_preset_thumb !== "overlap" && image_preset_thumb !== "collage"){ #> {{order_class}} <# } #> "> <# if(click_url_condition){ #> <a href=\'{{clickUrl}}\' target="{{clickTarget}}" rel=\'{{clickRel}}\' > <# } #> <# if(img.src.indexOf("http://") == -1 && img.src.indexOf("https://") == -1){ #> <img class="sppb-img-responsive{{image_strech}}" src=\'{{ pagebuilder_base + img.src }}\' alt="{{data.image_alt_text}}"> <# } else { #> <img class="sppb-img-responsive{{image_strech}}" src=\'{{ img.src }}\' alt="{{data.image_alt_text}}"> <# } #> <# if(data.click_url){ #> </a> <# } if(data.popup_video_on_image && data.image_preset_thumb === "card" && data.popup_video_src){ #> <a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="iframe" data-mainclass="mfp-no-margins mfp-with-zoom" href="{{data.popup_video_src}}"></a> <div class="sppb-addon-image-layouts-card-text-caption"> <span class="image-layouts-card-text-caption-icon"><i class="fa fa-play"></i></span> <h4 class="image-layouts-card-text-caption-title">{{data.title.replace(/<\/?[^>]+(>\|$)/g, "")}}</h4> </div> <# } #> </div> <# if(image_preset_thumb === "card" \|\| image_preset_thumb === "overlap" \|\| image_preset_thumb === "collage"){ let collage_content_vertical = ""; if(image_preset_thumb === "collage"){ collage_content_vertical = " collage-content-vertical-"+content_vertical_align; } #> </div> <div class="sppb-col-sm-{{(data.image_container_column ? (data.image_container_column == 12 ? 12 : 12-data.image_container_column) : 6)}}{{cont_order_class}}{{collage_content_vertical}}"> <# } #> <# let collage_content_right = ""; if((content_desktop_order < image_desktop_order) && image_preset_thumb === "collage") { collage_content_right = " collage-content-right"; } let collage_content_sm_right = ""; if((content_tab_order < image_tab_order) && image_preset_thumb === "collage") { collage_content_sm_right = " collage-content-sm-right"; } #> <div class="sppb-addon-image-layout-content{{content_text_align}}{{collage_content_right}}{{collage_content_sm_right}} <# if(image_preset_thumb !== "card" && image_preset_thumb !== "overlap" && image_preset_thumb !== "collage") { #>{{cont_order_class}}<# } #> "> <# if(data.title){ let heading_selector = data.heading_selector \|\| "h3"; if(image_preset_thumb === "overlap"){ let title_align_right = ""; let title_align_sm_right = ""; if(content_desktop_order < image_desktop_order){ title_align_right = " title-align-right"; } if(content_tab_order < image_tab_order) { title_align_sm_right = " title-align-sm-right"; } #> <div class="image-layout-tittle-wrap{{title_align_right}}{{title_align_sm_right}}"> <# } #> <{{heading_selector}} class="sppb-image-layout-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true"> <# if(data.link_apear_in_title && image_preset_thumb === "poster") { #> <# if(click_url_condition){ #> <a href=\'{{clickUrl}}\' target="{{clickTarget}}" rel=\'{{clickRel}}\' > <# } #> <# } #> {{{data.title}}} <# if(data.link_apear_in_title && image_preset_thumb === "poster") { #> <# if(data.click_url){ #> </a> <# } #> <# } #> </{{heading_selector}}> <# if(image_preset_thumb === "overlap"){ #> </div> <# } #> <# } if(data.text_content){ #> <div class="sppb-addon-image-layout-text sp-editable-content" data-id={{data.id}} data-fieldName="text_content"> {{{data.text_content}}} </div> <# } const isBtnTextExist = data.hasOwnProperty("btn_text"); const isButtonTextExist = data.hasOwnProperty("button_text"); if(!isButtonTextExist && isBtnTextExist) data.button_text = data.btn_text; const isBtnTypeExist = data.hasOwnProperty("btn_type"); const isButtonTypeExist = data.hasOwnProperty("button_type"); if(!isButtonTypeExist && isBtnTypeExist) data.button_type = data.btn_type; const buttonText = data.button_text; if(_.trim(buttonText)){ let icon_arr = (typeof data.btn_icon !== "undefined" && data.btn_icon) ? data.btn_icon.split(" ") : ""; let button_icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; const icon_name = icon_arr.length === 1 ? "fa "+data.btn_icon : data.btn_icon; const button_icon_name = button_icon_arr.length === 1 ? "fa "+data.button_icon : data.button_icon; const finial_icon_name = icon_name \|\| button_icon_name; /* button link section / let buttonUrl; let buttonRel=""; let buttonTarget; const {button_url} = data; const isUrlObject_url = _.isObject(button_url) && (!!button_url.url \|\| !!button_url.menu \|\| !!button_url.page) ; const isUrlString_url= _.isString(data.btn_url) && data.btn_url !== ""; if(isUrlString_url \|\| isUrlObject_url ){ const urlObj = button_url?.url ? button_url : window.getSiteUrl(data.btn_url, data.btn_target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; buttonTarget = new_tab ? "_blank" : ""; buttonRel += nofollow ? "nofollow" : ""; buttonRel += noopener ? " noopener" : ""; buttonRel += noreferrer ? " noreferrer" : ""; buttonUrl = (type === "url" && url) \|\| ( type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page ) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; } #> <a href=\'{{ buttonUrl }}\' id="btn-{{ data.id }}" target="{{buttonTarget}}" rel=\'{{buttonRel}}\' class="sppb-btn {{ classList }}"><# if( (data.btn_icon_position == "left" \|\| data.button_icon_position == "left" ) && !_.isEmpty(data.btn_icon \|\| data.button_icon)) { #><i class="{{ finial_icon_name }}"></i> <# } #>{{ buttonText }}<# if( (data.btn_icon_position == "right" \|\| data.button_icon_position == "right") && !_.isEmpty(data.btn_icon \|\| data.button_icon)) { #> <i class="{{ finial_icon_name }}"></i><# } #></a> <# } #> </div> <# if(image_preset_thumb === "card" \|\| image_preset_thumb === "overlap" \|\| image_preset_thumb === "collage"){ #> </div> </div> <# } #> </div> <# } #> </div> </div>'; return $output; } } ��image_layouts/admin.php��0000644��00000143101�15231074400�0011203 0��ustar�00��<?php / * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'image_layouts', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M13.6.1H.7C.4.1.2.3.2.6v12.9c0 .3.2.5.5.5h12.9c.3 0 .5-.2.5-.5V.7c0-.3-.2-.6-.5-.6zM9.8 2.8c.9 0 1.6.7 1.6 1.6 0 .9-.7 1.6-1.6 1.6-.9 0-1.6-.7-1.6-1.6 0-.9.7-1.6 1.6-1.6zm2.1 8.9c-.1.2-.3.3-.5.3H2.8c-.2 0-.3-.1-.4-.2-.1-.1-.1-.3-.1-.5l2.2-6.5c0-.2.2-.4.5-.4.2 0 .4.1.5.3l1.8 3.6 1.6-1.6c.1-.1.3-.1.5-.1s.3.1.4.3l2.2 4.3c0 .2 0 .4-.1.5z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M31 18H1c-.6 0-1 .4-1 1s.4 1 1 1h30c.6 0 1-.4 1-1s-.5-1-1-1zM31 24H1c-.6 0-1 .4-1 1s.4 1 1 1h30c.6 0 1-.4 1-1s-.5-1-1-1zM31 10H19c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.5-1-1-1zM13 30H1c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.4-1-1-1zM19 5h12c.6 0 1-.4 1-1s-.4-1-1-1H19c-.6 0-1 .4-1 1s.4 1 1 1z" fill="currentColor"/></svg>', 'settings' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'image_preset_thumb' => [ 'type' => 'thumbnail', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LAYOUT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_STYLE_DESC'), 'columns' => 3, 'values' => [ 'collage' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><rect opacity="0.1" x="10" y="10" width="71" height="47" rx="4" fill="currentColor"/><path opacity="0.2" d="M55.664 25.741L36 57h36.673c2.338 0 3.778-2.556 2.566-4.555L59.068 25.769a2 2 0 00-3.404-.028z" fill="currentColor"/><path opacity="0.2" d="M40.046 33.868L26 57h31L43.481 33.896c-.765-1.308-2.65-1.323-3.435-.028z" fill="currentColor"/><path opacity="0.3" d="M26.5 22a5.506 5.506 0 00-5.5 5.5 5.504 5.504 0 005.5 5.5 5.504 5.504 0 005.5-5.5c0-3.033-2.467-5.5-5.5-5.5z" fill="currentColor"/><rect opacity="0.2" x="61" y="16" width="59" height="62" rx="4" fill="currentColor"/><rect x="69" y="28" width="45" height="6" rx="3" fill="#fff"/><rect opacity="0.5" x="70" y="41" width="41" height="3" rx="1.5" fill="#fff"/><rect opacity="0.5" x="70" y="49" width="22" height="3" rx="1.5" fill="#fff"/><rect x="70" y="60" width="25" height="7" rx="3.5" fill="#fff"/></svg>'], 'inline' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><rect opacity="0.1" x="11" y="10" width="110" height="50" rx="4" fill="currentColor"/><path opacity="0.2" d="M84.44 25.549L59 60h58L92.536 25.62c-1.972-2.771-6.076-2.808-8.096-.071z" fill="currentColor"/><path opacity="0.2" d="M61.362 34.377L42 60h46L69.394 34.448c-1.976-2.712-6.009-2.748-8.032-.07z" fill="currentColor"/><rect opacity="0.3" x="11" y="66" width="91" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="11" y="75" width="49" height="3" rx="1.5" fill="currentColor"/><path opacity="0.3" d="M31.127 19C28.3 19 26 21.25 26 24.014c0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/></svg>'], 'stack' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><rect opacity="0.1" x="10" y="10" width="110" height="70" rx="4" fill="currentColor"/><path opacity="0.2" d="M84.981 16.666L59 42h58L92.028 16.732a5 5 0 00-7.047-.066z" fill="currentColor"/><path opacity="0.2" d="M61.912 23.027L42 42h46L68.877 23.092a5 5 0 00-6.965-.065z" fill="currentColor"/><rect opacity="0.3" x="20" y="49" width="77" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="20" y="58" width="49" height="3" rx="1.5" fill="currentColor"/><rect opacity="0.6" x="20" y="67" width="25" height="7" rx="3.5" fill="currentColor"/><path opacity="0.3" d="M30.127 17C27.3 17 25 19.25 25 22.014c0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="currentColor"/></svg>'], 'poster' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><path d="M25.127 14C22.3 14 20 16.25 20 19.014c0 1.876 1.058 3.513 2.621 4.373.742.408 1.596.641 2.506.641.91 0 1.764-.233 2.505-.64 1.563-.86 2.622-2.498 2.622-4.374 0-2.765-2.3-5.014-5.127-5.014z" fill="#E5E9EF"/><path opacity="0.2" d="M87.44 53.549L62 88h58L95.536 53.62c-1.972-2.771-6.076-2.808-8.096-.071z" fill="currentColor"/><path opacity="0.2" d="M54.362 62.377L35 88h46L62.394 62.448c-1.976-2.712-6.009-2.748-8.032-.07z" fill="currentColor"/><rect opacity="0.2" x="21" y="20" width="89" height="50" rx="4" fill="currentColor"/><rect x="34" y="34" width="62" height="4" rx="2" fill="#fff"/><rect opacity="0.5" x="42" y="43" width="46" height="3" rx="1.5" fill="#fff"/><rect x="53" y="52" width="25" height="7" rx="3.5" fill="#fff"/></svg>'], 'card' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><rect opacity="0.1" x="10" y="10" width="59" height="68" rx="4" fill="currentColor"/><path opacity="0.2" d="M47.664 46.741L28 78h36.673c2.338 0 3.778-2.556 2.566-4.555L51.068 46.769a2 2 0 00-3.404-.028z" fill="currentColor"/><path opacity="0.2" d="M32.046 54.868L18 78h31L35.481 54.896c-.765-1.308-2.65-1.323-3.435-.028z" fill="currentColor"/><path opacity="0.3" d="M26.5 22a5.506 5.506 0 00-5.5 5.5 5.504 5.504 0 005.5 5.5 5.504 5.504 0 005.5-5.5c0-3.033-2.467-5.5-5.5-5.5z" fill="currentColor"/><rect opacity="0.3" x="79" y="25" width="41" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="79" y="34" width="41" height="4" rx="2" fill="currentColor"/><rect opacity="0.3" x="79" y="43" width="22" height="4" rx="2" fill="currentColor"/><rect opacity="0.6" x="79" y="59" width="25" height="7" rx="3.5" fill="currentColor"/></svg>'], 'overlap' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131 88"><path opacity="0.2" fill="currentColor" fill-opacity="0.3" d="M0 0h131v88H0z"/><rect opacity="0.1" x="10" y="10" width="59" height="68" rx="4" fill="currentColor"/><path opacity="0.2" d="M47.664 46.741L28 78h36.673c2.338 0 3.778-2.556 2.566-4.555L51.068 46.769a2 2 0 00-3.404-.028z" fill="currentColor"/><path opacity="0.2" d="M32.046 54.868L18 78h31L35.481 54.896c-.765-1.308-2.65-1.323-3.435-.028z" fill="currentColor"/><path opacity="0.3" d="M26.5 22a5.506 5.506 0 00-5.5 5.5 5.504 5.504 0 005.5 5.5 5.504 5.504 0 005.5-5.5c0-3.033-2.467-5.5-5.5-5.5z" fill="currentColor"/><rect opacity="0.6" x="60" y="21" width="60" height="6" rx="3" fill="currentColor"/><rect opacity="0.6" x="60" y="30" width="39" height="6" rx="3" fill="currentColor"/><rect opacity="0.3" x="77" y="44" width="41" height="3" rx="1.5" fill="currentColor"/><rect opacity="0.3" x="77" y="52" width="22" height="3" rx="1.5" fill="currentColor"/><rect opacity="0.6" x="77" y="63" width="25" height="7" rx="3.5" fill="currentColor"/></svg>'], ], 'std' => 'collage', ], 'image_separator' => [ 'type' => 'separator', ], 'image' => [ 'type' => 'media', 'std' => ['src' => 'https://sppagebuilder.com/addons/image_layouts/image_layouts_default.jpg'], ], 'image_alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'std' => 'Alt Text', 'inline' => true, ], 'image_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 100, ], 'image_options_separator' => [ 'type' => 'separator', ], 'image_container_column' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_IMG_CONTAINER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_IMG_CONTAINER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, ], 'depends' => [ ['image_preset_thumb', '=', 'card'], ], ], 'image_strech' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_STREACH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_STREACH_DESC'), 'std' => 1, 'depends' => [ ['image_preset_thumb', '!=', 'collage'], ], ], 'image_order_option' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_ORDER_OPTIONS'), 'values' => [ ['label' => 'Desktop', 'value' => 'desktop'], ['label' => 'Tablet', 'value' => 'tablet'], ['label' => 'Mobile', 'value' => 'mobile'], ], 'std' => 'desktop', 'depends' => [ ['image_preset_thumb', '!=', 'inline'], ['image_preset_thumb', '!=', 'poster'], ], ], 'image_desktop_order' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_DESK_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_DESK_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [ ['image_preset_thumb', '!=', 'inline'], ['image_preset_thumb', '!=', 'poster'], ['image_order_option', '=', 'desktop'], ], ], 'image_tab_order_land' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_TAB_LAND_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_TAB_LAND_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [ ['image_preset_thumb', '!=', 'inline'], ['image_preset_thumb', '!=', 'poster'], ['image_order_option', '=', 'tablet'], ], ], 'image_tab_order' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_TAB_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_TAB_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [ ['image_preset_thumb', '!=', 'inline'], ['image_preset_thumb', '!=', 'poster'], ['image_order_option', '=', 'tablet'], ], ], 'image_mob_order_land' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_MOB_LAND_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_MOB_LAND_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [ ['image_preset_thumb', '!=', 'inline'], ['image_preset_thumb', '!=', 'poster'], ['image_order_option', '=', 'mobile'], ], ], 'image_mob_order' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_MOB_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_IMG_MOB_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [ ['image_preset_thumb', '!=', 'inline'], ['image_preset_thumb', '!=', 'poster'], ['image_order_option', '=', 'mobile'], ], ], 'click_url_separator' => [ 'type' => 'separator', ], 'click_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'std' => 'https://www.joomshaper.com', ], 'link_apear_in_title' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_TITLE_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_TITLE_URL_DESC'), 'std' => 1, 'depends' => [['image_preset_thumb', '=', 'poster']], ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [['image_preset_thumb', '!=', 'inline']], 'fields' => [ 'text_content' => [ 'type' => 'editor', 'std' => 'Non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ultricies integer quis auctor elit sed vulputate. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Consectetur purus ut faucibus pulvinar elementum integer. Nunc non blandit massa enim nec. Et tortor consequat id porta nibh venenatis.', ], 'text_content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_content_font_family', 'size' => 'text_content_fontsize', 'line_height' => 'text_content_lineheight', 'letter_spacing' => 'text_content_letterspace', 'uppercase' => 'text_content_font_style.uppercase', 'italic' => 'text_content_font_style.italic', 'underline' => 'text_content_font_style.underline', 'weight' => 'text_content_font_style.weight', ], ], 'text_content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'content_spacing_separator' => [ 'type' => 'separator', ], 'text_content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], 'text_content_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'content_ordering_separator' => [ 'type' => 'separator', 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_desktop_order' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_DESK_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_DESK_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_tab_order_land' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_TAB_LAND_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_TAB_LAND_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_tab_order' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_TAB_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_TAB_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_mob_order_land' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_MOB_LAND_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_MOB_LAND_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_mob_order' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_MOB_ORDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_MOB_ORDER_DESC'), 'values' => [ 1 => 1, 2 => 2, 3 => 3, 4 => 4, 5 => 5, 6 => 6, 7 => 7, 8 => 8, 9 => 9, 10 => 10, 11 => 11, 12 => 12, ], 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_text_align' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TEXT_ALIGN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_TEXT_ALIGN_DESC'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'responsive' => true, 'std' => 'left', 'depends' => [['image_preset_thumb', '!=', 'poster']], ], 'content_vertical_align' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_VERT_ALIGN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CONT_VERT_ALIGN_DESC'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], 'std' => 'center', 'depends' => [['image_preset_thumb', '=', 'collage']], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'depends' => [['image_preset_thumb', '!=', 'inline']], 'fields' => [ 'title' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'Introducing <br> <strong>IMAGE LAYOUTS ADDON</strong>', ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'title_spacing_separator' => [ 'type' => 'separator', ], 'title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '0px 0px 0px 0px', 'md' => '0px 0px 0px 0px', 'sm' => '0px 0px 0px 0px', 'xs' => '0px 0px 0px 0px'], ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => ['xl' => '0px 0px 15px 0px', 'lg' => '0px 0px 15px 0px', 'md' => '0px 0px 15px 0px', 'sm' => '0px 0px 15px 0px', 'xs' => '0px 0px 15px 0px'], ], ] ], 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Learn More', ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), ], 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'btn_font_family', 'size' => 'btn_fontsize', 'letter_spacing' => 'btn_letterspace', 'weight' => 'btn_font_style.weight', 'italic' => 'btn_font_style.italic', 'underline' => 'btn_font_style.underline', 'uppercase' => 'btn_font_style.uppercase', ], ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [['button_type', '=', 'link']], ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'depends' => [['button_type', '!=', 'link']], ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['button_type', '!=', 'link']], ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'inline' => true, 'std' => '', ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '8px 22px 10px 22px', 'md' => '8px 22px 10px 22px', 'sm' => '8px 22px 10px 22px', 'xs' => '8px 22px 10px 22px'], 'depends' => [['button_size', '=', 'custom']], ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [['button_type', '!=', 'link']], ], 'button_icon_separator' => [ 'type' => 'separator', ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'button_margin_separator' => [ 'type' => 'separator', ], 'button_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'std' => ['xl' => 20, 'lg' => 20, 'md' => 20, 'sm' => 20, 'xs' => 20], 'responsive' => true, 'max' => 400, ], 'button_style_tab_separator' => [ 'type' => 'separator', 'depends' => [['button_type', '=', 'custom']], ], 'button_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'custom']], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'] ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#EF6D00', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear", ], 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#de6906', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear", ], 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], // link style 'link_button_color_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'link']], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], ], ], 'lightbox' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OPEN_LIGHTBOX'), 'depends' => [['image_preset_thumb', '=', 'inline']], 'fields' => [ 'open_in_lightbox' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OPEN_LIGHTBOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OPEN_LIGHTBOX_DESC'), 'std' => 0, 'is_header' => 1, ], 'image_overlay_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_DESC'), 'std' => 'rgba(41, 14, 98, 0.5)', 'depends' => [['open_in_lightbox', '!=', 0]], ], 'lightbox_icon_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_LIGHTBOX_BG'), 'std' => '', 'depends' => [['open_in_lightbox', '!=', 0]], ], ], ], 'video' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_POPUP_VIDEO'), 'depends' => [['image_preset_thumb', '=', 'card']], 'fields' => [ 'popup_video_on_image' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_VIDEO_POPUP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_VIDEO_POPUP_DESC'), 'std' => 0, 'is_header' => 1, ], 'popup_video_src' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_VIDEO_POPUP_SRC'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_VIDEO_POPUP_SRC_DESC'), 'std' => 'https://www.youtube.com/watch?v=BWLRMBrKH_c', 'depends' => [['popup_video_on_image', '=', 1]], ], ], ], 'caption' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_CAPTION'), 'depends' => [['image_preset_thumb', '=', 'inline']], 'fields' => [ 'caption' => [ 'type' => 'textarea', 'std' => 'Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.' ], 'caption_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'caption_font_family', 'size' => 'caption_fontsize', 'line_height' => 'caption_lineheight', 'letter_spacing' => 'caption_letterspace', 'uppercase' => 'caption_font_style.uppercase', 'italic' => 'caption_font_style.italic', 'underline' => 'caption_font_style.underline', 'weight' => 'caption_font_style.weight', ], ], 'caption_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'caption_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'caption_padding_separator' => [ 'type' => 'separator', ], 'caption_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], 'caption_postion' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'no-caption' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CAPTION_NO'), 'caption-below' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CAPTION_BELOW'), 'caption-overlay' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CAPTION_OVERLAY'), 'caption-overlay-on-over' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUT_CAPTION_OVERLAY_HOVER'), ], 'std' => 'caption-below', ], ], ], 'wrapper' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER'), 'depends' => [['image_preset_thumb', '!=', 'inline']], 'fields' => [ 'wrapper_border' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), ], 'wrapper_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'wrapper_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'max' => 100, ], 'wrapper_color_type' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'value' => 'gradient'], ], 'std' => 'color', ], 'wrapper_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_DESC'), 'std' => '', 'depends' => [['wrapper_color_type', '=', 'color']], ], 'wrapper_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "rgba(38, 51, 159, 0.95)", "color2" => "rgba(61, 59, 136, 0.95)", "deg" => "225", "type" => "linear", ], 'depends' => [['wrapper_color_type', '=', 'gradient']], ], 'wrapper_backdrop_filter' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_DESC'), 'values' => [ 'blur' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_BLUR'), 'brightness' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_BRIGHTNESS'), 'contrast' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_CONTRAST'), 'grayscale' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_GRAYSCALE'), 'invert' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_INVERT'), 'opacity' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_OPACITY'), 'sepia' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_SEPIA'), 'saturate' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_SATURATE'), ], 'std' => '', ], 'wrapper_backdrop_filter_value' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_VALUE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_LAYOUTS_WRAPPER_BACKDROP_FILTER_VALUE_DESC'), 'max' => 100, 'depends' => [['wrapper_backdrop_filter', '!=', '']] ], 'wrapper_box_shadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOXSHADOW'), 'std' => '0 0 0 0 #fff', ], 'wrapper_spacing_separator' => [ 'type' => 'separator', ], 'wrapper_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => '', 'responsive' => true, ], 'wrapper_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => '', 'responsive' => true, ], ], ], ], ]); ��image_layouts/.htaccess��0000555��00000000355�15231074400�0011204 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonialpro/assets/images/icon.png��0000644��00000003467�15231074400�0014030 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:11539BA140E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:11539BA240E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:11539B9F40E011E69A38F8F21A167467" stRef:documentID="xmp.did:11539BA040E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��V��IDATx�윋m�0��L��y�z��i�� N�vww�t�98��ȶ��s .�З_$E=Чa�X�=�`"�&��`"��&��`"�(�ت�=�-[�6�ϱ��el_L��y~Njzl�� z`1��,�֭tvz����8�wF��\|�ql��L(��=��bx��B4�/1@/9A� �P��ٌs�X�{é�F됀��r�J�D��90� 0U6H��g�$�Lw�'`�5��yn�!V}t�sP:�l�S;�Y��%g��W�4�͙]3�#�kO�i\|9�'�ȫ�>gĩV7�v�T.c��hfg��9� A^��\�g�� )��vG&��)�� 7u��K0�wsr^�{�x�C=�]8��eV�J�na�դ�y�7�8�\|Xpr��rÂ�[Ͽ8Ab�)!Yl��z��8;�Ө� 3��9�SuO��#�Q��!�0��(\��%#��6�0�A�~�&��k��I��+�">ߪ��zm`\|GM=�(�}�K��.)�P�� �,aMU�p�ĜA��Z��M#� �x�+W8��M΋�F��\|ё�+e��=%g5��jd��+\|�D] p�Q(@A��?��R��ٻ��z~e�#�3�i��Q?��\�J�z��)/ ۜ��OJ��1��_��m)>��9ˁ�''�N��JB��HF�.hx�� `qj��W��K�F��w�r��^[ڠ]5�bo�Tw��=��Tˠ�-�m�-�P��wy��\|�B�w�m�h� �7�$��B��#Z��2\|��zat�gEgCU.�P�:=��ݬ3��B8N�z�8}0[k��Fm�l��#�oD0L�D01L�D0LL}0��>�+o;��IEND�B`��testimonialpro/assets/images/.htaccess��0000555��00000000355�15231074400�0014162 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonialpro/assets/.htaccess��0000555��00000000355�15231074400�0012715 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonialpro/site.php��0000644��00000057235�15231074400�0011302 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; class SppagebuilderAddonTestimonialpro extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; //Options $autoplay = (isset($settings->autoplay) && $settings->autoplay) ? ' data-sppb-ride="sppb-carousel"' : ''; $controls = (isset($settings->controls) && $settings->controls) ? $settings->controls : 0; $arrow_controls = (isset($settings->arrow_controls) && $settings->arrow_controls) ? $settings->arrow_controls : 0; $interval = (isset($settings->interval) && $settings->interval) ? ((int) $settings->interval 1000) : 5000; $avatar_shape = (isset($settings->avatar_shape) && $settings->avatar_shape) ? $settings->avatar_shape : 'sppb-avatar-circle'; $show_quote = (isset($settings->show_quote)) ? $settings->show_quote : true; $avatar_on_top = (isset($settings->avatar_on_top)) ? $settings->avatar_on_top : 0; //Arrow icon $arrow_icon = (isset($settings->arrow_icon)) ? $settings->arrow_icon : 'chevron'; $left_arrow = ''; $right_arrow = ''; if ($arrow_icon == 'angle_double') { $left_arrow = 'fa-angle-double-left'; $right_arrow = 'fa-angle-double-right'; } elseif ($arrow_icon == 'arrow') { $left_arrow = 'fa-arrow-left'; $right_arrow = 'fa-arrow-right'; } elseif ($arrow_icon == 'arrow_circle') { $left_arrow = 'fa-arrow-circle-o-left'; $right_arrow = 'fa-arrow-circle-o-right'; } elseif ($arrow_icon == 'long_arrow') { $left_arrow = 'fa-long-arrow-left'; $right_arrow = 'fa-long-arrow-right'; } elseif ($arrow_icon == 'angle') { $left_arrow = 'fa-angle-left'; $right_arrow = 'fa-angle-right'; } else { $left_arrow = 'fa-chevron-left'; $right_arrow = 'fa-chevron-right'; } //Output $output = '<div id="sppb-testimonial-pro-' . $this->addon->id . '" data-interval="' . $interval . '" class="sppb-carousel sppb-testimonial-pro sppb-slide ' . $class . '"' . $autoplay . '>'; if ($controls) { $output .= '<ol class="sppb-carousel-indicators">'; foreach ($settings->sp_testimonialpro_item as $key1 => $value) { $output .= '<li data-sppb-target="#sppb-carousel-' . $this->addon->id . '" ' . (($key1 == 0) ? ' class="active"' : '') . ' data-sppb-slide-to="' . $key1 . '"></li>' . "\n"; } $output .= '</ol>'; } if ($show_quote) { $output .= '<span class="fa fa-quote-left" aria-hidden="true"></span>'; } $output .= '<div class="sppb-carousel-inner">'; foreach ($settings->sp_testimonialpro_item as $key => $value) { $output .= '<div class="sppb-item ' . (($key == 0) ? ' active' : '') . '">'; $name = (isset($value->title) && $value->title) ? $value->title : ''; $avatar_img = isset($value->avatar) && $value->avatar ? $value->avatar : ''; $carousel_img_src = isset($avatar_img->src) ? $avatar_img->src : $avatar_img; if ($avatar_on_top == 1) { $output .= $carousel_img_src ? '<img src="' . $carousel_img_src . '" class="' . $avatar_shape . '" alt="' . $name . '">' : ''; } if (isset($value->message) && $value->message) { $output .= '<div class="sppb-testimonial-message">' . $value->message . '</div>'; } $output .= '<div class="sppb-addon-testimonial-pro-footer">'; if ($avatar_on_top != 1) { $output .= $carousel_img_src ? '<img src="' . $carousel_img_src . '" class="' . $avatar_shape . '" alt="' . $name . '">' : ''; } $output .= '<div class="testimonial-pro-client-name-wrap">'; $output .= $name ? '<span class="sppb-addon-testimonial-pro-client-name">' . $name . '</span>' : ''; $output .= (isset($value->url) && $value->url) ? ' <span class="sppb-addon-testimonial-pro-client-url">' . $value->url . '</span>' : ''; $output .= (isset($value->designation) && $value->designation) ? ' <span class="sppb-addon-testimonial-pro-client-designation">' . $value->designation . '</span>' : ''; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; } $output .= '</div>'; if ($arrow_controls) { $output .= '<div class="sppb-testimonial-pro-arrow-wrap"><a href="#sppb-testimonial-pro-' . $this->addon->id . '" class="left sppb-carousel-control" data-slide="prev" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_PREVIOUS') . '"><i aria-hidden="true" class="fa ' . $left_arrow . '"></i></a>'; $output .= '<a href="#sppb-testimonial-pro-' . $this->addon->id . '" class="right sppb-carousel-control" data-slide="next" aria-label="' . Text::_('COM_SPPAGEBUILDER_ARIA_NEXT') . '"><i aria-hidden="true" class="fa ' . $right_arrow . '"></i></a></div>'; } $output .= '</div>'; return $output; } public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); //Css output start $css = ''; $settings->content_alignment = CSSHelper::parseAlignment($settings, 'content_alignment'); $settings->speed = isset($settings->speed) ? $settings->speed : 600; $settings->avatar_width = isset($settings->avatar_width) ? $settings->avatar_width : (object) ['xl' => 32]; // Avatar Style $css .= $cssHelper->generateStyle('.sppb-testimonial-pro', $settings, ['content_alignment' => 'text-align'], false); $css .= $cssHelper->generateStyle('.sppb-addon-testimonial-pro-footer', $settings, ['content_alignment' => 'justify-content'], false); $css .= $cssHelper->generateStyle('.sppb-item > img', $settings, ['avatar_width' => ['width', 'height']]); $css .= $cssHelper->generateStyle('.sppb-addon-testimonial-pro-footer img', $settings, ['avatar_width' => ['width', 'height']]); $css .= $cssHelper->generateStyle('.sppb-carousel-inner > .sppb-item', $settings, ['speed' => ['-webkit-transition-duration', 'transition-duration']], ['speed' => 'ms']); // Arrow Style $arrowStyleProps = [ 'arrow_height' => ['height', 'line-height'], 'arrow_width' => 'width', 'arrow_background' => 'background-color', 'arrow_color' => 'color', 'arrow_margin' => 'margin', 'arrow_font_size' => 'font-size', 'arrow_border_width' => 'border-width', 'arrow_border_color' => 'border-color', 'arrow_border_radius' => 'border-radius' ]; $arrowStyleUnits = [ 'arrow_background' => false, 'arrow_color' => false, 'arrow_border_color' => false ]; $arrowStyle = $cssHelper->generateStyle('.sppb-testimonial-pro .sppb-carousel-control', $settings, $arrowStyleProps, $arrowStyleUnits); //Arrow hover style $arrowHoverStyle = $cssHelper->generateStyle('.sppb-testimonial-pro .sppb-carousel-control:hover', $settings, ['arrow_hover_background' => 'background-color', 'arrow_hover_color' => 'color', 'arrow_hover_border_color' => 'border-color'], false); // Icon Style $iconStyle = $cssHelper->generateStyle('.sppb-testimonial-pro .fa-quote-left', $settings, ['icon_color' => 'color', 'icon_size' => 'font-size'], ['icon_color' => false]); // Content Style $contentTypographyStyle = $cssHelper->typography('.sppb-testimonial-message', $settings, 'content_typography', [ 'font' => 'content_font_family', 'size' => 'content_fontsize', 'line_height' => 'content_lineheight', 'letter_spacing' => 'content_letterspace', 'weight' => 'content_fontstyle.weight', 'uppercase' => 'content_fontstyle.uppercase', 'italic' => 'content_fontstyle.italic', 'underline' => 'content_fontstyle.underline', ]); $contentStyle = $cssHelper->generateStyle('.sppb-testimonial-message', $settings, ['content_color' => 'color'], false); //Name style $nameTypographyStyle = $cssHelper->typography('.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name', $settings, 'name_typography', [ 'font' => 'name_font_family', 'size' => 'name_font_size', 'line_height' => 'name_line_height', 'letter_spacing' => 'name_letterspace', 'weight' => 'name_font_style.weight', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', ]); $nameStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name', $settings, ['name_color' => 'color'], ['name_color' => false]); // Designation style $designationTypographyStyle = $cssHelper->typography('.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation', $settings, 'designation_typography', [ 'font' => 'designation_font_family', 'size' => 'designation_font_size', 'line_height' => 'designation_line_height', 'letter_spacing' => 'designation_letterspace', 'weight' => 'designation_font_style.weight', 'uppercase' => 'designation_font_style.uppercase', 'italic' => 'designation_font_style.italic', 'underline' => 'designation_font_style.underline', ]); $designationStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation', $settings, ['designation_color' => 'color', 'designation_margin' => 'margin', 'designation_block' => 'display:block;'], ['designation_color' => false, 'designation_margin' => false, 'designation_block' => false], ['designation_margin' => 'spacing']); //Bullet style $bulletStyle = $cssHelper->generateStyle('.sppb-carousel-indicators li', $settings, ['bullet_border_color' => 'border-color'], false); $bulletActiveStyle = $cssHelper->generateStyle('.sppb-carousel-indicators li.active', $settings, ['bullet_active_bg_color' => 'background'], false); $css .= $arrowStyle; $css .= $arrowHoverStyle; $css .= $iconStyle; $css .= $contentTypographyStyle; $css .= $contentStyle; $css .= $nameTypographyStyle; $css .= $nameStyle; $css .= $designationTypographyStyle; $css .= $designationStyle; $css .= $bulletStyle; $css .= $bulletActiveStyle; return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let interval = (data.interval)? (data.interval1000):5000 let autoplay = (data.autoplay)? \'data-sppb-ride="sppb-carousel"\':"" let avatar_size = data.avatar_width \|\| 32 let avatar_shape = data.avatar_shape \|\| "sppb-avatar-circle" let arrow_icon = (!_.isEmpty(data.arrow_icon)) ? data.arrow_icon : "chevron"; let left_arrow =""; let right_arrow = ""; if(arrow_icon=="angle_double"){ left_arrow ="fa-angle-double-left"; right_arrow = "fa-angle-double-right"; } else if(arrow_icon=="arrow"){ left_arrow ="fa-arrow-left"; right_arrow = "fa-arrow-right"; } else if(arrow_icon=="arrow_circle"){ left_arrow ="fa-arrow-circle-o-left"; right_arrow = "fa-arrow-circle-o-right"; } else if(arrow_icon=="long_arrow"){ left_arrow ="fa-long-arrow-left"; right_arrow = "fa-long-arrow-right"; } else if(arrow_icon=="angle"){ left_arrow ="fa-angle-left"; right_arrow = "fa-angle-right"; } else{ left_arrow ="fa-chevron-left"; right_arrow = "fa-chevron-right"; } #> <style type="text/css">'; // Control $output .= $lodash->unit('width', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_width', 'px', false); $output .= $lodash->unit('height', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_height', 'px', false); $output .= $lodash->unit('font-size', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_font_size', 'px', false); $output .= $lodash->color('background-color', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_background'); $output .= $lodash->color('color', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_color'); $output .= $lodash->spacing('margin', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_margin'); $output .= '<# if (data.arrow_height) { #>'; $output .= $lodash->unit('line-height', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_height-data.arrow_border_width', 'px', false); $output .= '<# } #>'; $output .= $lodash->unit('border-width', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_border_width', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_border_radius', 'px', false); $output .= $lodash->border('border-color', '.sppb-testimonial-pro .sppb-carousel-control', 'data.arrow_border_color'); // Control hover $output .= $lodash->border('border-color', '.sppb-testimonial-pro .sppb-carousel-control:hover', 'data.arrow_hover_border_color'); $output .= $lodash->color('background-color', '.sppb-testimonial-pro .sppb-carousel-control:hover', 'data.arrow_hover_background'); $output .= $lodash->color('color', '.sppb-testimonial-pro .sppb-carousel-control:hover', 'data.arrow_hover_color'); // Image $output .= $lodash->unit('width', '.sppb-item > img, .sppb-addon-testimonial-pro-footer img', 'data.avatar_width', 'px'); $output .= $lodash->unit('height', '.sppb-item > img, .sppb-addon-testimonial-pro-footer img', 'data.avatar_width', 'px'); // Quote $output .= '<# if (data.show_quote) { #>'; $output .= $lodash->unit('font-size', '.sppb-testimonial-pro .fa-quote-left', 'data.icon_size', 'px'); $output .= $lodash->color('color', '.sppb-testimonial-pro .fa-quote-left', 'data.icon_color'); $output .= '<# } #>'; // Name $output .= $lodash->color('color', '.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name', 'data.name_color'); $nameTypographyFallbcks = [ 'font' => 'data.name_font_family', 'size' => 'data.name_font_size', 'line_height' => 'data.name_line_height', 'letter_spacing' => 'data.name_letterspace', 'weight' => 'data.name_font_style?.weight', 'uppercase' => 'data.name_font_style?.uppercase', 'italic' => 'data.name_font_style?.italic', 'underline' => 'data.name_font_style?.underline', ]; $output .= $lodash->typography('.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-name', 'data.name_typography', $nameTypographyFallbcks); // Designation $output .= $lodash->color('color', '.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation', 'data.designation_color'); $output .= '<# if (data.designation_block) { #>'; $output .= 'display:block;'; $output .= '<# } #>'; $output .= $lodash->spacing('margin', '.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation', 'data.designation_margin'); $designationTypographyFallbcks = [ 'font' => 'data.designation_font_family', 'size' => 'data.designation_font_size', 'line_height' => 'data.designation_line_height', 'letter_spacing' => 'data.designation_letterspace', 'weight' => 'data.designation_font_style?.weight', 'uppercase' => 'data.designation_font_style?.uppercase', 'italic' => 'data.designation_font_style?.italic', 'underline' => 'data.designation_font_style?.underline', ]; $output .= $lodash->typography('.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation', 'data.designation_typography', $designationTypographyFallbcks); // Content $contentTypographyFallbcks = [ 'font' => 'data.content_font_family', 'size' => 'data.content_fontsize', 'line_height' => 'data.content_lineheight', 'letter_spacing' => 'data.content_letterspace', 'weight' => 'data.content_fontstyle?.weight', 'uppercase' => 'data.content_fontstyle?.uppercase', 'italic' => 'data.content_fontstyle?.italic', 'underline' => 'data.content_fontstyle?.underline', ]; $output .= $lodash->typography('.sppb-testimonial-message', 'data.content_typography', $contentTypographyFallbcks); $output .= $lodash->border('border-color', '.sppb-carousel-indicators li', 'data.bullet_border_color'); $output .= $lodash->border('border-color', '.sppb-carousel-indicators li.active', 'data.bullet_active_bg_color'); $output .= $lodash->border('border-width', '.sppb-carousel-indicators li', 'data.bullet_border_width'); $output .= $lodash->color('background-color', '.sppb-carousel-indicators li.active', 'data.bullet_active_bg_color'); $output .= $lodash->color('color', '.sppb-testimonial-message', 'data.content_color'); $output .= $lodash->spacing('margin', '.sppb-testimonial-message', 'data.content_margin'); $output .= $lodash->alignment('text-align', '#sppb-testimonial-pro-{{ data.id }}', 'data.content_alignment'); $output .= $lodash->alignment('justify-content', '.sppb-addon-testimonial-pro-footer', 'data.content_alignment'); $output .= ' </style> <div id="sppb-testimonial-pro-{{ data.id }}" data-interval="{{ interval }}" class="sppb-carousel sppb-testimonial-pro sppb-slide {{ data.class }}" {{{ autoplay }}}> <# if(data.controls) { #> <ol class="sppb-carousel-indicators"> <# _.each(data.sp_testimonialpro_item, function(item,key){ let activeClass if (key == 0) { activeClass = "class=active" }else{ activeClass = "" } #> <li data-sppb-target="#sppb-testimonial-pro-{{ data.id }}" {{ activeClass }} data-sppb-slide-to="{{ key }}"></li> <# }) #> </ol> <# } #> <# if(data.show_quote){ #> <span class="fa fa-quote-left"></span> <# } #> <div class="sppb-carousel-inner"> <# _.each(data.sp_testimonialpro_item, function(itemSlide, index) { let slideActClass = "" if (index == 0) { slideActClass = " active" } else { slideActClass = "" } #> <div class="sppb-item{{ slideActClass }}"> <# var avatarImg = {} if (typeof itemSlide.avatar !== "undefined" && typeof itemSlide.avatar.src !== "undefined") { avatarImg = itemSlide.avatar } else { avatarImg = {src: itemSlide.avatar} } if (data.avatar_on_top === 1 \|\| data.avatar_on_top) { if (!_.isEmpty(avatarImg.src)) { #> <# if(avatarImg.src.indexOf("https://") == -1 && avatarImg.src.indexOf("http://") == -1){ #> <img class="{{ avatar_shape }}" src=\'{{ pagebuilder_base + avatarImg.src }}\' alt=""> <# } else { #> <img class="{{ avatar_shape }}" src=\'{{ avatarImg.src }}\' alt=""> <# } #> <# } } #> <div class="sppb-testimonial-message sp-editable-content" id="addon-message-{{data.id}}-{{index}}" data-id={{data.id}} data-fieldName="sp_testimonialpro_item-{{index}}-message">{{{ itemSlide.message }}}</div> <div class="sppb-addon-testimonial-pro-footer"> <# if (!data.avatar_on_top) { if (avatarImg.src) { #> <# if(avatarImg.src.indexOf("https://") == -1 && avatarImg.src.indexOf("http://") == -1){ #> <img class="{{ avatar_shape }}" src=\'{{ pagebuilder_base + avatarImg.src }}\' alt=""> <# } else { #> <img class="{{ avatar_shape }}" src=\'{{ avatarImg.src }}\' alt=""> <# } #> <# } } #> <div class="testimonial-pro-client-name-wrap"> <# if( !_.isEmpty(itemSlide.title) ) { #> <span class="sppb-addon-testimonial-pro-client-name">{{{ itemSlide.title }}}</span> <# if( !_.isEmpty(itemSlide.url) ) { #>  <span class="sppb-addon-testimonial-pro-client-url">{{ itemSlide.url }}</span> <# } if( !_.isEmpty(itemSlide.designation) ) { #>  <span class="sppb-addon-testimonial-pro-client-designation">{{{ itemSlide.designation }}}</span> <# } } #> </div> </div> </div> <# }) #> </div> <# if(data.arrow_controls) { #> <div class="sppb-testimonial-pro-arrow-wrap"> <a href="#sppb-testimonial-pro-{{ data.id }}" class="left sppb-carousel-control" data-slide="prev"><i class="fa {{left_arrow}}"></i></a> <a href="#sppb-testimonial-pro-{{ data.id }}" class="right sppb-carousel-control" data-slide="next"><i class="fa {{right_arrow}}"></i></a> </div> <# } #> </div> '; return $output; } } ��testimonialpro/admin.php��0000644��00000031605�15231074400�0011417 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'testimonialpro', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_DESC'), 'category' => 'Slider', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M12 3.329c0 .507.412.92.92.92h1.039v.394c0 .704-.485 1.3-1.144 1.464-.197.049-.364.21-.364.412V7.65c0 .203.165.37.367.348a3.384 3.384 0 003.007-3.355V.92a.92.92 0 00-.92-.919H12.92A.92.92 0 0012 .92v2.409zM16.8 3.329c0 .507.412.92.92.92h1.039v.394c0 .704-.485 1.3-1.144 1.464-.197.049-.364.21-.364.412V7.65c0 .203.165.37.367.348a3.384 3.384 0 003.007-3.355V.92a.92.92 0 00-.92-.919H17.72a.92.92 0 00-.92.92v2.409z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M2 13c0-.552.464-1 1.037-1h25.926c.573 0 1.037.448 1.037 1s-.464 1-1.037 1H3.037C2.464 14 2 13.552 2 13zM2 17c0-.552.464-1 1.037-1h25.926c.573 0 1.037.448 1.037 1s-.464 1-1.037 1H3.037C2.464 18 2 17.552 2 17zM10 21a1 1 0 011-1h10a1 1 0 110 2H11a1 1 0 01-1-1z" fill="currentColor"/><circle opacity=".5" cx="10.5" cy="30.5" r="1.5" fill="currentColor"/><circle opacity=".5" cx="22.5" cy="30.5" r="1.5" fill="currentColor"/><circle cx="16.5" cy="30.5" r="1.5" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_testimonialpro_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_TESTIMONIALS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NAME'), 'std' => 'John Doe', ], 'designation' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DESIGNATION'), ], 'url' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), ], 'avatar' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_AVATAR'), ], 'message' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MESSAGE'), 'std' => 'Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.' ], ], ], 'content_alignment_separator' => [ 'type' => 'separator', ], 'content_alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ], ], ], ], 'name_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NAME'), 'fields' => [ 'name_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'name_font_family', 'size' => 'name_font_size', 'line_height' => 'name_line_height', 'letter_spacing' => 'name_letterspace', 'weight' => 'name_font_style.weight', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', ], ], 'name_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ], ], 'designation_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DESIGNATION'), 'fields' => [ 'designation_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'designation_font_family', 'size' => 'designation_font_size', 'line_height' => 'designation_line_height', 'letter_spacing' => 'designation_letterspace', 'weight' => 'designation_font_style.weight', 'uppercase' => 'designation_font_style.uppercase', 'italic' => 'designation_font_style.italic', 'underline' => 'designation_font_style.underline', ], ], 'designation_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ], ], 'message_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MESSAGE'), 'fields' => [ 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_font_family', 'size' => 'content_fontsize', 'line_height' => 'content_lineheight', 'letter_spacing' => 'content_letterspace', 'weight' => 'content_fontstyle.weight', 'uppercase' => 'content_fontstyle.uppercase', 'italic' => 'content_fontstyle.italic', 'underline' => 'content_fontstyle.underline', ], ], 'content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], ], ], 'avatar' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_AVATAR'), 'fields' => [ 'avatar_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => ['xl' => 32], 'min' => 16, 'max' => 128, 'responsive' => true, ], 'avatar_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SHAPE'), 'values' => [ 'sppb-avatar-sqaure' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SQUARE'), 'sppb-avatar-round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ROUNDED'), 'sppb-avatar-circle' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CIRCLE'), ], 'std' => 'sppb-avatar-circle' ], 'avatar_on_top' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_AVATAR_ON_TOP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_AVATAR_ON_TOP_DESC'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], ], ], 'quote' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_QUOTE_ICON'), 'fields' => [ 'show_quote' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_QUOTE_ICON'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, 'is_header' => 1, ], 'icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 48], 'min' => 10, 'max' => 200, 'responsive' => true, 'depends' => [['show_quote', '=', 1]], ], 'icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#EDEEF2', 'depends' => [['show_quote', '=', 1]], ], ], ], 'carousel_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_AUTOPLAY_DESC'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_INTERVAL_DESC'), 'std' => 5, 'depends' => [['autoplay', '=', 1]] ], 'speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_SPEED_DESC'), 'std' => 600, ], 'controls_separator' => [ 'type' => 'separator', ], 'controls' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS_DESC'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'bullet_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['controls', '=', 1]], ], 'bullet_active_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR_ACTIVE'), 'depends' => [['controls', '=', 1]], ], 'arrow_controls_separator' => [ 'type' => 'separator', ], 'arrow_controls' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_SHOW_ARROWS_DESC'), 'std' => 0, ], 'arrow_icon' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON'), 'values' => [ 'angle' => 'Angle', 'angle_double' => 'Angle Double', 'arrow' => 'Arrow', 'arrow_circle' => 'Arrow Circle', 'long_arrow' => 'Long Arrow', 'chevron' => 'Chevron', ], 'std' => 'bottom-left', 'inline' => true, 'depends' => [['arrow_controls', '=', 1]], ], 'arrow_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 200, 'min' => 10, 'depends' => [['arrow_controls', '=', 1]], ], 'arrow_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 200, 'min' => 10, 'depends' => [['arrow_controls', '=', 1]], ], 'arrow_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 100, 'depends' => [['arrow_controls', '=', 1]], ], 'tab_arrows_separator' => [ 'type' => 'separator', ], 'tab_arrows' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'] ], 'std' => 'normal', ], 'arrow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'normal']] ], 'arrow_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'normal']] ], 'arrow_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 20, 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'normal']], ], 'arrow_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'normal']] ], 'arrow_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 100, 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'normal']], ], 'arrow_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'hover']] ], 'arrow_hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'hover']] ], 'arrow_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['controls', '=', 1], ['tab_arrows', '=', 'hover']] ], // @todo: arrow_margin is not working 'arrow_margin_separator' => [ 'type' => 'separator', 'depends' => [['arrow_controls', '=', 1]], ], 'arrow_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => ['xl' => '5px 5px 0px 5px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'depends' => [['arrow_controls', '=', 1]], ], ], ], ], ]); ��testimonialpro/.htaccess��0000555��00000000355�15231074400�0011413 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flickr/assets/images/icon.png��0000644��00000002776�15231074400�0012233 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:BA5EC01240E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:BA5EC01340E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:BA5EC01040E011E69A38F8F21A167467" stRef:documentID="xmp.did:BA5EC01140E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>0��lIDATx�욋m�0� �A� B7�0BF`��$�N6��l@M{H�t<�"4��g�m�wm��r�� 0�0�� 0��HY��,V�гN5Y��[�e#�&�sLϟ�k=��T�YY�a��b�tME�v��b�jX��"��( \��.��0��2J��̧�a?ҹ��{�� U�A�~eD��;=�I��n�)!�y���i��&���T�:`�z)u�I�#\�ϱ'G�� v@��h��:s��2��z-�Lņ��wt��S4)v�)<�ؓ�"��cN��ݢ��T�˼��b##YitISI��ח��k��{�W%l�]k�� u�{oP~?R�/ ��D0��`�e��R]ktp��4��h]�� `�Z��l�.#`� m�-S��\4lV�_`ו{,��+wp��l\56�x52x5�˷��7�w�w8M � �)Ïf3��~D��%�� F�\|��ǩ�!�;��+.�̤�#�rݩ�&�@�.�i ��0�0�0��0�0�{K�0��~F��%��IEND�B`��flickr/assets/images/.htaccess��0000555��00000000355�15231074400�0012363 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flickr/assets/.htaccess��0000555��00000000355�15231074400�0011116 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flickr/site.php��0000644��00000014201�15231074400�0007465 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Factory; use Joomla\CMS\Filesystem\Folder; use Joomla\CMS\Filesystem\File; use Joomla\CMS\Http\Http; use Joomla\CMS\Uri\Uri; class SppagebuilderAddonFlickr extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? ' ' . $this->addon->settings->class : ''; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; $count = (isset($this->addon->settings->count) && $this->addon->settings->count) ? $this->addon->settings->count : 0; $api_code = (isset($this->addon->settings->api) && $this->addon->settings->api) ? $this->addon->settings->api : '2fc5721d612333f915b8ab6c9def835f'; $images = $this->getImages(); // Output $output = '<div class="sppb-addon sppb-addon-flickr ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= '<ul class="sppb-flickr-gallery">'; if ($api_code === '2fc5721d612333f915b8ab6c9def835f') { for ($i = 0; $i < $count; $i++) { $output .= '<li>'; $output .= '<a target="_blank" rel="noopener noreferrer" href="' . str_replace('_m', '_b', $images[$i]->media->m) . '" class="sppb-flickr-gallery-btn">'; $output .= '<img class="sppb-img-responsive" src="' . str_replace('_m', '_q', $images[$i]->media->m) . '" alt="' . $images[$i]->title . '" loading="lazy">'; $output .= '</a>'; $output .= '</li>'; } } else { foreach ($images as $image) { $image_url = "https://farm" . $image->farm . ".staticflickr.com/" . $image->server . "/" . $image->id . "_" . $image->secret . "_b.jpg"; $output .= '<li>'; $output .= '<a target="_blank" rel="noopener noreferrer" href="' . $image_url . '" class="sppb-flickr-gallery-btn">'; $output .= '<img class="sppb-img-responsive" src="' . substr_replace($image_url, "_q", -6, 2) . '" alt="' . $image->title . '" loading="lazy">'; $output .= '</a>'; $output .= '</li>'; } } $output .= '</ul>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $thumb_per_row = (isset($this->addon->settings->thumb_per_row) && $this->addon->settings->thumb_per_row) ? $this->addon->settings->thumb_per_row : 4; $width = round((100 / $thumb_per_row), 2); $settings->flickr_thumbnail_width = $width; $css = ''; if ($thumb_per_row) { $thumbStyle = $cssHelper->generateStyle('.sppb-flickr-gallery li', $settings, ['flickr_thumbnail_width' => 'height: auto; width: %s'], '%'); $css .= $thumbStyle; } return $css; } /* * Attach external stylesheets. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Attach external scripts. * * @return void * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Attach inline JavaScript. * * @return void * @since 1.0.0 / public function js() { $addon_id = '#sppb-addon-' . $this->addon->id; $js = 'jQuery(function($){ $("' . $addon_id . ' ul li").magnificPopup({ delegate: "a", type: "image", mainClass: "mfp-no-margins mfp-with-zoom", gallery:{ enabled:true }, image: { verticalFit: true }, zoom: { enabled: true, duration: 300 } }); })'; return $js; } /* * Get images for flickr gallery. * * @return array * @since 1.0.0 / private function getImages() { $cache_path = JPATH_CACHE . '/com_sppagebuilder/addons/addon-' . $this->addon->id; $cache_file = $cache_path . '/flickr.json'; if (!Folder::exists($cache_path)) { Folder::create($cache_path, 0755); } if (File::exists($cache_file) && (filemtime($cache_file) > (time() - 60 30))) { $images = file_get_contents($cache_file); } else { $id = (isset($this->addon->settings->id) && $this->addon->settings->id) ? $this->addon->settings->id : '35591378@N03'; $api_code = (isset($this->addon->settings->api) && $this->addon->settings->api) ? $this->addon->settings->api : '2fc5721d612333f915b8ab6c9def835f'; $count = (isset($this->addon->settings->count) && $this->addon->settings->count) ? $this->addon->settings->count : 0; if ($api_code == '2fc5721d612333f915b8ab6c9def835f') { $api = 'https://api.flickr.com/services/feeds/photos_public.gne?id=' . $id . '&format=json&nojsoncallback=1'; } else { $api = 'https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=' . $api_code . '&user_id=' . $id . '&per_page=' . $count . '&format=json&nojsoncallback=1'; } $http = new Http; $imagesResponse = $http->get($api); $images = $imagesResponse->body; if ($imagesResponse->code !== 200) { // throw new Exception($imagesResponse->error->message); } if (!empty($images)) { File::write($cache_file, $images); } } $json = json_decode($images); if (isset($json->photos->photo)) { return $json->photos->photo; } elseif (isset($json->items)) { return $json->items; } return array(); } } ��flickr/admin.php��0000644��00000006616�15231074400�0007624 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'flickr', 'category' => 'Social', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 21.7a5.2 5.2 0 100-10.4 5.2 5.2 0 000 10.4zm0 2.3a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M24.5 21.7a5.2 5.2 0 100-10.4 5.2 5.2 0 000 10.4zm0 2.3a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'id' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_ID'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_ID_DESC'), 'inline' => true, ], 'api' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_API'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_API_DESC'), 'inline' => true, ], 'count' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_COUNT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLICKR_COUNT_DESC'), 'min' => 1, 'max' => 100, 'std' => 6, ], 'thumb_per_row' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_THUMB_PER_ROW'), 'min' => 1, 'max' => 100, 'std' => 4, ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GLOBAL_COLOR') ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��flickr/.htaccess��0000555��00000000355�15231074400�0007614 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��soundcloud/assets/images/icon.png��0000644��00000003041�15231074400�0013122 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:253FD1D040E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:253FD1D140E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:253FD1CE40E011E69A38F8F21A167467" stRef:documentID="xmp.did:253FD1CF40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>Ҧ�c��IDATx��m�0�b��N�0a�f�� 4��v��Q�%c9/A�8G�?��4��A�5�0�0��0�0�0��4��g�2[��o��,R�VvTv�`Gz~tO�DMHyvh܀�G��ɂ��v�� M)�B��v�Ot��a�q�� J�)�PX��O�� 8m)+Se�ql�S X��j� <��B�\�=��/Ԅ��9'0K�ۗ婦�y�k.a�?І!0i�g�%�}N.V��M�F��6��B.0�vߴ���m�> ��ff��[��d�KrgV��E�ˀ��~��R;P��&��M+�#��) \PX�W;m��f̱�� W��&��ܫ��fg3��jp�؞n��L1��Y¡�Y!9�\l<~F+ׇ�e��q�xs�܀�/\�y4��a��h.M�\O�`�2��w�V,{ol;4�&��;>�C��dDCfD8��̀�;�� s��uohl\��cʘ�H1��]if�GEI?1�i��Z��V��c;U��QhlЊ�$U�ڜ�ǵ�Ӻ�Q(~�3M ��(�� 0�0�� >�1�m��IEND�B`��soundcloud/assets/images/.htaccess��0000555��00000000355�15231074400�0013270 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��soundcloud/assets/.htaccess��0000555��00000000355�15231074400�0012023 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��soundcloud/site.php��0000644��00000006237�15231074400�0010404 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonSoundcloud extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; // Options $embed = (isset($this->addon->settings->embed) && $this->addon->settings->embed) ? $this->addon->settings->embed : ''; // Output if ($embed) { $output = '<div class="sppb-addon sppb-addon-soundcloud ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-embed-responsive sppb-embed-responsive-16by9">'; $output .= $embed; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } return; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= ' </style> <div class="sppb-addon sppb-addon-soundcloud {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ data.heading_selector }}><# } #> <div class="sppb-iframe-drag-overlay"></div> <div class="sppb-addon-content"> <div class="sppb-embed-responsive sppb-embed-responsive-16by9"> {{{ data.embed }}} </div> </div> </div> '; return $output; } } ��soundcloud/admin.php��0000644��00000010436�15231074400�0010524 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'soundcloud', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SOUNDCLOUD'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SOUNDCLOUD_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M31.536 17.71c-.7-1.74-2.752-3.263-5.112-3.296a9.442 9.442 0 00-3.266-5.41 8.847 8.847 0 00-6.619-1.946.999.999 0 00-.888.993v16.61a1.01 1.01 0 001.006 1.005h9.86c3.791 0 6.638-3.94 5.02-7.955zm-5.02 5.957h-8.863V9.002a6.881 6.881 0 014.246 1.554 7.448 7.448 0 012.687 5.048c.057.6.63 1.01 1.207.883 1.84-.399 3.465.915 3.891 1.972 1.08 2.688-.78 5.208-3.168 5.208zM13.74 24.667V10.564c0-1.322-2-1.324-2 0v14.103c0 1.322 2 1.323 2 0z" fill="currentColor"/><path opacity=".5" d="M9.825 24.667V14.41c0-1.323-2-1.324-2 0v10.256c0 1.322 2 1.323 2 0z" fill="currentColor"/><path d="M5.913 24.667V14.41c0-1.323-2-1.324-2 0v10.256c0 1.322 2 1.323 2 0z" fill="currentColor"/><path opacity=".5" d="M2 24.667v-7.692c0-1.323-2-1.324-2 0v7.692c0 1.322 2 1.323 2 0z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'embed' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_SOUNDCLOUD_EMBED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_SOUNDCLOUD_EMBED_DESC'), 'std' => '<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/28830162&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>', ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��soundcloud/.htaccess��0000555��00000000355�15231074400�0010521 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��flip_box_pro/site.php��0000644��00000171073�15231074400�0010710 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; /* * Flip box pro addon class. * * @since 4.0.0 / class SppagebuilderAddonFlip_box_pro extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 4.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; // front content $front_add_icon = (isset($settings->front_add_icon) && $settings->front_add_icon) ? $settings->front_add_icon : 0; $front_icon = (isset($settings->front_icon) && $settings->front_icon) ? $settings->front_icon : ""; $front_add_title = (isset($settings->front_add_title) && $settings->front_add_title) ? $settings->front_add_title : 0; $front_title = (isset($settings->front_title) && $settings->front_title) ? $settings->front_title : ""; $front_add_paragraph = (isset($settings->front_add_paragraph) && $settings->front_add_paragraph) ? $settings->front_add_paragraph : 0; $front_paragraph = (isset($settings->front_paragraph) && $settings->front_paragraph) ? $settings->front_paragraph : ""; // back content $back_add_icon = (isset($settings->back_add_icon) && $settings->back_add_icon) ? $settings->back_add_icon : 0; $back_icon = (isset($settings->back_icon) && $settings->back_icon) ? $settings->back_icon : ""; $back_add_title = (isset($settings->back_add_title) && $settings->back_add_title) ? $settings->back_add_title : 0; $back_title = (isset($settings->back_title) && $settings->back_title) ? $settings->back_title : ""; $back_add_paragraph = (isset($settings->back_add_paragraph) && $settings->back_add_paragraph) ? $settings->back_add_paragraph : 0; $back_paragraph = (isset($settings->back_paragraph) && $settings->back_paragraph) ? $settings->back_paragraph : ""; // front button options $front_add_button = (isset($settings->front_add_button) && $settings->front_add_button) ? $settings->front_add_button : 0; $front_show_button = $settings->flip_behavior == "click" && $front_add_button && (isset($settings->front_button_text) && trim($settings->front_button_text)); $front_button_text = (isset($settings->front_button_text) && trim($settings->front_button_text)) ? $settings->front_button_text : ""; $front_btn_class = ''; $front_btn_class .= (isset($settings->front_button_type) && $settings->front_button_type) ? ' sppb-btn-' . $settings->front_button_type : ''; $front_btn_class .= (isset($settings->front_button_size) && $settings->front_button_size) ? ' sppb-btn-' . $settings->front_button_size : ''; $front_btn_class .= (isset($settings->front_shape) && $settings->front_shape) ? ' sppb-btn-' . $settings->front_shape : ' sppb-btn-rounded'; $front_btn_class .= (isset($settings->front_appearance) && $settings->front_appearance) ? ' sppb-btn-' . $settings->front_appearance : ''; $front_btn_class .= (isset($settings->front_block) && $settings->front_block) ? ' ' . $settings->front_block : ''; $front_btn_icon = (isset($settings->front_flip_box_icon) && $settings->front_flip_box_icon) ? $settings->front_flip_box_icon : ''; $front_btn_icon_position = (isset($settings->front_flip_box_button_icon_position) && $settings->front_flip_box_button_icon_position) ? $settings->front_flip_box_button_icon_position : 'left'; list($btn_link, $front_btn_link_target) = AddonHelper::parseLink($settings, 'front_flip_box_button_link', ['url' => 'front_flip_box_button_link', 'new_tab' => 'btn_target']); $front_attribs = (isset($front_btn_link_target) && $front_btn_link_target) ? $front_btn_link_target : ''; $front_attribs .= (!empty($btn_link)) ? ' href="' . $btn_link . '"' : ''; $front_attribs .= ' id="btn-' . $this->addon->id . '"'; $front_icon_arr = array_filter(explode(' ', $front_btn_icon)); $front_btn_icon = $front_btn_icon; if (count($front_icon_arr) === 1) { $front_btn_icon = 'fas ' . $front_btn_icon; } if ($front_btn_icon_position === 'left') { $front_button_text = ($front_btn_icon) ? '<i class="' . $front_btn_icon . '" aria-hidden="true"></i> ' . $front_button_text : $front_button_text; } else { $front_button_text = ($front_btn_icon) ? $front_button_text . ' <i class="' . $front_btn_icon . '" aria-hidden="true"></i>' : $front_button_text; } // back button options $back_add_button = (isset($settings->back_add_button) && $settings->back_add_button) ? $settings->back_add_button : 0; $back_show_button = $back_add_button && (isset($settings->back_button_text) && trim($settings->back_button_text)); $back_button_text = (isset($settings->back_button_text) && trim($settings->back_button_text)) ? $settings->back_button_text : ""; $back_btn_class = ''; $back_btn_class .= (isset($settings->back_button_type) && $settings->back_button_type) ? ' sppb-btn-' . $settings->back_button_type : ''; $back_btn_class .= (isset($settings->back_button_size) && $settings->back_button_size) ? ' sppb-btn-' . $settings->back_button_size : ''; $back_btn_class .= (isset($settings->back_shape) && $settings->back_shape) ? ' sppb-btn-' . $settings->back_shape : ' sppb-btn-rounded'; $back_btn_class .= (isset($settings->back_appearance) && $settings->back_appearance) ? ' sppb-btn-' . $settings->back_appearance : ''; $back_btn_class .= (isset($settings->back_block) && $settings->back_block) ? ' ' . $settings->back_block : ''; $back_btn_icon = (isset($settings->back_flip_box_icon) && $settings->back_flip_box_icon) ? $settings->back_flip_box_icon : ''; $back_btn_icon_position = (isset($settings->back_flip_box_button_icon_position) && $settings->back_flip_box_button_icon_position) ? $settings->back_flip_box_button_icon_position : 'left'; list($btn_link, $back_btn_link_target) = AddonHelper::parseLink($settings, 'back_flip_box_button_link', ['url' => 'back_flip_box_button_link', 'new_tab' => 'btn_target']); $back_attribs = (isset($back_btn_link_target) && $back_btn_link_target) ? $back_btn_link_target : ''; $back_attribs .= (!empty($btn_link)) ? ' href="' . $btn_link . '"' : ''; $back_attribs .= ' id="btn-' . $this->addon->id . '"'; $back_icon_arr = array_filter(explode(' ', $back_btn_icon)); $back_btn_icon = $back_btn_icon; if (count($back_icon_arr) === 1) { $back_btn_icon = 'fas ' . $back_btn_icon; } if ($back_btn_icon_position === 'left') { $back_button_text = ($back_btn_icon) ? '<i class="' . $back_btn_icon . '" aria-hidden="true"></i> ' . $back_button_text : $back_button_text; } else { $back_button_text = ($back_btn_icon) ? $back_button_text . ' <i class="' . $back_btn_icon . '" aria-hidden="true"></i>' : $back_button_text; } $rotate = (isset($settings->rotate) && $settings->rotate) ? $settings->rotate : 'flip_right'; // Flip Behavior $flip_behavior = (isset($settings->flip_behavior) && $settings->flip_behavior) ? $settings->flip_behavior : 'hover'; //Flip Style $flip_style = (isset($settings->flip_style) && $settings->flip_style) ? $settings->flip_style : 'rotate_style'; if ($flip_style != "") { if ($flip_style == "slide_style") { $flip_style = "slide-flipbox"; } else if ($flip_style == "fade_style") { $flip_style = "fade-flipbox"; } else if ($flip_style == "threeD_style") { $flip_style = "threeD-flipbox"; } } $output = ''; $output .= '<div class="sppb-addon sppb-addon-sppb-flibox ' . $class . ' ' . $flip_style . ' ' . $rotate . ' flipon-' . $flip_behavior . '">'; if ($flip_style == 'threeD-flipbox') { $output .= '<div class="threeD-content-wrap">'; $output .= '<div class="threeD-item">'; $output .= '<div class="threeD-flip-front">'; $output .= '<div class="threeD-content-inner">'; if ($front_add_icon) { $output .= '<div class="sppb-flipbox-front-icon" data-fieldName="front_icon"> <i class="'; $output .= $front_icon; $output .= '"></i> </div>'; } if ($front_add_title) { $output .= '<div class="sppb-flipbox-front-title" data-fieldName="front_title">'; $output .= $front_title; $output .= '</div>'; } if ($front_add_paragraph) { $output .= '<div class="sppb-flipbox-front-paragraph" data-fieldName="front_paragraph">'; $output .= $front_paragraph; $output .= '</div>'; } if ($front_show_button) { $output .= '<div class="sppb-flipbox-front-button" data-fieldName="front_button">'; $output .= '<a ' . $front_attribs . ' class="sppb-btn ' . $front_btn_class . '">' . $front_button_text . '</a>'; $output .= '</div>'; } $output .= '</div>'; $output .= '</div>'; $output .= '<div class="threeD-flip-back">'; $output .= '<div class="threeD-content-inner">'; if ($back_add_icon) { $output .= '<div class="sppb-flipbox-back-icon" data-fieldName="back_icon"> <i class="'; $output .= $back_icon; $output .= '"></i> </div>'; } if ($back_add_title) { $output .= '<div class="sppb-flipbox-back-title" data-fieldName="back_title">'; $output .= $back_title; $output .= '</div>'; } if ($back_add_paragraph) { $output .= '<div class="sppb-flipbox-back-paragraph" data-fieldName="back_paragraph">'; $output .= $back_paragraph; $output .= '</div>'; } if ($back_show_button) { $output .= '<div class="sppb-flipbox-back-button" data-fieldName="back_button">'; $output .= '<a ' . $back_attribs . ' class="sppb-btn ' . $back_btn_class . '">' . $back_button_text . '</a>'; $output .= '</div>'; } $output .= '</div>'; $output .= '</div >'; $output .= '</div>'; //.threeD-item $output .= '</div>'; //.threeD-content-wrap } else { $output .= '<div class="sppb-flipbox-panel">'; $output .= '<div class="sppb-flipbox-front flip-box">'; $output .= '<div class="flip-box-inner">'; if ($front_add_icon) { $output .= '<div class="sppb-flipbox-front-icon" data-fieldName="front_icon"> <i class="'; $output .= $front_icon; $output .= '"></i> </div>'; } if ($front_add_title) { $output .= '<div class="sppb-flipbox-front-title" data-fieldName="front_title">'; $output .= $front_title; $output .= '</div>'; } if ($front_add_paragraph) { $output .= '<div class="sppb-flipbox-front-paragraph" data-fieldName="front_paragraph">'; $output .= $front_paragraph; $output .= '</div>'; } if ($front_show_button) { $output .= '<div class="sppb-flipbox-front-button" data-fieldName="front_title">'; $output .= '<a ' . $front_attribs . ' class="sppb-btn ' . $front_btn_class . '">' . $front_button_text . '</a>'; $output .= '</div>'; } $output .= '</div>'; //.flip-box-inner $output .= '</div>'; //.front $output .= '<div class="sppb-flipbox-back flip-box">'; $output .= '<div class="flip-box-inner">'; if ($back_add_icon) { $output .= '<div class="sppb-flipbox-back-icon" data-fieldName="back_icon"> <i class="'; $output .= $back_icon; $output .= '"></i> </div>'; } if ($back_add_title) { $output .= '<div class="sppb-flipbox-back-title" data-fieldName="back_title">'; $output .= $back_title; $output .= '</div>'; } if ($back_add_paragraph) { $output .= '<div class="sppb-flipbox-back-paragraph" data-fieldName="back_paragraph">'; $output .= $back_paragraph; $output .= '</div>'; } if ($back_show_button) { $output .= '<div class="sppb-flipbox-back-button" data-fieldName="back_title">'; $output .= '<a ' . $back_attribs . ' class="sppb-btn ' . $back_btn_class . '">' . $back_button_text . '</a>'; $output .= '</div>'; } $output .= '</div>'; //.flip-box-inner $output .= '</div>'; //.back $output .= '</div>'; //.sppb-flipbox-panel } $output .= '</div>'; //.sppb-addon-sppb-flibox return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 4.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $flip_style = (isset($settings->flip_style) && $settings->flip_style) ? $settings->flip_style : 'rotate_style'; if ($flip_style != "") { if ($flip_style == "slide_style") { $flip_style = "slide-flipbox"; } else if ($flip_style == "fade_style") { $flip_style = "fade-flipbox"; } else if ($flip_style == "threeD_style") { $flip_style = "threeD-flipbox"; } } $border_styles = isset($settings->border_styles) && ($settings->border_styles) ? $settings->border_styles : ""; $flip_styles = ""; if (is_array($border_styles)) { if (in_array('border_radius', $border_styles)) { $flip_styles .= "border-style: dashed;"; } if (in_array('dashed', $border_styles)) { $flip_styles .= "border-style: solid;"; } if (in_array('dotted', $border_styles)) { $flip_styles .= "border-style: dotted;"; } if (in_array('border_radius', $border_styles) \|\| in_array('dashed', $border_styles) \|\| in_array('dotted', $border_styles)) { $flip_styles .= "border-width: 2px;"; $flip_styles .= "border-color:" . $settings->border_color . ";"; } } $css .= ' #sppb-addon-{{ data.id }} .sppb-flipbox-panel, #sppb-addon-{{ data.id }} .threeD-item{' . $flip_styles . '}'; // Front BG style $front_bg_type = (isset($settings->front_bg_type) && ($settings->front_bg_type)) ? $settings->front_bg_type : "color"; $front_bg_inner_type = (isset($settings->front_bg_type) && ($settings->front_bg_inner_type)) ? $settings->front_bg_inner_type : "none"; $frontBgProps = ''; $frontBgStyle = ''; if ($front_bg_type == "color") { if ($front_bg_inner_type == "color") { $frontBgProps = ['front_bg_color' => 'background: %s']; $frontBgStyle = $cssHelper->generateStyle('.sppb-flipbox-front, .threeD-flip-front', $settings, $frontBgProps, false); } if ($front_bg_inner_type == "gradient") { $settings->front_bg_gradient = CSSHelper::parseColor($settings, 'front_bg_gradient'); $frontBgProps = ['front_bg_gradient' => 'background: %s']; $frontBgStyle = $cssHelper->generateStyle('.sppb-flipbox-front, .threeD-flip-front', $settings, $frontBgProps, false); } } $frontImg = array(); $front_bgimg = ""; if ($front_bg_type == "image") { if (isset($settings->front_bgimg) && isset($settings->front_bgimg->src)) { $frontImg = $settings->front_bgimg; } else { $frontImg = array('src' => $settings->front_bgimg); } $front_bgimg_src = isset($frontImg->src) ? $frontImg->src : $front_bgimg; if ($front_bgimg_src) { if (preg_match("@^https?:\/\/@", $front_bgimg_src)) { $front_bgimg = $front_bgimg_src; } else { $front_bgimg = Uri::root() . $front_bgimg_src; } $settings->front_bg_image = $front_bgimg; } $frontBgProps = ['front_bg_image' => 'background-image: url(%s)']; $frontBgStyle = $cssHelper->generateStyle('.sppb-flipbox-front, .threeD-flip-front', $settings, $frontBgProps, false); } // Back BG style $back_bg_type = (isset($settings->back_bg_type) && ($settings->back_bg_type)) ? $settings->back_bg_type : "color"; $back_bg_inner_type = (isset($settings->back_bg_type) && ($settings->back_bg_inner_type)) ? $settings->back_bg_inner_type : "none"; $backBgProps = ''; $backBgStyle = ''; if ($back_bg_type == "color") { if ($back_bg_inner_type == "color") { $backBgProps = ['back_bg_color' => 'background: %s']; $backBgStyle = $cssHelper->generateStyle('.sppb-flipbox-back, .threeD-flip-back', $settings, $backBgProps, false); } if ($back_bg_inner_type == "gradient") { $settings->back_bg_gradient = CSSHelper::parseColor($settings, 'back_bg_gradient'); $backBgProps = ['back_bg_gradient' => 'background: %s']; $backBgStyle = $cssHelper->generateStyle('.sppb-flipbox-back, .threeD-flip-back', $settings, $backBgProps, false); } } $backImg = array(); $back_bgimg = ""; if ($back_bg_type == "image") { if (isset($settings->back_bgimg) && isset($settings->back_bgimg->src)) { $backImg = $settings->back_bgimg; } else { $backImg = array('src' => $settings->back_bgimg); } $back_bgimg_src = isset($backImg->src) ? $backImg->src : $back_bgimg; if ($back_bgimg_src) { if (preg_match("@^https?:\/\/@", $back_bgimg_src)) { $back_bgimg = $back_bgimg_src; } else { $back_bgimg = Uri::root() . $back_bgimg_src; } $settings->back_bg_image = $back_bgimg; } $backBgProps = ['back_bg_image' => 'background-image: url(%s)']; $backBgStyle = $cssHelper->generateStyle('.sppb-flipbox-back, .threeD-flip-back', $settings, $backBgProps, false); } // radius $front_border_radius = explode(" ", $settings->front_flip_box_radius); $frontBorderRadius = ''; if (count($front_border_radius) > 2) { $frontBorderRadius = $cssHelper->generateStyle('.sppb-flipbox-front, .threeD-flip-front', $settings, ['front_flip_box_radius' => 'border-radius'], ['front_flip_box_radius' => false]); } else { $frontBorderRadius = $cssHelper->generateStyle('.sppb-flipbox-front, .threeD-flip-front', $settings, ['front_flip_box_radius' => 'border-radius']); } $back_border_radius = explode(" ", $settings->back_flip_box_radius); $backBorderRadius = ''; if (count($back_border_radius) > 2) { $backBorderRadius = $cssHelper->generateStyle('.sppb-flipbox-back, .threeD-flip-back', $settings, ['back_flip_box_radius' => 'border-radius'], ['back_flip_box_radius' => false]); } else { $backBorderRadius = $cssHelper->generateStyle('.sppb-flipbox-back, .threeD-flip-back', $settings, ['back_flip_box_radius' => 'border-radius']); } // color $frontTitleColor = $cssHelper->generateStyle('.sppb-flipbox-front-title', $settings, ['front_title_text_color' => 'color'], false); $backTitleColor = $cssHelper->generateStyle('.sppb-flipbox-back-title', $settings, ['back_title_text_color' => 'color'], false); $frontParagraphColor = $cssHelper->generateStyle('.sppb-flipbox-front-paragraph', $settings, ['front_paragraph_text_color' => 'color'], false); $backParagraphColor = $cssHelper->generateStyle('.sppb-flipbox-back-paragraph', $settings, ['back_paragraph_text_color' => 'color'], false); $frontIconColor = ''; if (isset($settings->front_global_background_type) && $settings->front_global_background_type == "color") { $frontIconColor = $cssHelper->generateStyle('.sppb-flipbox-front-icon', $settings, ['front_flip_box_icon_color' => 'color'], false); } else if ($settings->front_global_background_type == "gradient") { $frontIconColor = $cssHelper->generateStyle('.sppb-flipbox-back-icon', $settings, ['front_flip_box_icon_gradient' => 'color'], false); } $backIconColor = ''; if (isset($settings->back_global_background_type) && $settings->back_global_background_type == "color") { $backIconColor = $cssHelper->generateStyle('.sppb-flipbox-back-icon', $settings, ['back_flip_box_icon_color' => 'color'], false); } else if (isset($settings->back_global_background_type) && $settings->back_global_background_type == "gradient") { $settings->back_flip_box_icon_gradient = CSSHelper::parseColor($settings, 'back_flip_box_icon_gradient'); $backIconColor = $cssHelper->generateStyle('.sppb-flipbox-back-icon', $settings, ['back_flip_box_icon_gradient' => 'color'], false); } // typography $frontTitleTypo = $cssHelper->typography('.sppb-flipbox-front-title', $settings, 'front_title_typography'); $backTitleTypo = $cssHelper->typography('.sppb-flipbox-back-title', $settings, 'back_title_typography'); $frontParagraphTypo = $cssHelper->typography('.sppb-flipbox-front-paragraph', $settings, 'front_paragraph_typography'); $backParagraphTypo = $cssHelper->typography('.sppb-flipbox-back-paragraph', $settings, 'back_paragraph_typography'); $frontIconSize = $cssHelper->generateStyle('.sppb-flipbox-front-icon', $settings, ['front_icon_size' => 'font-size'], 'px'); $backIconSize = $cssHelper->generateStyle('.sppb-flipbox-back-icon', $settings, ['back_icon_size' => 'font-size'], 'px'); // margin and padding $frontIconMargin = $cssHelper->generateStyle('.sppb-flipbox-front-icon', $settings, ['front_flip_box__margin' => 'margin'], false); $backIconMargin = $cssHelper->generateStyle('.sppb-flipbox-back-icon', $settings, ['back_flip_box__margin' => 'margin'], false); $frontIconPadding = $cssHelper->generateStyle('.sppb-flipbox-front-icon', $settings, ['front_flip_box__padding' => 'padding'], false); $backIconPadding = $cssHelper->generateStyle('.sppb-flipbox-back-icon', $settings, ['front_flip_box__padding' => 'padding'], false); // front button $css .= $cssHelper->typography('.sppb-flipbox-front-button .sppb-btn', $settings, 'front_flip_box_button_typography'); if (isset($settings->front_button_size) && $settings->front_button_size == "custom") { $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_button_padding' => 'padding'], false); } $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_button_margin' => 'margin'], false); if (isset($settings->front_block) && $settings->front_block == "sppb-btn-block") { $css .= '#sppb-addon-' . $settings->id . ' .sppb-flipbox-front-button .sppb-btn {display: block;}'; } // custom style if (isset($settings->front_button_type) && $settings->front_button_type == "custom") { $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_flip_box_button_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn:hover', $settings, ['front_flip_box_button_color_hover' => 'color'], false); if (isset($settings->front_appearance) && $settings->front_appearance == "outline") { $css .= '#sppb-addon-{{ data.id }} .sppb-flipbox-front-button .sppb-btn {background-color: transparent;}'; $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_flip_box_button_bg_color' => 'border-color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn:hover', $settings, ['front_flip_box_button_bg_color_hover' => 'border-color'], false); } else if (isset($settings->front_appearance) && $settings->front_appearance == "gradient") { $settings->front_flip_box_button_bg_gradient = CSSHelper::parseColor($settings, 'front_flip_box_button_bg_gradient'); $settings->front_flip_box_button_gradient_bg_hover = CSSHelper::parseColor($settings, 'front_flip_box_button_gradient_bg_hover'); $css .= '#sppb-addon-{{ data.id }} .sppb-btn {border: none;}'; $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_flip_box_button_bg_gradient' => 'background-color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn:hover', $settings, ['front_flip_box_button_gradient_bg_hover' => 'background-color'], false); } else { $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_flip_box_button_bg_color' => 'background-color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn:hover', $settings, ['front_flip_box_button_bg_color_hover' => 'background-color'], false); } } // front link if (isset($settings->front_button_type) && $settings->front_button_type == "link") { $css .= '#sppb-addon-{{ data.id }} .sppb-btn {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn', $settings, ['front_flip_box_button_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-front-button .sppb-btn:hover, .sppb-btn:focus', $settings, ['front_flip_box_button_color_hover' => 'color'], false); } // back button $css .= $cssHelper->typography('.sppb-flipbox-back-button .sppb-btn', $settings, 'back_flip_box_button_typography'); if (isset($settings->back_button_size) && $settings->back_button_size == "custom") { $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_button_padding' => 'padding'], false); } $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_button_margin' => 'margin'], false); if (isset($settings->back_block) && $settings->back_block == "sppb-btn-block") { $css .= '#sppb-addon-' . $settings->id . ' .sppb-flipbox-back-button .sppb-btn {display: block;}'; } // custom style if (isset($settings->back_button_type) && $settings->back_button_type == "custom") { $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_flip_box_button_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn:hover', $settings, ['back_flip_box_button_color_hover' => 'color'], false); if (isset($settings->back_appearance) && $settings->back_appearance == "outline") { $css .= '#sppb-addon-{{ data.id }} .sppb-flipbox-back-button .sppb-btn {background-color: transparent;}'; $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_flip_box_button_bg_color' => 'border-color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn:hover', $settings, ['back_flip_box_button_bg_color_hover' => 'border-color'], false); } else if (isset($settings->back_appearance) && $settings->back_appearance == "gradient") { $settings->back_flip_box_button_bg_gradient = CSSHelper::parseColor($settings, 'back_flip_box_button_bg_gradient'); $settings->back_flip_box_button_gradient_bg_hover = CSSHelper::parseColor($settings, 'back_flip_box_button_gradient_bg_hover'); $css .= '#sppb-addon-{{ data.id }} .sppb-btn {border: none;}'; $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_flip_box_button_bg_gradient' => 'background-color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn:hover', $settings, ['back_flip_box_button_gradient_bg_hover' => 'background-color'], false); } else { $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_flip_box_button_bg_color' => 'background-color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn:hover', $settings, ['back_flip_box_button_bg_color_hover' => 'background-color'], false); } } // back link if (isset($settings->back_button_type) && $settings->back_button_type == "link") { $css .= '#sppb-addon-{{ data.id }} .sppb-btn {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn', $settings, ['back_flip_box_button_color' => 'color'], false); $css .= $cssHelper->generateStyle('.sppb-flipbox-back-button .sppb-btn:hover, .sppb-btn:focus', $settings, ['back_flip_box_button_color_hover' => 'color'], false); } // others $flipProps = ['height' => 'height']; $flipStyle = $cssHelper->generateStyle('.sppb-flipbox-panel, .threeD-item', $settings, $flipProps); $settings->text_align = $cssHelper->parseAlignment($settings, 'text_align'); $textAlign = $cssHelper->generateStyle('.sppb-addon-sppb-flibox', $settings, ['text_align' => 'text-align'], false); $css .= $textAlign; $css .= $flipStyle; $css .= $frontBgStyle; $css .= $backBgStyle; $css .= $backBgStyle; $css .= $frontBorderRadius; $css .= $backBorderRadius; $css .= $frontIconColor; $css .= $backIconColor; $css .= $frontTitleColor; $css .= $backTitleColor; $css .= $frontParagraphColor; $css .= $backParagraphColor; $css .= $frontTitleTypo; $css .= $backTitleTypo; $css .= $frontParagraphTypo; $css .= $backParagraphTypo; $css .= $frontIconSize; $css .= $backIconSize; $css .= $frontIconMargin; $css .= $backIconMargin; $css .= $frontIconPadding; $css .= $backIconPadding; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 4.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let flip_style = (data.flip_style) ? data.flip_style : "rotate_style"; let front_bg_type = (data.front_bg_type) ? data.front_bg_type : "color"; let front_bg_inner_type = (data.front_bg_inner_type) ? data.front_bg_inner_type : "none"; let front_bg_color = (data.front_bg_color) ? data.front_bg_color : ""; let front_bg_gradient = (data.front_bg_gradient) ? data.front_bg_gradient : ""; let front_flip_box_radius = (data.front_flip_box_radius) ? data.front_flip_box_radius : 0; // background type settings let flip_front_bg_color = ""; if (front_bg_type == "color") { if (front_bg_inner_type == "color") { flip_front_bg_color = front_bg_color; } if (front_bg_inner_type == "gradient") { flip_front_bg_color = front_bg_gradient; } } let frontImg = {} let front_bgimg = ""; if (data.front_bg_type == "image") { if (typeof data.front_bgimg !== "undefined" && typeof data.front_bgimg.src !== "undefined") { frontImg = data.front_bgimg } else { frontImg = {src: data.front_bgimg} } if (_.isObject(frontImg) && frontImg.src != undefined) { if(frontImg.src.indexOf("http://") !== -1 \|\| frontImg.src.indexOf("https://") !== -1){ front_bgimg = frontImg.src; } else { front_bgimg = pagebuilder_base + frontImg.src; } } } let back_bg_type = (data.back_bg_type) ? data.back_bg_type : "color"; let back_bg_inner_type = (data.back_bg_inner_type) ? data.back_bg_inner_type : "none"; let back_bg_color = (data.back_bg_color) ? data.back_bg_color : ""; let back_bg_gradient = (data.back_bg_gradient) ? data.back_bg_gradient : ""; let back_flip_box_radius = (data.back_flip_box_radius) ? data.back_flip_box_radius : 0; let flip_back_bg_color = ""; if (back_bg_type == "color") { if (back_bg_inner_type == "color") { flip_back_bg_color = back_bg_color; } if (back_bg_inner_type == "gradient") { flip_back_bg_color = back_bg_gradient; } } let backImg = {}; if (typeof data.back_bgimg !== "undefined" && typeof data.back_bgimg.src !== "undefined") { backImg = data.back_bgimg } else { backImg = {src: data.back_bgimg} } let back_bgimg = ""; if (_.isObject(backImg) && backImg.src != undefined) { if(backImg.src.indexOf("http://") !== -1 \|\| backImg.src.indexOf("https://") !== -1){ back_bgimg = backImg.src; } else { back_bgimg = pagebuilder_base + backImg.src; } } if (flip_style != "") { if (flip_style == "slide_style") { flip_style = "slide-flipbox"; } else if (flip_style == "fade_style") { flip_style = "fade-flipbox"; } else if (flip_style == "threeD_style") { flip_style = "threeD-flipbox"; } } let border_styles = (data.border_styles) ? data.border_styles : ""; let flip_styles = ""; if(_.isArray(border_styles)) { if(border_styles.indexOf("border_radius") !== -1){ flip_styles += "border-radius: 8px;"; } if(border_styles.indexOf("dashed") !== -1){ flip_styles += "border-style: dashed;"; } else if(border_styles.indexOf("solid") !== -1){ flip_styles += "border-style: solid;"; } else if(border_styles.indexOf("dotted") !== -1){ flip_styles += "border-style: dotted;"; } if(border_styles.indexOf("dashed") !== -1 \|\| border_styles.indexOf("solid") !== -1 \|\| border_styles.indexOf("dotted") !== -1){ flip_styles += "border-width: 2px;"; flip_styles += "border-color:"+data.border_color+";"; } } let front_icon_color = ""; if(data.front_global_background_type == "color") { front_icon_color = data.front_flip_box_icon_color; } else if(data.front_global_background_type == "gradient") { front_icon_color = data.front_flip_box_icon_gradient; } let back_icon_color = ""; if(data.back_global_background_type == "color") { back_icon_color = data.back_flip_box_icon_color; } else if(data.back_global_background_type == "gradient") { back_icon_color = data.back_flip_box_icon_gradient; } // front button let classListFront = " sppb-btn-" + data.front_button_type; classListFront += " sppb-btn-" + data.front_button_size; classListFront += " sppb-btn-" + data.front_shape; if (!_.isEmpty(data.front_appearance)) { classListFront += " sppb-btn-"+data.front_appearance; } const isMenuBtnFront = _.isString(data.front_flip_box_button_link?.menu) && data.front_flip_box_button_link.type === "menu" && data.front_flip_box_button_link?.menu; const isPageBtnFront = _.isString(data.front_flip_box_button_link?.page) && data.front_flip_box_button_link.type === "page" && data.front_flip_box_button_link?.page; const isObjectBtnFront = _.isObject(data.front_flip_box_button_link) && ((data.front_flip_box_button_link.type === "url" && data.front_flip_box_button_link?.url !== "") \|\| isMenuBtnFront \|\| isPageBtnFront); let urlObjBtnFront = {}; let urlBtnFront = ""; let targetBtnFront = ""; let relBtnFront = ""; urlObjBtnFront = isObjectBtnFront ? data.front_flip_box_button_link : window.getSiteUrl(data.front_flip_box_button_link, data?.btn_target); if(urlObjBtnFront.type === "url") { urlBtnFront = urlObjBtnFront.url; } if(urlObjBtnFront.type === "menu") { urlBtnFront = urlObjBtnFront.menu \|\| ""; } if(urlObjBtnFront.type === "page") { urlBtnFront = urlObjBtnFront.page ? `index.php?option=com_sppagebuilder&view=page&id=${urlObjBtnFront.page}` : ""; } targetBtnFront = urlObjBtnFront.new_tab ? "_blank": ""; relBtnFront += urlObjBtnFront.nofollow ? "nofollow": ""; relBtnFront += urlObjBtnFront.noopener ? " noopener": ""; relBtnFront += urlObjBtnFront.noreferrer ? " noreferrer": ""; // back button let classListBack = " sppb-btn-" + data.back_button_type; classListBack += " sppb-btn-" + data.back_button_size; classListBack += " sppb-btn-" + data.back_shape; if (!_.isEmpty(data.back_appearance)) { classListBack += " sppb-btn-"+data.back_appearance; } const isMenuBtnBack = _.isString(data.back_flip_box_button_link?.menu) && data.back_flip_box_button_link.type === "menu" && data.back_flip_box_button_link?.menu; const isPageBtnBack = _.isString(data.back_flip_box_button_link?.page) && data.back_flip_box_button_link.type === "page" && data.back_flip_box_button_link?.page; const isObjectBtnBack = _.isObject(data.back_flip_box_button_link) && ((data.back_flip_box_button_link.type === "url" && data.back_flip_box_button_link?.url !== "") \|\| isMenuBtnBack \|\| isPageBtnBack); let urlObjBtnBack = {}; let urlBtnBack = ""; let targetBtnBack = ""; let relBtnBack = ""; urlObjBtnBack = isObjectBtnBack ? data.back_flip_box_button_link : window.getSiteUrl(data.back_flip_box_button_link, data?.btn_target); if(urlObjBtnBack.type === "url") { urlBtnBack = urlObjBtnBack.url; } if(urlObjBtnBack.type === "menu") { urlBtnBack = urlObjBtnBack.menu \|\| ""; } if(urlObjBtnBack.type === "page") { urlBtnBack = urlObjBtnBack.page ? `index.php?option=com_sppagebuilder&view=page&id=${urlObjBtnBack.page}` : ""; } targetBtnBack = urlObjBtnBack.new_tab ? "_blank": ""; relBtnBack += urlObjBtnBack.nofollow ? "nofollow": ""; relBtnBack += urlObjBtnBack.noopener ? " noopener": ""; relBtnBack += urlObjBtnBack.noreferrer ? " noreferrer": ""; #> <style type="text/css"> #sppb-addon-{{ data.id }} .sppb-flipbox-panel, #sppb-addon-{{ data.id }} .threeD-item{ {{ flip_styles }} } <# if (data.front_bg_type == "image"){ #> #sppb-addon-{{ data.id }} .sppb-flipbox-front, #sppb-addon-{{ data.id }} .threeD-flip-front{ background-image: url({{ front_bgimg }}); } <# } #> <# if (data.back_bg_type == "image"){ #> #sppb-addon-{{ data.id }} .sppb-flipbox-back, #sppb-addon-{{ data.id }} .threeD-flip-back{ background-image: url({{ back_bgimg }}); } <# } #> '; // background and color $output .= $lodash->color('background-color', '.sppb-flipbox-front, .threeD-flip-front', 'flip_front_bg_color'); $output .= $lodash->color('background-color', '.sppb-flipbox-back, .threeD-flip-back', 'flip_back_bg_color'); $output .= $lodash->color('color', '.sppb-flipbox-front-title', 'data.front_title_text_color'); $output .= $lodash->color('color', '.sppb-flipbox-back-title', 'data.back_title_text_color'); $output .= $lodash->color('background-color', '.threeD-flip-front:before, .sppb-flipbox-front.flip-box:before', 'flip_front_bg_color'); $output .= $lodash->color('background-color', '.threeD-flip-back:before, .sppb-flipbox-back.flip-box:before', 'flip_back_bg_color'); $output .= $lodash->color('color', '.sppb-flipbox-front-paragraph', 'data.front_paragraph_text_color'); $output .= $lodash->color('color', '.sppb-flipbox-back-paragraph', 'data.back_paragraph_text_color'); $output .= $lodash->color('color', '.sppb-flipbox-front-icon', 'front_icon_color'); $output .= $lodash->color('color', '.sppb-flipbox-back-icon', 'back_icon_color'); // typography $output .= $lodash->typography('.sppb-flipbox-front-title', 'data.front_title_typography'); $output .= $lodash->typography('.sppb-flipbox-back-title', 'data.back_title_typography'); $output .= $lodash->typography('.sppb-flipbox-front-paragraph', 'data.front_paragraph_typography'); $output .= $lodash->typography('.sppb-flipbox-back-paragraph', 'data.back_paragraph_typography'); $output .= $lodash->unit('font-size', '.sppb-flipbox-front-icon', 'data.front_icon_size', 'px'); $output .= $lodash->unit('font-size', '.sppb-flipbox-back-icon', 'data.back_icon_size', 'px'); // margin and padding $output .= $lodash->unit('margin', '.sppb-flipbox-front-icon', 'data.front_flip_box__margin'); $output .= $lodash->unit('margin', '.sppb-flipbox-back-icon', 'data.back_flip_box__margin'); $output .= $lodash->unit('padding', '.sppb-flipbox-front-icon', 'data.front_flip_box__padding'); $output .= $lodash->unit('padding', '.sppb-flipbox-back-icon', 'data.back_flip_box__padding'); // radius $output .= '<# if((data.front_flip_box_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', '.sppb-flipbox-front, .threeD-flip-front', 'data.front_flip_box_radius', 'px'); $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-flipbox-front, #sppb-addon-{{data.id}} .threeD-flip-front { {{window.getSplitRadius(data.front_flip_box_radius)}} }'; $output .= '<# } #>'; $output .= '<# if((data.back_flip_box_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', '.sppb-flipbox-back, .threeD-flip-back', 'data.back_flip_box_radius', 'px'); $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-flipbox-back, #sppb-addon-{{data.id}} .threeD-flip-back { {{window.getSplitRadius(data.back_flip_box_radius)}} }'; $output .= '<# } #>'; // front button $output .= $lodash->typography('.sppb-flipbox-front-button .sppb-btn', 'data.front_flip_box_button_typography'); $output .= '<# if (data.front_button_size == "custom") { #>'; $output .= $lodash->spacing('padding', '.sppb-flipbox-front-button .sppb-btn', 'data.front_button_padding'); $output .= '<# } #>'; $output .= $lodash->spacing('margin', '.sppb-flipbox-front-button .sppb-btn', 'data.front_button_margin'); $output .= '<# if (data.front_block == "sppb-btn-block") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-flipbox-front-button .sppb-btn {display: block;}'; $output .= '<# } #>'; // custom style $output .= '<# if (data.front_button_type == "custom") { #>'; $output .= $lodash->color('color', '.sppb-flipbox-front-button .sppb-btn', 'data.front_flip_box_button_color'); $output .= $lodash->color('color', '.sppb-flipbox-front-button .sppb-btn:hover', 'data.front_flip_box_button_color_hover'); $output .= '<# if (data.front_appearance == "outline") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-flipbox-front-button .sppb-btn {background-color: transparent;}'; $output .= $lodash->unit('border-color', '.sppb-flipbox-front-button .sppb-btn', 'data.front_flip_box_button_bg_color', '', false); $output .= $lodash->unit('border-color', '.sppb-flipbox-front-button .sppb-btn:hover', 'data.front_flip_box_button_bg_color_hover', '', false); $output .= '<# } else if (data.front_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {border: none;}'; $output .= $lodash->color('background-color', '.sppb-flipbox-front-button .sppb-btn', 'data.front_flip_box_button_bg_gradient'); $output .= $lodash->color('background-color', '.sppb-flipbox-front-button .sppb-btn:hover', 'data.front_flip_box_button_gradient_bg_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '.sppb-flipbox-front-button .sppb-btn', 'data.front_flip_box_button_bg_color'); $output .= $lodash->color('background-color', '.sppb-flipbox-front-button .sppb-btn:hover', 'data.front_flip_box_button_bg_color_hover'); $output .= '<# } #>'; $output .= '<# } #>'; // link $output .= '<# if (data.front_button_type == "link") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $output .= $lodash->color('color', '.sppb-flipbox-front-button .sppb-btn', 'data.front_flip_box_button_color'); // $output .= $lodash->unit('border-color', '.sppb-flipbox-front-button .sppb-btn', 'data.link_btn_border_color', '', false); // $output .= $lodash->unit('border-bottom-width', '.sppb-flipbox-front-button .sppb-btn', 'data.link_btn_border_width', 'px'); // $output .= $lodash->unit('padding-bottom', '.sppb-flipbox-front-button .sppb-btn', 'data.link_btn_padding_bottom', 'px'); $output .= $lodash->color('color', '.sppb-flipbox-front-button .sppb-btn:hover, .sppb-btn:focus', 'data.front_flip_box_button_color_hover'); // $output .= $lodash->unit('border-color', '.sppb-flipbox-front-button .sppb-btn:hover, .sppb-btn:focus', 'data.link_btn_border_hover_color', '', false); $output .= '<# } #>'; // front button end // back button $output .= $lodash->typography('.sppb-flipbox-back-button .sppb-btn', 'data.back_flip_box_button_typography'); $output .= '<# if (data.back_button_size == "custom") { #>'; $output .= $lodash->spacing('padding', '.sppb-flipbox-back-button .sppb-btn', 'data.back_button_padding'); $output .= '<# } #>'; $output .= $lodash->spacing('margin', '.sppb-flipbox-back-button .sppb-btn', 'data.back_button_margin'); $output .= '<# if (data.back_block == "sppb-btn-block") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-flipbox-back-button .sppb-btn {display: block;}'; $output .= '<# } #>'; // custom style $output .= '<# if (data.back_button_type == "custom") { #>'; $output .= $lodash->color('color', '.sppb-flipbox-back-button .sppb-btn', 'data.back_flip_box_button_color'); $output .= $lodash->color('color', '.sppb-flipbox-back-button .sppb-btn:hover', 'data.back_flip_box_button_color_hover'); $output .= '<# if (data.back_appearance == "outline") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-flipbox-back-button .sppb-btn {background-color: transparent;}'; $output .= $lodash->unit('border-color', '.sppb-flipbox-back-button .sppb-btn', 'data.back_flip_box_button_bg_color', '', false); $output .= $lodash->unit('border-color', '.sppb-flipbox-back-button .sppb-btn:hover', 'data.back_flip_box_button_bg_color_hover', '', false); $output .= '<# } else if (data.back_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {border: none;}'; $output .= $lodash->color('background-color', '.sppb-flipbox-back-button .sppb-btn', 'data.back_flip_box_button_bg_color'); $output .= $lodash->color('background-color', '.sppb-flipbox-back-button .sppb-btn:hover', 'data.back_flip_box_button_gradient_bg_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '.sppb-flipbox-back-button .sppb-btn', 'data.back_flip_box_button_bg_color'); $output .= $lodash->color('background-color', '.sppb-flipbox-back-button .sppb-btn:hover', 'data.back_flip_box_button_bg_color_hover'); $output .= '<# } #>'; $output .= '<# } #>'; // link $output .= '<# if (data.back_button_type == "link") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $output .= $lodash->color('color', '.sppb-flipbox-back-button .sppb-btn', 'data.back_flip_box_button_color'); // $output .= $lodash->unit('border-color', '.sppb-flipbox-back-button .sppb-btn', 'data.link_btn_border_color', '', false); // $output .= $lodash->unit('border-bottom-width', '.sppb-flipbox-back-button .sppb-btn', 'data.link_btn_border_width', 'px'); // $output .= $lodash->unit('padding-bottom', '.sppb-flipbox-back-button .sppb-btn', 'data.link_btn_padding_bottom', 'px'); $output .= $lodash->color('color', '.sppb-flipbox-back-button .sppb-btn:hover, .sppb-btn:focus', 'data.back_flip_box_button_color_hover'); // $output .= $lodash->unit('border-color', '.sppb-flipbox-back-button .sppb-btn:hover, .sppb-btn:focus', 'data.link_btn_border_hover_color', '', false); $output .= '<# } #>'; // back button end $output .= $lodash->unit('height', '.sppb-flipbox-panel, .threeD-item', 'data.height', 'px'); $output .= $lodash->alignment('text-align', '.sppb-addon-sppb-flibox', 'data.text_align'); $output .= '</style> <div class="sppb-addon sppb-addon-sppb-flibox {{ data.class }} {{ flip_style }} {{ data.rotate }} flipon-{{ data.flip_behavior }}"> <# if (flip_style == "threeD-flipbox") { #> <div class="threeD-content-wrap"> <div class="threeD-item"> <div class="threeD-flip-front"> <div class="threeD-content-inner" data-id={{data.id}}> <# if(data.front_add_icon) { #> <div class="sppb-flipbox-front-icon" data-fieldName="front_icon"> <i class="{{{data.front_icon}}}"></i> </div> <# } #> <# if(data.front_add_title) { #> <div class="sppb-flipbox-front-title" data-fieldName="front_text"> {{{ data.front_title }}} </div> <# } #> <# if(data.front_add_paragraph) { #> <div class="sppb-flipbox-front-paragraph" data-fieldName="front_paragraph"> {{{ data.front_paragraph }}} </div> <# } #> <# if(data.flip_behavior == "click" && data.front_add_button && data.front_button_text && _.trim(data.front_button_text)){ let icon_arr_front = (typeof data.front_flip_box_icon !== "undefined" && data.front_flip_box_icon) ? data.front_flip_box_icon.split(" ") : ""; let icon_name_front = icon_arr_front.length === 1 ? "fa "+data.front_flip_box_icon : data.front_flip_box_icon; #> <div class="sppb-flipbox-front-button" data-fieldName="front_button"> <a href=\'{{ urlBtnFront }}\' target=\'{{ targetBtnFront }}\' rel=\'{{ relBtnFront }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classListFront }}"><# if(data.back_flip_box_button_icon_position == "left" && !_.isEmpty(data.front_flip_box_icon)) { #><i class="{{ icon_name_front }}"></i> <# } #>{{ data.front_button_text }}<# if(data.front_flip_box_button_icon_position == "right" && !_.isEmpty(data.front_flip_box_icon)) { #> <i class="{{ icon_name_front }}"></i><# } #></a> </div> <# } #> </div> </div> <div class="threeD-flip-back"> <div class="threeD-content-inner" data-id={{data.id}}> <# if(data.back_add_icon) { #> <div class="sppb-flipbox-back-icon" data-id={{data.id}} data-fieldName="back_icon"> <i class="{{{data.back_icon}}}"></i> </div> <# } #> <# if(data.back_add_title) { #> <div class="sppb-flipbox-back-title" data-id={{data.id}} data-fieldName="flip_text"> {{{ data.back_title }}} </div> <# } #> <# if(data.back_add_paragraph) { #> <div class="sppb-flipbox-back-paragraph" data-id={{data.id}} data-fieldName="flip_paragraph"> {{{ data.back_paragraph }}} </div> <# } #> <# if(data.back_add_button && data.back_button_text && _.trim(data.back_button_text)){ let icon_arr_back = (typeof data.back_flip_box_icon !== "undefined" && data.back_flip_box_icon) ? data.back_flip_box_icon.split(" ") : ""; let icon_name_back = icon_arr_back.length === 1 ? "fa "+data.back_flip_box_icon : data.back_flip_box_icon; #> <div class="sppb-flipbox-back-button" data-id={{data.id}} data-fieldName="back_button"> <a href=\'{{ urlBtnBack }}\' target=\'{{ targetBtnBack }}\' rel=\'{{ relBtnBack }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classListBack }}"><# if(data.back_flip_box_button_icon_position == "left" && !_.isEmpty(data.back_flip_box_icon)) { #><i class="{{ icon_name_back }}"></i> <# } #>{{ data.back_button_text }}<# if(data.back_flip_box_button_icon_position == "right" && !_.isEmpty(data.back_flip_box_icon)) { #> <i class="{{ icon_name_back }}"></i><# } #></a> </div> <# } #> </div> </div> </div> </div> <# } else { #> <div class="sppb-flipbox-panel"> <div class="sppb-flipbox-front flip-box"> <div class="flip-box-inner" data-id={{data.id}}> <# if(data.front_add_icon) { #> <div class="sppb-flipbox-front-icon" data-id={{data.id}} data-fieldName="front_icon"> <i class="{{{data.front_icon}}}"></i> </div> <# } #> <# if(data.front_add_title) { #> <div class="sppb-flipbox-front-title" data-id={{data.id}} data-fieldName="front_text"> {{{ data.front_title }}} </div> <# } #> <# if(data.front_add_paragraph) { #> <div class="sppb-flipbox-front-paragraph" data-id={{data.id}} data-fieldName="front_paragraph"> {{{ data.front_paragraph }}} </div> <# } #> <# if(data.flip_behavior == "click" && data.front_add_button && data.front_button_text && _.trim(data.front_button_text)){ let icon_arr_front = (typeof data.front_flip_box_icon !== "undefined" && data.front_flip_box_icon) ? data.front_flip_box_icon.split(" ") : ""; let icon_name_front = icon_arr_front.length === 1 ? "fa "+data.front_flip_box_icon : data.front_flip_box_icon; #> <div class="sppb-flipbox-front-button" data-id={{data.id}} data-fieldName="front_button"> <a href=\'{{ urlBtnFront }}\' target=\'{{ targetBtnFront }}\' rel=\'{{ relBtnFront }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classListFront }}"><# if(data.front_flip_box_button_icon_position == "left" && !_.isEmpty(data.front_flip_box_icon)) { #><i class="{{ icon_name_front }}"></i> <# } #>{{ data.front_button_text }}<# if(data.front_flip_box_button_icon_position == "right" && !_.isEmpty(data.front_flip_box_icon)) { #> <i class="{{ icon_name_front }}"></i><# } #></a> </div> <# } #> </div> </div> <div class="sppb-flipbox-back flip-box"> <div class="flip-box-inner" data-id={{data.id}}> <# if(data.back_add_icon) { #> <div class="sppb-flipbox-back-icon" data-id={{data.id}} data-fieldName="back_icon"> <i class="{{{data.back_icon}}}"></i> </div> <# } #> <# if(data.back_add_title) { #> <div class="sppb-flipbox-back-title" data-id={{data.id}} data-fieldName="flip_text"> {{{ data.back_title }}} </div> <# } #> <# if(data.back_add_paragraph) { #> <div class="sppb-flipbox-back-paragraph" data-id={{data.id}} data-fieldName="flip_paragraph"> {{{ data.back_paragraph }}} </div> <# } #> <# if(data.back_add_button && data.back_button_text && _.trim(data.back_button_text)){ let icon_arr_back = (typeof data.back_flip_box_icon !== "undefined" && data.back_flip_box_icon) ? data.back_flip_box_icon.split(" ") : ""; let icon_name_back = icon_arr_back.length === 1 ? "fa "+data.back_flip_box_icon : data.back_flip_box_icon; #> <div class="sppb-flipbox-back-button" data-id={{data.id}} data-fieldName="back_button"> <a href=\'{{ urlBtnBack }}\' target=\'{{ targetBtnBack }}\' rel=\'{{ relBtnBack }}\' id="btn-{{ data.id }}" class="sppb-btn {{ classListBack }}"><# if(data.back_flip_box_button_icon_position == "left" && !_.isEmpty(data.back_flip_box_icon)) { #><i class="{{ icon_name_back }}"></i> <# } #>{{ data.back_button_text }}<# if(data.back_flip_box_button_icon_position == "right" && !_.isEmpty(data.back_flip_box_icon)) { #> <i class="{{ icon_name_back }}"></i><# } #></a> </div> <# } #> </div> </div> </div> <# } #> </div> '; return $output; } }��flip_box_pro/admin.php��0000644��00000143100�15231074400�0011022 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'flip_box_pro', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M27 3a3 3 0 00-3-3H8a3 3 0 00-3 3v10.188a1 1 0 102 0V3a1 1 0 011-1h16a1 1 0 011 1v26a1 1 0 01-1 1H8a1 1 0 01-1-1v-6.906a1 1 0 10-2 0V29a3 3 0 003 3h16a3 3 0 003-3V3z" fill="currentColor"/><path d="M18.332 21.539c.039 0 .079-.002.117-.006C26.428 20.835 32 17.32 32 12.987c0-1.338-.217-2.348-1.33-3.556a1.334 1.334 0 00-1.963 1.805c.548.595.626.908.626 1.75 0 2.758-4.882 5.345-11.116 5.89a1.334 1.334 0 00.115 2.663zM13.021 21.475a1.335 1.335 0 00.144-2.66c-6.28-.69-10.498-3.4-10.498-5.495 0-1.05.182-1.377.758-2.255a1.335 1.335 0 00-2.229-1.464C.452 10.736 0 11.551 0 13.32c0 3.9 5.415 7.325 12.873 8.147.05.005.099.008.148.008z" fill="currentColor"/><path d="M16.217 19.955l2.83-3.77a1 1 0 011.79.459l.94 6.6a1 1 0 01-1.59.94l-3.77-2.83a1 1 0 01-.2-1.399z" fill="currentColor"/></svg>', 'settings' => [ 'flip_box_basic_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO_GENERAL'), 'fields' => [ 'flip_behavior' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE_DESC'), 'values' => [ 'hover' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE_HOVER'), 'click' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FLIP_BHAVE_CLICK'), ], 'std' => 'hover', 'inline' => true, ], 'flip_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_STYLE_DESC'), 'values' => [ 'rotate_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_ROTATE_STYLE'), 'slide_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_SLIDE_STYLE'), 'fade_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_FADE_STYLE'), 'threeD_style' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_3D_STYLE'), ], 'std' => 'flat_style', 'inline' => true, ], 'rotate' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_ROTATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_ROTATE_DESC'), 'values' => [ 'flip_top' => Text::_('COM_SPPAGEBUILDER_ADDON_GLOBAL_FROM_TOP'), 'flip_bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'flip_left' => Text::_('COM_SPPAGEBUILDER_ADDON_GLOBAL_FROM_LEFT'), 'flip_right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'flip_right', 'inline' => true, 'depends' => [['flip_style', '!=', 'fade_style']], ], 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIPBOX_HEIGHT_DESC'), 'std' => '', 'responsive' => true, 'max' => 1000, ], 'text_align_starts' => [ 'type' => 'separator', ], 'text_align' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ], ], ], ], 'flip_box_front_content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_FRONT'), 'fields' => [ // title 'front_add_title' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 0, ], 'front_title' => [ 'type' => 'text', 'title' => '', 'depends' => [ ['front_add_title', '=', 1], ], ], 'front_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [ ['front_add_title', '=', 1], ], ], 'front_title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['front_add_title', '=', 1], ], ], 'front_title_ends' => [ 'type' => 'separator', ], // paragraph 'front_add_paragraph' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO_PARAGRAPH'), 'std' => 0, ], 'front_paragraph' => [ 'type' => 'textarea', 'title' => '', 'depends' => [ ['front_add_paragraph', '=', 1], ], ], 'front_paragraph_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [ ['front_add_paragraph', '=', 1], ], ], 'front_paragraph_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['front_add_paragraph', '=', 1], ], ], 'front_paragraph_ends' => [ 'type' => 'separator', ], // icon 'front_add_icon' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'std' => 0, ], 'front_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO_ICON_NAME'), 'std' => 'fas fa-cogs', 'depends' => [ ['front_add_icon', '=', 1], ], ], 'front_icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 36], 'max' => 400, 'responsive' => true, 'depends' => [ ['front_add_icon', '=', 1], ], ], 'front_global_background_type' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NONE'), 'value' => 'none'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'value' => 'gradient'], ], 'std' => 'none', 'depends' => [ ['front_add_icon', '=', 1], ], ], 'front_flip_box_icon_color' => [ 'type' => 'color', 'title' => 'Icon Color', 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_TEXT_COLOR_DESC'), 'depends' => [ ['front_global_background_type', '!=', 'none'], ['front_global_background_type', '!=', 'gradient'], ['front_add_icon', '=', 1], ], ], 'front_flip_box_icon_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#00c6fb", "color2" => "#005bea", "deg" => "45", "type" => "linear" ], 'depends' => [ ['front_global_background_type', '=', 'gradient'], ['front_add_icon', '=', 1], ], ], 'front_flip_box__margin' => [ 'type' => 'margin', 'title' => 'Margin', 'responsive' => true, 'std' => '', 'depends' => [ ['front_add_icon', '=', 1], ], ], 'front_flip_box__padding' => [ 'type' => 'padding', 'title' => 'Padding', 'responsive' => true, 'std' => '', 'depends' => [ ['front_add_icon', '=', 1], ], ], // button 'front_add_button_starts' => [ 'type' => 'separator', 'depends' => [ ['flip_behavior', '=', 'click'] ], ], 'front_add_button' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'std' => 0, 'depends' => [ ['flip_behavior', '=', 'click'] ], ], 'front_button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Button', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_flip_box_button_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_flip_box_button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], // Button 'front_button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], 'std' => 'custom', ], 'front_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '!=', 'link'], ], ], 'front_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '!=', 'link'], ], ], 'front_button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'inline' => true, 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ], ], 'front_button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'responsive' => true, 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ], ], 'front_flip_box_button_icon_start' => [ 'type' => 'separator', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_flip_box_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_flip_box_button_icon_position' => [ 'type' => 'margin', 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_flip_box_button_icon_ends' => [ 'type' => 'separator', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_button_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'responsive' => true, 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ], ], 'front_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK_DESC'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '!=', 'link'], ], ], 'front_button_color_option_starts' => [ 'type' => 'separator', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ], ], 'front_button_color_option' => [ 'type' => 'buttons', 'std' => 'normal', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'tabs' => true, 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ], ], 'front_flip_box_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ['front_button_color_option', '!=', 'hover'], ], ], 'front_flip_box_button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ['front_button_color_option', '=', 'hover'], ], ], 'front_flip_box_button_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ['front_appearance', '!=', 'gradient'], ['front_button_color_option', '!=', 'hover'], ], ], 'front_flip_box_button_bg_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ['front_appearance', '!=', 'gradient'], ['front_button_color_option', '=', 'hover'], ], ], 'front_flip_box_button_bg_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ['front_appearance', '=', 'gradient'], ['front_button_color_option', '!=', 'hover'], ], ], 'front_flip_box_button_gradient_bg_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['flip_behavior', '=', 'click'], ['front_add_button', '=', 1], ['front_button_type', '=', 'custom'], ['front_appearance', '=', 'gradient'], ['front_button_color_option', '=', 'hover'], ], ], ], ], 'flip_box_back_content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_BACK'), 'fields' => [ // title 'back_add_title' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 0, ], 'back_title' => [ 'type' => 'text', 'title' => '', 'depends' => [ ['back_add_title', '=', 1], ], ], 'back_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [ ['back_add_title', '=', 1], ], ], 'back_title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['back_add_title', '=', 1], ], ], 'back_title_ends' => [ 'type' => 'separator', ], // paragraph 'back_add_paragraph' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO_PARAGRAPH'), 'std' => 0, ], 'back_paragraph' => [ 'type' => 'textarea', 'title' => '', 'depends' => [ ['back_add_paragraph', '=', 1], ], ], 'back_paragraph_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [ ['back_add_paragraph', '=', 1], ], ], 'back_paragraph_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['back_add_paragraph', '=', 1], ], ], 'back_paragraph_ends' => [ 'type' => 'separator', ], // icon 'back_add_icon' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'std' => 0, ], 'back_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_PRO_ICON_NAME'), 'std' => 'fas fa-cogs', 'depends' => [ ['back_add_icon', '=', 1], ], ], 'back_icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 36], 'max' => 400, 'responsive' => true, 'depends' => [ ['back_add_icon', '=', 1], ], ], 'back_global_background_type' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NONE'), 'value' => 'none'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'value' => 'gradient'], ], 'std' => 'none', 'depends' => [ ['back_add_icon', '=', 1], ], ], 'back_flip_box_icon_color' => [ 'type' => 'color', 'title' => 'Icon Color', 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_TEXT_COLOR_DESC'), 'depends' => [ ['back_global_background_type', '!=', 'none'], ['back_global_background_type', '!=', 'gradient'], ['back_add_icon', '=', 1], ], ], 'back_flip_box_icon_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#00c6fb", "color2" => "#005bea", "deg" => "45", "type" => "linear" ], 'depends' => [ ['back_global_background_type', '=', 'gradient'], ['back_add_icon', '=', 1], ], ], 'back_flip_box__margin' => [ 'type' => 'margin', 'title' => 'Margin', 'responsive' => true, 'std' => '', 'depends' => [ ['back_add_icon', '=', 1], ], ], 'back_flip_box__padding' => [ 'type' => 'padding', 'title' => 'Padding', 'responsive' => true, 'std' => '', 'depends' => [ ['back_add_icon', '=', 1], ], ], // Button 'back_add_button_starts' => [ 'type' => 'separator', ], 'back_add_button' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'std' => 0, ], 'back_button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Button', 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_flip_box_button_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'desc' => 'Link', 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_flip_box_button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'depends' => [ ['front_add_button', '=', 1], ], ], 'back_button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'depends' => [ ['back_add_button', '=', 1], ], 'std' => 'custom', ], 'back_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '!=', 'link'], ], ], 'back_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '!=', 'link'], ], ], 'back_button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'depends' => [ ['back_add_button', '=', 1], ['back_button_size', '=', 'custom'], ], 'responsive' => true, ], 'back_flip_box_button_icon_start' => [ 'type' => 'separator', 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_flip_box_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_flip_box_button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_flip_box_button_icon_end' => [ 'type' => 'separator', 'depends' => [ ['back_add_button', '=', 1], ], ], 'back_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK_DESC'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '!=', 'link'], ], ], 'back_button_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'depends' => [ ['back_add_button', '=', 1], ], 'responsive' => true, ], 'back_button_color_option_starts' => [ 'type' => 'separator', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ], ], 'back_button_color_option' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ], ], 'back_flip_box_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ['back_appearance', '!=', 'gradient'], ['back_button_color_option', '!=', 'hover'], ], ], 'back_flip_box_button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ['back_appearance', '!=', 'gradient'], ['back_button_color_option', '=', 'hover'], ], ], 'back_flip_box_button_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ['back_appearance', '!=', 'gradient'], ['back_button_color_option', '!=', 'hover'], ], ], 'back_flip_box_button_bg_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ['back_appearance', '!=', 'gradient'], ['back_button_color_option', '=', 'hover'], ], ], 'back_flip_box_button_bg_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ['back_appearance', '=', 'gradient'], ['back_button_color_option', '!=', 'hover'], ], ], 'back_flip_box_button_gradient_bg_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['back_add_button', '=', 1], ['back_button_type', '=', 'custom'], ['back_appearance', '=', 'gradient'], ['back_button_color_option', '=', 'hover'], ], ], ], ], 'flip_box_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'flip_box_options_tabs' => [ 'type' => 'buttons', 'std' => 'front', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_FRONT'), 'value' => 'front'], ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_FLIP_BOX_BACK'), 'value' => 'back'], ], 'tabs' => true, ], 'front_bg_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'std' => 'image', 'values' => [ 'color' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'image' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), ], 'depends' => [ ['flip_box_options_tabs', '=', 'front'], ], ], 'front_bg_inner_type' => [ 'type' => 'select', 'std' => 'none', 'values' => [ 'none' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NONE'), 'color' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), ], 'depends' => [ ['front_bg_type', '=', 'color'], ], ], 'front_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['flip_box_options_tabs', '=', 'front'], ['front_bg_type', '=', 'color'], ['front_bg_inner_type', '=', 'color'], ], ], 'front_bg_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#00c6fb", "color2" => "#005bea", "deg" => "45", "type" => "linear" ], 'depends' => [ ['flip_box_options_tabs', '=', 'front'], ['front_bg_type', '=', 'color'], ['front_bg_inner_type', '=', 'gradient'], ], ], 'front_bgimg' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'std' => ['src' => 'https://sppagebuilder.com/addons/flipbox/flipbox-bg-1.jpg'], 'depends' => [ ['flip_box_options_tabs', '=', 'front'], ], ], 'front_flip_box_radius_separator' => [ 'type' => 'separator', 'depends' => [ ['flip_box_options_tabs', '=', 'front'], ], ], 'front_flip_box_radius' => [ 'type' => 'advancedslider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'depends' => [ ['flip_box_options_tabs', '=', 'front'], ], ], // Back 'back_bg_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'std' => 'image', 'values' => [ 'color' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'image' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), ], 'depends' => [ ['flip_box_options_tabs', '=', 'back'], ], ], 'back_bg_inner_type' => [ 'type' => 'select', 'std' => 'none', 'values' => [ 'none' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NONE'), 'color' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), ], 'depends' => [ ['flip_box_options_tabs', '=', 'back'], ['back_bg_type', '=', 'color'], ], ], 'back_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['flip_box_options_tabs', '=', 'back'], ['back_bg_type', '=', 'color'], ['back_bg_inner_type', '=', 'color'], ], ], 'back_bg_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#00c6fb", "color2" => "#005bea", "deg" => "45", "type" => "linear" ], 'depends' => [ ['flip_box_options_tabs', '=', 'back'], ['back_bg_type', '=', 'color'], ['back_bg_inner_type', '=', 'gradient'], ], ], 'back_bgimg' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'std' => ['src' => 'https://sppagebuilder.com/addons/flipbox/flipbox-bg-1.jpg'], 'depends' => [ ['flip_box_options_tabs', '=', 'back'], ['back_bg_type', '=', 'image'], ], ], 'back_flip_box_radius_separator' => [ 'type' => 'separator', 'depends' => [ ['flip_box_options_tabs', '=', 'back'], ], ], 'back_flip_box_radius' => [ 'type' => 'advancedslider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'depends' => [ ['flip_box_options_tabs', '=', 'back'] ], ], ], ], ], ]); ��flip_box_pro/.htaccess��0000555��00000000355�15231074400�0011024 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��module/assets/images/icon.png��0000644��00000005002�15231074400�0012227 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:587CDE1540E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:587CDE1640E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:587CDE1340E011E69A38F8F21A167467" stRef:documentID="xmp.did:587CDE1440E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>q�4��pIDATx�윁��8@�7)�%�A��H��s�:�: ��V@:��O̮�V6�-��<��Y�e��f)�Z-��oK��ԯK��4��.uX�ԧ�N�o�<�-��Q��~��wN�29��f��`��Cf��k$4�$��k�XX=Ѹ;]��4W��9ԧ2d��b��wd�\X��wє��6� �)s��\�?R�J;;֪�iXei3��h��fjg5��歵q:�S ad��9��9��=M��ى�T��:f��'��w� ��d>��K��!x��_�g�h�]۽^��)�?��=��Mq�S[-��8��%��(��e��^4:��$<8��?��B��A�`�H[��l��'U -��4��x��d �XX�t�I;JȒ�a��8;��@a1�>ֺ"��dx��b��iX{BM]�� X�]��E `7� y�ܶJ��Q[��&a�m��`g�:E�� P�N�B^��>�IX��,#4,�ChBKk`�ۦzgX�x�'h��\|�n�#}D�1��E��,O,/7��TX�df��-��h��>����Mm�fdD.��{�20�&JjV�t��%4QXXZXk��jwk�Նm5��?E��!��~� �g��x�'Z�3�8��`��WĎ�W��e��Q6G!�RV辒 M<=��QBШ��ʁ�a��I�:�B�:��h �;�0lth�/VB�� .4w� \�_��t�v@�-�� 86�h��;ah ��B�%m ��38"4#y�]d��F��Mw��P�9�{ �� :��74��s�ւ?�4 ��0�Eў��ҳa�~n;�'�e��75��^RIk��KOy��t��V��a��lP��Ǔ��M�E��B�a��)��<wk�1)��s�/\|��n�`��d��+�PI��k)`�ِk8+f�F��v��3靐��.�L�G�\н��pN�}p�q�!�ѭ�f;_ѨB��͏#`i�@��cn�E�R��!g�/�s�7I�1@IX%ܞ�实�U�f�$��;#� ��,��Vm�"\ ��qه��_�3L�8��뗱$am�b��rSQ��K�R;z1��߆a x)��-��Y�uh�ES��8S�}��:#�Hjf�j /�Zʆw��W�Em��]��O��wm�\|g��D�n�-P�?�V>��ܩ��&\|+�_��,i \|��A~`/!?�H�=P��^>�6f8��gFy�R+��H�6:'t$�Kp⿎�{��ŭ�}-��m�آu��Ɣ�� '��خ__�"��{v����E�ωf��'�m��\|ՉS\�ʄ�͔S?d��x�V�� p,��~�BƐ{��V c��[3'E'��P��o�}��U��b%#\|��9��o��OŬ�-0���[�6п9��<l��V{�;��w�d��_J�A��-� 0�[��IEND�B`��module/assets/images/.htaccess��0000555��00000000355�15231074400�0012376 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��module/assets/.htaccess��0000555��00000000355�15231074400�0011131 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��module/site.php��0000644��00000010547�15231074400�0007511 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Factory; use Joomla\CMS\Helper\ModuleHelper; use Joomla\CMS\Version; class SppagebuilderAddonModule extends SppagebuilderAddons { public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; //Options $id = (isset($this->addon->settings->id) && $this->addon->settings->id) ? $this->addon->settings->id : 0; $module_type = (isset($this->addon->settings->module_type) && $this->addon->settings->module_type) ? $this->addon->settings->module_type : 'module'; $position = (isset($this->addon->settings->position) && $this->addon->settings->position) ? $this->addon->settings->position : ''; if ((($module_type == 'position') && !$position) \|\| (($module_type == 'module') && !$id)) { return; } $modules = self::getModules($module_type, $id, $position); if (count((array) $modules)) { $output = '<div class="sppb-addon sppb-addon-module ' . $class . '">'; $output .= '<div class="sppb-addon-content">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; foreach ($modules as $module) { $file = $module->module; $custom = substr($file, 0, 4) == 'mod_' ? 0 : 1; $module->user = $custom; $module->name = $custom ? $module->title : substr($file, 4); $module->style = null; $module->position = strtolower($module->position); $clean[$module->id] = $module; if ($module_type == 'position') { $output .= ModuleHelper::renderModule($module, array('style' => 'sp_xhtml')); } else { $output .= ModuleHelper::renderModule($module, array('style' => 'none')); } } $output .= '</div>'; $output .= '</div>'; return $output; } return null; } // Get all modules private static function getModules($module_type = 'module', $id = 0, $position = '') { $app = Factory::getApplication(); $user = Factory::getUser(); $groups = implode(',', $user->getAuthorisedViewLevels()); $lang = Factory::getLanguage()->getTag(); $clientId = (int) $app->getClientId(); $db = Factory::getDbo(); $query = $db->getQuery(true); $query->select('m.id, m.title, m.module, m.position, m.ordering, m.content, m.showtitle, m.params'); $query->from('#__modules AS m'); $query->where('m.published = 1'); if ($module_type == 'position') { $query->where($db->quoteName('m.position') . ' = ' . $db->quote($position)); $query->order('m.ordering ASC'); } else { $query->where('m.id = ' . $id); } $date = Factory::getDate(); $now = $date->toSql(); $nullDate = $db->getNullDate(); $version = new Version(); $JoomlaVersion = (float) $version->getShortVersion(); // publishing if ($JoomlaVersion < 4) { $query->where('(m.publish_up = ' . $db->Quote($nullDate) . ' OR m.publish_up <= ' . $db->Quote($now) . ')'); $query->where('(m.publish_down = ' . $db->Quote($nullDate) . ' OR m.publish_down >= ' . $db->Quote($now) . ')'); } else { $nowDate = Factory::getDate()->toSql(); $query->extendWhere( 'AND', [ $db->quoteName('m.publish_up') . ' IS NULL', $db->quoteName('m.publish_up') . ' <= :publishUp', ], 'OR' )->extendWhere( 'AND', [ $db->quoteName('m.publish_down') . ' IS NULL', $db->quoteName('m.publish_down') . ' >= :publishDown', ], 'OR' )->bind([':publishUp', ':publishDown'], $nowDate); } $query->where('m.access IN (' . $groups . ')'); $query->where('m.client_id = ' . $clientId); // Filter by language if ($app->isClient('site') && $app->getLanguageFilter()) { $query->where('m.language IN (' . $db->Quote($lang) . ',' . $db->Quote('') . ')'); } // Set the query $db->setQuery($query); return $db->loadObjectList(); } } ��module/admin.php��0000644��00000013521�15231074400�0007630 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig( [ 'type' => 'content', 'addon_name' => 'module', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M5.005 1C6.821.994 8.391 2.176 8.849 3.923c.065.25.136.315.407.218 1.234-.443 2.449-.289 3.638.212.917.386 1.712.97 2.461 1.62.117.102.13.16.013.275-.846.803-1.686 1.613-2.52 2.429-.135.135-.22.096-.348 0-.375-.27-.789-.482-1.267-.514-1.124-.077-2.255.79-2.565 1.972-.265 1.015.097 1.87.724 2.64.51.623 1.13 1.144 1.7 1.709a402.759 402.759 0 004.115 4.015c.245.238.22.353-.013.572-.808.77-1.596 1.554-2.384 2.344-.155.16-.246.2-.427.013-2.358-2.364-4.742-4.709-7.094-7.085-1.189-1.208-2.01-3.335-.943-5.236.168-.308-.11-.25-.24-.283-1-.244-1.815-.77-2.383-1.625-.885-1.336-.956-2.724-.22-4.13.66-1.285 2.01-2.063 3.502-2.069z" fill="currentColor"/><path opacity=".5" d="M28.129 10.732c0 1.337-.524 2.493-1.28 3.553-.239.327-.51.63-.762.95-.116.148-.194.135-.323 0a207.68 207.68 0 00-2.352-2.415c-.155-.154-.168-.263-.039-.456.485-.707.672-1.471.24-2.261-.479-.887-1.222-1.465-2.262-1.548-1.085-.084-1.919.462-2.636 1.194-1.693 1.748-3.36 3.514-5.046 5.262-.31.32-.226.347-.581.006-.834-.803-1.66-1.612-2.5-2.409-.156-.148-.175-.238-.007-.398 2.351-2.326 4.677-4.69 7.055-6.99 1.286-1.24 3.36-1.895 5.188-.905.226.122.252.025.304-.167.413-1.632 1.44-2.666 3.095-3.039 2.203-.494 4.432 1.067 4.736 3.283.284 2.081-.912 3.88-2.966 4.445-.226.058-.24.129-.168.328.097.25.155.507.22.764.077.27.09.534.084.803zM11.13 27.936a3.725 3.725 0 01-1.861-.43c-.252-.136-.297-.046-.349.173a3.93 3.93 0 01-3.67 2.98c-1.906.052-3.514-1.04-4.044-2.755-.627-2.03.626-4.195 2.778-4.754.29-.077.317-.148.213-.418-.484-1.297-.245-2.537.394-3.726.375-.694.847-1.31 1.376-1.888.143-.154.233-.16.388-.013.788.79 1.583 1.567 2.371 2.351.09.09.149.154.052.296-.924 1.432-.53 2.723 1.04 3.43 1.163.52 2.203.186 3.108-.572.788-.662 1.499-1.407 2.235-2.12 1.183-1.15 2.365-2.3 3.54-3.456.169-.167.272-.199.46-.013.82.842 1.66 1.67 2.5 2.5.142.14.162.23 0 .378-2.41 2.236-4.8 4.49-7.23 6.713a4.933 4.933 0 01-3.301 1.324z" fill="currentColor"/><path d="M27.01 31a3.803 3.803 0 01-3.682-2.884c-.084-.322-.18-.328-.465-.238-1.39.417-2.694.103-3.935-.559-.691-.373-1.305-.86-1.893-1.381-.148-.135-.18-.219-.02-.373.789-.77 1.57-1.548 2.346-2.338.162-.167.252-.135.414-.013.62.475 1.292.765 2.093.501.86-.282 1.667-1.387 1.712-2.3.045-1.021-.4-1.843-1.085-2.543-1.622-1.664-3.263-3.315-4.891-4.966-.22-.219-.575-.437-.595-.681-.02-.25.381-.443.601-.655.64-.63 1.292-1.253 1.932-1.89.149-.153.233-.14.375.007 2.274 2.326 4.574 4.638 6.829 6.977 1.221 1.265 1.893 3.417.93 5.203-.122.225-.013.264.168.308 1.628.424 2.598 1.478 2.946 3.09.524 2.429-1.35 4.754-3.78 4.735z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'module_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_TYPE_DESC'), 'values' => [ 'module' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_TYPE_MODULE'), 'position' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_POSITION') ], 'std' => 'module', ], 'id' => [ 'type' => 'module', 'module' => 'module', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_SELECT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_SELECT_DESC'), 'depends' => [['module_type', '=', 'module']], ], 'position' => [ 'type' => 'module', 'module' => 'position', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODULE_POSITION_DESC'), 'depends' => [['module_type', '=', 'position']] ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ] ] ], 'attr' => [], ] ); ��module/.htaccess��0000555��00000000355�15231074400�0007627 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��navigation/assets/images/icon.png��0000644��00000000545�15231074400�0013110 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��IDATx��ڱM�@�#4��%%#x�� 2 JE��a�A��9>��VΑ��}ҟ��ҽK ��n��\|E~d4�Ⱥ��VHu��y��6Y�f��}�ڡo-��\|��Q��^gM��\|��)�yr�UǤ\|��\A��c�[ ;�Z?��c��}ES��p�;��^ ��,M�@\|J�1[��Q�t��o��&缠��9�h]��Q��j�1�<��95s̶�='��(��?�� 0�3T�� IEND�B`��navigation/assets/images/.htaccess��0000555��00000000355�15231074400�0013250 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��navigation/assets/.htaccess��0000555��00000000355�15231074400�0012003 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��navigation/site.php��0000644��00000031201�15231074400�0010351 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonNavigation extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $links = (isset($settings->sp_link_list_item) && $settings->sp_link_list_item) ? $settings->sp_link_list_item : array(); $type = (isset($settings->type) && $settings->type) ? $settings->type : "nav"; $align = (isset($settings->align) && $settings->align) ? $settings->align : "left"; $icon_position = (isset($settings->icon_position) && $settings->icon_position) ? $settings->icon_position : 'left'; $scroll_to = (isset($settings->scroll_to) && $settings->scroll_to) ? $settings->scroll_to : false; $scroll_to_offset = (isset($settings->scroll_to_offset)) ? $settings->scroll_to_offset : ''; $sticky_menu = (isset($settings->sticky_menu) && $settings->sticky_menu) ? $settings->sticky_menu : false; $responsive_menu = (isset($settings->responsive_menu)) ? $settings->responsive_menu : true; $responsive_bar_aria_label = (isset($settings->responsive_bar_aria_label)) ? $settings->responsive_bar_aria_label : 'Mobile Navigation Button'; $nav_type = "sppb-link-list-{$type}"; $nav_align = " sppb-nav-align-{$align}"; $data_offset = ''; if ($scroll_to) { $data_offset = 'data-offset=' . $scroll_to_offset . ''; } $output = ''; $sticky_row_attr = ''; if ($sticky_menu) { $sticky_row_attr = ' data-sticky-it="true"'; } $responsive_menu_cls = ''; if ($responsive_menu) { $responsive_menu_cls = ' sppb-link-list-responsive'; } $output .= '<div class="sppb-link-list-wrap ' . $nav_type . $nav_align . $responsive_menu_cls . $class . '" ' . $sticky_row_attr . ' ' . $data_offset . '>'; $output .= ($responsive_menu) ? '<div class="sppb-responsive-bars" aria-haspopup="menu" aria-controls="nav-menu" aria-label="' . $responsive_bar_aria_label . '" ><span class="sppb-responsive-bar"></span><span class="sppb-responsive-bar"></span><span class="sppb-responsive-bar"></span></div>' : ''; $output .= '<nav role="navigation" aria-label="Menu"><ul id="nav-menu">'; if (count((array) $links)) { foreach ($links as $key => $link) { if (isset($link->icon)) { $icon_arr = array_filter(explode(' ', $link->icon)); if (count($icon_arr) === 1) { $link->icon = 'fas ' . $link->icon; } } list($linkUrl, $target) = AddonHelper::parseLink($link, 'url'); $icon = isset($link->icon) ? '<i class="' . $link->icon . '" aria-hidden="true"></i>' : ''; $scroll_to_attr = ($scroll_to) ? ' data-scroll-to="true" ' : ''; $active = (isset($link->active) && $link->active) ? ' sppb-active' : ''; $title = (isset($link->title) && $link->title) ? $link->title : ''; $link_text = ''; if ($icon_position === 'right') { $link_text = $title . ' ' . $icon; } elseif ($icon_position === 'top') { $link_text = $icon . '<br />' . $title; } else { $link_text = $icon . ' ' . $title; } $output .= '<li class="' . (isset($link->class) ? $link->class : '') . $active . '"><a href="' . (isset($linkUrl) ? $linkUrl : '') . '" ' . $target . $scroll_to_attr . '>' . $link_text . '</a></li>'; } } $output .= '</ul></nav>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $icon_position = (isset($settings->icon_position) && $settings->icon_position) ? $settings->icon_position : 'left'; $cssHelper = new CSSHelper($addon_id); $css = ''; $linkProps = [ 'link_bg' => 'background-color', 'link_color' => 'color', 'link_margin' => 'margin', 'link_padding' => 'padding', 'link_border_radius' => 'border-radius' ]; $linkUnits = [ 'link_bg' => false, 'link_color' => false, 'link_margin' => false, 'link_padding' => false ]; $linkModifiers = [ 'link_margin' => 'spacing', 'link_padding' => 'spacing', ]; $static = ''; if ($icon_position === 'top') { $static .= 'text-align: center;'; } $linkStyle = $cssHelper->generateStyle('li a', $settings, $linkProps, $linkUnits, $linkModifiers, null, false, $static); $linkTypographyStyle = $cssHelper->typography('li a', $settings, 'link_typography', [ 'font' => 'link_font_family', 'size' => 'link_fontsize', 'line_height' => 'link_lineheight', 'letter_spacing' => 'link_letterspace', 'uppercase' => 'link_font_style.uppercase', 'italic' => 'link_font_style.italic', 'underline' => 'link_font_style.underline', 'weight' => 'link_font_style.weight', ]); $linkHoverStyle = $cssHelper->generateStyle('li a:hover', $settings, ['link_bg_hover' => 'background-color', 'link_color_hover' => 'color'], false); $linkActiveStyle = $cssHelper->generateStyle( 'li.sppb-active a', $settings, [ 'link_border_radius_active' => 'border-radius', 'link_bg_active' => 'background-color', 'link_color_active' => 'color' ], [ 'link_bg_active' => false, 'link_color_active' => false ] ); $linkIconStyle = $cssHelper->generateStyle('li a i', $settings, ['icon_size' => ['font-size', 'line-height'], 'icon_margin' => 'margin'], ['icon_margin' => false], ['icon_margin' => 'spacing']); $barsStyle = $cssHelper->generateStyle('.sppb-responsive-bars', $settings, ['responsive_bar_bg' => 'background-color'], false); $barItemStyle = $cssHelper->generateStyle('.sppb-responsive-bar', $settings, ['responsive_bar_color' => 'color'], false); $barsActiveStyle = $cssHelper->generateStyle('.sppb-responsive-bars.open', $settings, ['responsive_bar_bg_active' => 'background-color'], false); $barItemActiveStyle = $cssHelper->generateStyle('.sppb-responsive-bars.open .sppb-responsive-bar', $settings, ['responsive_bar_color_active' => 'color'], false); $css .= $linkStyle; $css .= $linkTypographyStyle; $css .= $linkHoverStyle; $css .= $linkActiveStyle; $css .= $linkIconStyle; $css .= $barsStyle; $css .= $barsActiveStyle; $css .= $barItemStyle; $css .= $barItemActiveStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let links = (typeof data.sp_link_list_item !== "undefined" && data.sp_link_list_item) ? data.sp_link_list_item : []; let type = (typeof data.type !== "undefined" && data.type) ? data.type : "nav"; let align = (typeof data.align !== "undefined" && data.align) ? data.align : "left"; let icon_position = (typeof data.icon_position !== "undefined" && data.icon_position) ? data.icon_position : "left"; let scroll_to = (typeof data.scroll_to !== "undefined" && data.scroll_to) ? data.scroll_to : false; let sticky_menu = (typeof data.sticky_menu !== "undefined" && data.sticky_menu) ? data.sticky_menu : false; let responsive_menu = (typeof data.responsive_menu !== "undefined") ? data.responsive_menu : true; let responsive_bar_aria_label = data.responsive_bar_aria_label \|\| "Mobile Navigation Button"; let nav_type = "sppb-link-list-" + type; let nav_align = "sppb-nav-align-" + align; let sticky_row_attr = ""; if (sticky_menu) { sticky_row_attr = \' data-sticky-it="true"\'; } let responsive_menu_cls = ""; if(responsive_menu) { responsive_menu_cls = "sppb-link-list-responsive"; } #> <style type="text/css">'; $typographyFallbacks = [ 'font' => 'data.link_font_family', 'size' => 'data.link_fontsize', 'line_height' => 'data.link_lineheight', 'letter_spacing' => 'data.link_letterspace', 'uppercase' => 'data.link_font_style?.uppercase', 'italic' => 'data.link_font_style?.italic', 'underline' => 'data.link_font_style?.underline', 'weight' => 'data.link_font_style?.weight' ]; $output .= $lodash->color('color', 'li a', 'data.link_color'); $output .= $lodash->color('background-color', 'li a', 'data.link_bg'); $output .= $lodash->color('color', 'li:not(.sppb-active) a:hover', 'data.link_color_hover'); $output .= $lodash->color('background-color', 'li:not(.sppb-active) a:hover', 'data.link_bg_hover'); $output .= $lodash->color('color', 'li.sppb-active a', 'data.link_color_active'); $output .= $lodash->color('background-color', 'li.sppb-active a', 'data.link_bg_active'); $output .= $lodash->spacing('margin', 'li a', 'data.link_margin'); $output .= $lodash->spacing('padding', 'li a', 'data.link_padding'); $output .= $lodash->unit('border-radius', 'li a', 'data.link_border_radius', 'px'); $output .= $lodash->typography('li a', 'data.link_typography', $typographyFallbacks); // icon $output .= '<# if (icon_position == "top") { #>'; $output .= '#sppb-addon-{{ data.id }} li a {text-align: center;}'; $output .= '<# } #>'; $output .= $lodash->unit('font-size', 'li a i', 'data.icon_size', 'px'); $output .= $lodash->spacing('margin', 'li a i', 'data.icon_margin'); // burger menu $output .= $lodash->color('background-color', '.sppb-responsive-bar', 'data.responsive_bar_color'); $output .= $lodash->color('background-color', '.sppb-responsive-bars', 'data.responsive_bar_bg'); $output .= $lodash->color('background-color', '.sppb-responsive-bars.open .sppb-responsive-bar', 'data.responsive_bar_color_active'); $output .= $lodash->color('background-color', '.sppb-responsive-bars.open', 'data.responsive_bar_bg_active'); $output .= ' </style> <div class="sppb-link-list-wrap {{ nav_type }} {{ nav_align }} {{ responsive_menu_cls }} {{data.class}}" {{{ sticky_row_attr }}}> <# if(responsive_menu){ #> <div class="sppb-responsive-bars" aria-label="{{responsive_bar_aria_label}}"><span class="sppb-responsive-bar"></span><span class="sppb-responsive-bar"></span><span class="sppb-responsive-bar"></span></div> <# } #> <nav role="navigation" aria-label="Menu"><ul id="nav-menu"> <# _.each(links, function(link, i) { let icon_arr = (typeof link.icon !== "undefined" && link.icon) ? link.icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+link.icon : link.icon; let icon = (typeof link.icon !== "undefined") ? \'<i class="\' + icon_name + \'"></i>\' : ""; let scroll_to_attr = (scroll_to) ? \' data-scroll-to="true" \' : ""; let active = (typeof link.active !== "undefined" && link.active) ? " sppb-active" : ""; let title = (typeof link.title !== "undefined" && link.title) ? link.title : ""; let link_text = ""; if (icon_position == "right") { link_text = title + " " + icon; } else if (icon_position == "top") { link_text = icon + "<br />" + title; } else { link_text = icon + " " + title; } #> <li class="{{ link.class }} {{ active }}"> <# const urlObj = _.isObject(link.url) ? link.url : window.getSiteUrl(link?.url, link?.target); const {url, menu, page, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const target = new_tab ? "_blank" : ""; let rel=""; rel += nofollow ? "nofollow" : ""; rel += noopener ? " noopener" : ""; rel += noreferrer ? " noreferrer" : ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu \|\| ""; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a href=\'{{ newUrl }}\' target=\'{{ target }}\' rel=\'{{ rel }}\' {{{ scroll_to_attr }}}>{{{ link_text }}}</a> </li> <# }); #> </ul></nav> </div> '; return $output; } } ��navigation/admin.php��0000644��00000031561�15231074400�0010506 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'general', 'addon_name' => 'navigation', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.5A1.5 1.5 0 014.5 4h23a1.5 1.5 0 010 3h-23A1.5 1.5 0 013 5.5zM3 15.5A1.5 1.5 0 014.5 14h23a1.5 1.5 0 010 3h-23A1.5 1.5 0 013 15.5zM3 25.5A1.5 1.5 0 014.5 24h23a1.5 1.5 0 010 3h-23A1.5 1.5 0 013 25.5z" fill="currentColor"/></svg>', 'settings' => [ 'items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_link_list_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'Home', ], 'url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), ], 'icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), ], 'active' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_ENABLE_ACTIVE'), 'std' => 0 ], 'class' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLASS'), ], ], ], 'scroll_to_separator' => [ 'type' => 'separator', ], 'scroll_to' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_ENABLE_SCROLL_TO'), 'std' => 0 ], 'scroll_to_offset' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_ENABLE_SCROLL_TO_OFFSET'), 'depends' => [ ['scroll_to', '=', 1], ], 'max' => 2000, 'min' => -2000, ], 'sticky_menu' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_ENABLE_STICKY'), 'std' => 0 ], 'type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_TYPE'), 'values' => [ 'nav' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_TYPE_NAV'), 'list' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_TYPE_LIST'), ], 'std' => 'nav' ], 'align_separator' => [ 'type' => 'separator', ], 'align' => [ 'type' => 'radio', 'style_property' => true, 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'center' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CENTER'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], ], ], 'style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'fields' => [ 'link_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'link_font_family', 'size' => 'link_fontsize', 'line_height' => 'link_lineheight', 'letter_spacing' => 'link_letterspace', 'uppercase' => 'link_font_style.uppercase', 'italic' => 'link_font_style.italic', 'underline' => 'link_font_style.underline', 'weight' => 'link_font_style.weight', ], ], 'style_tab_separator' => [ 'type' => 'separator', ], 'style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active'], ], 'std' => 'normal', 'tabs' => true, ], 'link_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#3366FF', 'depends' => [ ['style_tab', '=', 'normal'], ], ], 'link_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#F5F5F5', 'depends' => [ ['style_tab', '=', 'normal'], ], ], 'link_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['style_tab', '=', 'hover'], ], ], 'link_bg_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['style_tab', '=', 'hover'], ], ], 'link_color_active' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['style_tab', '=', 'active'], ], ], 'link_bg_active' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['style_tab', '=', 'active'], ], ], ], ], 'link' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'fields' => [ 'link_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => ['xl' => '5px 15px 5px 15px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'link_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true ], 'link_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'std' => 3, 'min' => 0, 'max' => 100, 'std' => ['xl' => 4], 'responsive' => true ], ], ], 'icon' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'fields' => [ 'icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), ], 'std' => 'left', ], 'icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'max' => 200, 'responsive' => true, ], 'icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true ], ], ], 'burger_menu' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_BURGER_MENU'), 'fields' => [ 'responsive_menu' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_BURGER_MENU'), 'std' => 1, 'is_header' => 1, ], 'responsive_menu_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active'], ], 'std' => 'normal', 'tabs' => true, 'depends' => [['responsive_menu', '=', 1]], ], 'responsive_bar_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#3366FF', 'depends' => [ ['responsive_menu', '=', 1], ['responsive_menu_tab', '!=', 'active'], ], ], 'responsive_bar_bg_active' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#3366FF', 'depends' => [ ['responsive_menu', '=', 1], ['responsive_menu_tab', '=', 'active'], ], ], 'responsive_bar_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#F5F5F5', 'depends' => [ ['responsive_menu', '=', 1], ['responsive_menu_tab', '!=', 'active'], ], ], 'responsive_bar_color_active' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#FFFFFF', 'depends' => [ ['responsive_menu', '=', 1], ['responsive_menu_tab', '=', 'active'], ], ], 'responsive_bar_aria_label' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ARIA_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ARIA_LABEL_DESC'), 'std' => '', 'depends' => [ ['responsive_menu', '=', 1], ], ], ], ], ], ]); ��navigation/.htaccess��0000555��00000000355�15231074400�0010501 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonial/assets/images/icon.png��0000644��00000000404�15231074400�0013273 0��ustar�00��PNG �� IHDR��L��L��5�L��$PLTE��XG��tRNS��@�0 ��p`�>:��IDATH�c�� ՕMR5B��4�pQƴ+�DSe��X��` � L� �� a��R\|P�7�)c� DhP8�t0�� 3�o�T�"zp'K��Cc0��&��k`��%_:IIڔ��IEND�B`��testimonial/assets/images/.htaccess��0000555��00000000355�15231074400�0013441 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonial/assets/.htaccess��0000555��00000000355�15231074400�0012174 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonial/site.php��0000644��00000063220�15231074400�0010550 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonTestimonial extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $style = (isset($settings->style) && $settings->style) ? $settings->style : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; $show_quote = (isset($settings->show_quote)) ? $settings->show_quote : true; $designation_position = (isset($settings->designation_position)) ? $settings->designation_position : 'bottom'; // Options $review = (isset($settings->review) && $settings->review) ? $settings->review : ''; $name = (isset($settings->name) && $settings->name) ? $settings->name : ''; $company = (isset($settings->company) && $settings->company) ? $settings->company : ''; $avatar_shape = (isset($settings->avatar_shape) && $settings->avatar_shape) ? $settings->avatar_shape : 'sppb-avatar-circle'; // $link = (isset($settings->link) && $settings->link) ? $settings->link : ''; // $link_target = (isset($settings->link_target) && $settings->link_target) ? ' rel="noopener noreferrer" target="' . $settings->link_target . '"' : ''; list($link, $link_target) = AddonHelper::parseLink($settings, 'url', ['url' => 'link', 'new_tab' => 'link_target']); $avatar = (isset($settings->avatar) && $settings->avatar) ? $settings->avatar : ''; $avatar_src = isset($avatar->src) ? $avatar->src : $avatar; $avatar_width = (isset($avatar->width) && $avatar->width) ? $avatar->width : ''; $avatar_height = (isset($avatar->height) && $avatar->height) ? $avatar->height : ''; // Lazy load image $placeholder = $avatar_src == '' ? false : $this->get_image_placeholder($avatar_src); $avatar_img = ''; if (strpos($avatar_src, "http://") !== false \|\| strpos($avatar_src, "https://") !== false) { $avatar_img = $avatar_src; } else { if ($avatar_src) { $avatar_img = Uri::base() . $avatar_src; } } // Rating $client_rating_enable = (isset($settings->client_rating_enable)) ? $settings->client_rating_enable : ''; $client_rating = (isset($settings->client_rating)) ? $settings->client_rating : ''; // Output $output = ''; $output .= '<div class="sppb-addon sppb-addon-testimonial ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; if ($show_quote && $designation_position !== 'top') { $output .= '<span class="fa fa-quote-left" aria-hidden="true"></span>'; } if ($designation_position == 'top') { $output .= '<div class="sppb-testimonial-top-content sppb-addon-testimonial-footer">'; $output .= $link ? '<a ' . $link_target . ' href="' . $link . '">' : ''; $output .= '<div class="sppb-addon-testimonial-content-wrap">'; $output .= $avatar_img ? '<img src="' . ($placeholder ? $placeholder : $avatar_img) . '" class="' . $avatar_shape . ' sppb-addon-testimonial-avatar' . ($placeholder ? ' sppb-element-lazy' : '') . '" alt="' . $name . '" ' . ($placeholder ? 'data-large="' . $avatar_img . '"' : '') . ' ' . ($avatar_width ? 'width="' . $avatar_width . '"' : '') . ' ' . ($avatar_height ? 'height="' . $avatar_height . '"' : '') . ' loading="lazy">' : ''; $output .= '<span>'; $output .= '<span class="sppb-addon-testimonial-client">' . $name . '</span>'; $output .= '<br /><span class="sppb-addon-testimonial-client-url">' . $company . '</span>'; $output .= '</span>'; $output .= '</div>'; $output .= $link ? '</a>' : ''; if ($show_quote) { $output .= '<span class="fa fa-quote-right" aria-hidden="true"></span>'; } $output .= '</div>'; if ($client_rating_enable) { $output .= '<div class="sppb-addon-testimonial-rating">'; if ($client_rating == 1) { $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 2) { $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 3) { $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 4) { $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 5) { $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; $output .= '<i class="fa fa-star" aria-hidden="true"></i>'; } $output .= '</div>'; } } $output .= '<div class="sppb-addon-testimonial-review">'; $output .= $review; $output .= '</div>'; if ($designation_position !== 'top') { $output .= '<div class="sppb-addon-testimonial-footer">'; $output .= $link ? '<a ' . $link_target . ' href="' . $link . '">' : ''; $output .= '<div class="sppb-addon-testimonial-content-wrap">'; $output .= $avatar_img ? '<img src="' . ($placeholder ? $placeholder : $avatar_img) . '" class="' . $avatar_shape . ' sppb-addon-testimonial-avatar' . ($placeholder ? ' sppb-element-lazy' : '') . '" alt="' . $name . '" ' . ($placeholder ? 'data-large="' . $avatar_img . '"' : '') . ' ' . ($avatar_width ? 'width="' . $avatar_width . '"' : '') . ' ' . ($avatar_height ? 'height="' . $avatar_height . '"' : '') . ' loading="lazy">' : ''; $output .= '<span>'; $output .= '<span class="sppb-addon-testimonial-client">' . $name . '</span>'; $output .= '<br /><span class="sppb-addon-testimonial-client-url">' . $company . '</span>'; $output .= '</span>'; $output .= '</div>'; $output .= $link ? '</a>' : ''; $output .= '</div>'; if ($client_rating_enable) { $output .= '<div class="sppb-addon-testimonial-rating">'; if ($client_rating == 1) { $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 2) { $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 3) { $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 4) { $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star-o" aria-hidden="true"></i>'; } elseif ($client_rating == 5) { $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; $output .= '<i class="fas fa-star" aria-hidden="true"></i>'; } $output .= '</div>'; } } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $settings->text_alignment = CSSHelper::parseAlignment($settings, 'alignment'); $textAlignmentStyle = $cssHelper->generateStyle('.sppb-addon-testimonial', $settings, ['text_alignment' => 'text-align'], false); $settings->flex_alignment = CSSHelper::parseAlignment($settings, 'text_alignment', true); $flexAlignmentStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-content-wrap', $settings, ['flex_alignment' => 'justify-content'], false); $reviewStyleProps = [ 'review_color' => 'color', 'review_margin' => 'margin', ]; $reviewStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-review', $settings, $reviewStyleProps, false, ['name_margin' => 'spacing']); $reviewFontStyle = $cssHelper->typography('.sppb-addon-testimonial-review', $settings, 'review_typography', ['font' => 'review_font_family', 'size' => 'review_size', 'line_height' => 'review_line_height', 'weight' => 'review_fontweight']); $nameStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-footer .sppb-addon-testimonial-client', $settings, ['name_color' => 'color', 'name_margin' => 'margin'], false, ['name_margin' => 'spacing']); $nameFontStyle = $cssHelper->typography('.sppb-addon-testimonial-footer .sppb-addon-testimonial-client', $settings, 'name_typography', ['font' => 'name_font_family', 'size' => 'name_font_size', 'line_height' => 'name_line_height', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', 'weight' => 'name_font_style.weight']); $companyStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-footer .sppb-addon-testimonial-client-url', $settings, ['company_color' => 'color'], false); $companyFontStyle = $cssHelper->typography('.sppb-addon-testimonial-footer .sppb-addon-testimonial-client-url', $settings, 'designation_typography', ['font' => 'company_font_family', 'size' => 'company_font_size', 'line_height' => 'company_line_height', 'uppercase' => 'company_font_style.uppercase', 'italic' => 'company_font_style.italic', 'underline' => 'company_font_style.underline', 'weight' => 'company_font_style.weight']); $avatarStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-content-wrap img', $settings, ['avatar_width' => ['width', 'height'], 'avatar_margin' => 'margin'], ['avatar_margin' => false], ['avatar_margin' => 'spacing']); if (!empty($settings->avatar_dis_block)) { $avatarDisplayStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-content-wrap > span,.sppb-addon-testimonial-content-wrap', $settings, [], false, null, null, false, 'display: block;'); $css .= $avatarDisplayStyle; } $iconStyle = $cssHelper->generateStyle('.sppb-addon-testimonial .fa-quote-left, .sppb-addon-testimonial .fa-quote-right', $settings, ['icon_color' => 'color', 'icon_size' => 'font-size'], ['icon_color' => false]); $ratingStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-rating i', $settings, ['client_rating_fontsize' => 'font-size', 'client_rating_margin' => 'margin'], ['client_rating_margin' => false], ['client_rating_margin' => 'spacing']); $clientRatingStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-rating i.fa-star', $settings, ['client_rating_color' => 'color'], false); $clientUnratedStyle = $cssHelper->generateStyle('.sppb-addon-testimonial-rating i.fa-star-o', $settings, ['client_unrated_color' => 'color'], false); $css .= $iconStyle; $css .= $nameStyle; $css .= $reviewStyle; $css .= $avatarStyle; $css .= $ratingStyle; $css .= $companyStyle; $css .= $nameFontStyle; $css .= $reviewFontStyle; $css .= $companyFontStyle; $css .= $clientRatingStyle; $css .= $textAlignmentStyle; $css .= $flexAlignmentStyle; $css .= $clientUnratedStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let avatar_position = data.avatar_position \|\| "left" let avatar = "" if (typeof data.avatar !== "undefined" && typeof data.avatar.src !== "undefined") { avatar = data.avatar } else { avatar = {src: data.avatar} } let avatar_shape = data.avatar_shape \|\| "sppb-avatar-circle"; const urlObj = _.isObject(data.url) ? data.url : window.getSiteUrl(data?.link \|\| "", data?.link_target \|\| ""); const {url, menu, page, type, new_tab, nofollow, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank" : ""; let relValue=""; relValue += nofollow ? "nofollow" : ""; relValue += noreferrer ? " noreferrer" : ""; relValue += noopener ? " noopener" : ""; let newUrl = ""; if(type === "url" \|\| !type) newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; let reviewer_link = newUrl; let link_target = (new_tab)? "target=\'"+ target +"\'": ""; let relfollow = (relValue)? relValue: ""; if(!data.designation_position){ data.designation_position = "bottom"; } #> <style type="text/css">'; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= '<# if (data.avatar_dis_block) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-addon-testimonial-content-wrap > span, #sppb-addon-{{ data.id }} .sppb-addon-testimonial-content-wrap { display:block; }'; $output .= '<# } #>'; $output .= '<# if (data.show_quote) { #>'; $output .= $lodash->unit('font-size', '.sppb-addon-testimonial .fa-quote-left, .sppb-addon-testimonial .fa-quote-right', 'data.icon_size', 'px'); $output .= $lodash->color('color', '.sppb-addon-testimonial .fa-quote-left, .sppb-addon-testimonial .fa-quote-right', 'data.icon_color'); $output .= '<# } #>'; $output .= '<# if (data.client_rating_enable) { #>'; $output .= $lodash->unit('font-size', '.sppb-addon-testimonial-rating i', 'data.client_rating_fontsize', 'px'); $output .= $lodash->spacing('margin', '.sppb-addon-testimonial-rating i', 'data.client_rating_margin'); $output .= '<# } #>'; $output .= $lodash->color('color', '.sppb-addon-testimonial-rating i.fa-star', 'data.client_rating_color'); $output .= $lodash->color('color', '.sppb-addon-testimonial-rating i.fa-star-o', 'data.client_unrated_color'); $output .= $lodash->alignment('text-align', '.sppb-addon-testimonial', 'data.alignment'); $output .= $lodash->flexAlignment('.sppb-addon-testimonial-content-wrap', 'data.alignment'); // Review $reviewTypographyFallbacks = [ 'font' => 'data.review_font_family', 'size' => 'data.review_size', 'line_height' => 'data.review_line_height', 'weight' => 'data.review_fontweight', ]; $output .= $lodash->typography('.sppb-addon-testimonial-review', 'data.review_typography', $reviewTypographyFallbacks); // Name $nameTypographyFallbacks = [ 'font' => 'data.name_font_family', 'size' => 'data.name_font_size', 'line_height' => 'data.name_line_height', 'uppercase' => 'data.name_font_style?.uppercase', 'italic' => 'data.name_font_style?.italic', 'underline' => 'data.name_font_style?.underline', 'weight' => 'data.name_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-testimonial-footer .sppb-addon-testimonial-client', 'data.name_typography', $nameTypographyFallbacks); // Designation $designationTypographyFallbacks = [ 'font' => 'data.company_font_family', 'size' => 'data.company_font_size', 'line_height' => 'data.company_line_height', 'uppercase' => 'data.company_font_style?.uppercase', 'italic' => 'data.company_font_style?.italic', 'underline' => 'data.company_font_style?.underline', 'weight' => 'data.company_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-testimonial-footer .sppb-addon-testimonial-client-url', 'data.designation_typography', $designationTypographyFallbacks); // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-testimonial .sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-addon-testimonial-review', 'data.review_color'); $output .= $lodash->color('color', '.sppb-addon-testimonial-footer .sppb-addon-testimonial-client', 'data.name_color'); $output .= $lodash->color('color', '.sppb-addon-testimonial-footer .sppb-addon-testimonial-client-url', 'data.company_color'); $output .= $lodash->spacing('margin', '.sppb-addon-testimonial-review', 'data.review_margin'); $output .= $lodash->spacing('margin', '.sppb-addon-testimonial-footer .sppb-addon-testimonial-client', 'data.name_margin'); $output .= $lodash->spacing('margin', '.sppb-addon-testimonial-footer .sppb-addon-testimonial-client-url', 'data.client_rating_margin'); $output .= $lodash->spacing('margin', '.sppb-addon-testimonial-content-wrap img', 'data.avatar_margin'); $output .= $lodash->unit('height', '.sppb-addon-testimonial-content-wrap img', 'data.avatar_width', 'px'); $output .= $lodash->unit('width', '.sppb-addon-testimonial-content-wrap img', 'data.avatar_width', 'px'); $output .= ' </style> <div class="sppb-addon sppb-addon-testimonial {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <# if(data.show_quote && data.designation_position !== "top"){ #> <span class="fa fa-quote-left"></span> <# } #> <# if(data.designation_position == "top") { #> <div class="sppb-testimonial-top-content sppb-addon-testimonial-footer"> <# if (reviewer_link) { #> <a {{ link_target }} rel=\'{{ relfollow }}\' href=\'{{ reviewer_link }}\'> <# } #> <div class="sppb-addon-testimonial-content-wrap"> <# if (avatar.src && avatar.src.indexOf("https://") == -1 && avatar.src.indexOf("http://") == -1) { #> <img class="{{ avatar_shape }} sppb-addon-testimonial-avatar" src=\'{{ pagebuilder_base + avatar.src }}\' width="{{ data.avatar_width }}" height="{{ data.avatar_width }}" alt="{{ data.name }}"> <# } else if(avatar){ #> <img class="{{ avatar_shape }} sppb-addon-testimonial-avatar" src=\'{{ avatar.src }}\' width="{{ data.avatar_width }}" height="{{ data.avatar_width }}" alt="{{ data.name }}"> <# } #> <span> <span class="sppb-addon-testimonial-client">{{ data.name }}</span> <br /><span class="sppb-addon-testimonial-client-url">{{ data.company }}</span> </span> </div> <# if (reviewer_link) { #> </a> <# } #> <# if(data.show_quote){ #> <span class="fa fa-quote-right"></span> <# } #> </div> <# if(data.client_rating_enable){ #> <div class="sppb-addon-testimonial-rating"> <# if(data.client_rating == 1){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 2){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 3){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 4){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 5){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <# } #> </div> <# } } #> <div id="addon-review-{{data.id}}" class="sppb-addon-testimonial-review sp-editable-content" data-id={{data.id}} data-fieldName="review"> {{{ data.review }}} </div> <# if(data.designation_position !== "top") { #> <div class="sppb-addon-testimonial-footer"> <# if (reviewer_link) { #> <a {{ link_target }} rel=\'{{ relfollow }}\' href=\'{{ reviewer_link }}\'> <# } #> <div class="sppb-addon-testimonial-content-wrap"> <# if (avatar.src && avatar.src.indexOf("https://") == -1 && avatar.src.indexOf("http://") == -1) { #> <img class="{{ avatar_shape }} sppb-addon-testimonial-avatar" src=\'{{ pagebuilder_base + avatar.src }}\' width="{{ data.avatar_width }}" height="{{ data.avatar_width }}" alt="{{ data.name }}"> <# } else if(avatar.src){ #> <img class="{{ avatar_shape }} sppb-addon-testimonial-avatar" src=\'{{ avatar.src }}\' width="{{ data.avatar_width }}" height="{{ data.avatar_width }}" alt="{{ data.name }}"> <# } #> <span> <span class="sppb-addon-testimonial-client">{{ data.name }}</span> <br /><span class="sppb-addon-testimonial-client-url">{{ data.company }}</span> </span> </div> <# if (reviewer_link) { #> </a> <# } #> </div> <# if(data.client_rating_enable){ #> <div class="sppb-addon-testimonial-rating"> <# if(data.client_rating == 1){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 2){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 3){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 4){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star-o" aria-hidden="true"></i> <# } else if(data.client_rating == 5){ #> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <# } #> </div> <# } } #> </div> </div> '; return $output; } }��testimonial/admin.php��0000644��00000023502�15231074400�0010673 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'testimonial', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.455 4.455a4 4 0 014-4h20.181a4 4 0 014 4v17.272a4 4 0 01-4 4h-3.272v4.819a1 1 0 01-1.707.707l-5.526-5.526H9.515a4 4 0 01-2.828-1.171l-4.06-4.061a4 4 0 01-1.172-2.829V4.455zm4-2a2 2 0 00-2 2v13.211a2 2 0 00.585 1.415l4.061 4.06a2 2 0 001.414.586h6.03a1 1 0 01.708.293l4.11 4.111v-3.404a1 1 0 011-1h4.273a2 2 0 002-2V4.455a2 2 0 00-2-2H5.455z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M10.91 9.455a1 1 0 011-1h7.272a1 1 0 110 2h-7.273a1 1 0 01-1-1zM10.91 16.727a1 1 0 011-1h7.272a1 1 0 110 2h-7.273a1 1 0 01-1-1z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NAME'), 'std' => 'John Doe', ], 'url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'std' => ['url' => 'https://www.joomshaper.com'], ], 'name_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'name_font_family', 'size' => 'name_font_size', 'line_height' => 'name_line_height', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', 'weight' => 'name_font_style.weight', ], ], 'name_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'name_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'review_separator' => [ 'type' => 'separator', ], 'review' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'std' => 'Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.' ], 'review_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'review_font_family', 'size' => 'review_size', 'line_height' => 'review_line_height', 'weight' => 'review_fontweight', ], ], 'review_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'review_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'company_sperator' => [ 'type' => 'separator', ], 'company' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DESIGNATION'), 'std' => 'CEO, Company', ], 'designation_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'company_font_family', 'size' => 'company_font_size', 'line_height' => 'company_line_height', 'uppercase' => 'company_font_style.uppercase', 'italic' => 'company_font_style.italic', 'underline' => 'company_font_style.underline', 'weight' => 'company_font_style.weight', ], ], 'company_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'designation_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_ADDON_OPTIN_POSITION_TOP'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], 'std' => 'bottom' ], 'avatar_separator' => [ 'type' => 'separator', ], 'avatar' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_AVATAR'), ], 'avatar_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => 32, 'min' => 16, 'max' => 128 ], 'avatar_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SHAPE'), 'values' => [ 'sppb-avatar-sqaure' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SQUARE'), 'sppb-avatar-round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ROUNDED'), 'sppb-avatar-circle' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CIRCLE'), ], 'std' => 'sppb-avatar-circle' ], 'avatar_dis_block' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_AVATAR_BLOCK'), 'std' => 0, ], 'avatar_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'available_options' => ['left', 'center', 'right'], 'responsive' => true, 'std' => [ 'xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ] ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'show_quote' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_SHOW_ICON'), 'values' => [ 1 => Text::_('JYES'), 0 => Text::_('JNO'), ], 'std' => 1, ], 'icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 48, 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'min' => 10, 'max' => 200, 'responsive' => true, 'depends' => [['show_quote', '=', 1]], ], 'icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#EDEEF2', 'depends' => [['show_quote', '=', 1]], ], 'client_rating_separator_start' => [ 'type' => 'separator', ], 'client_rating_enable' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING_ENABLE'), 'std' => 0 ], 'client_rating' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING_DESC'), 'max' => 5, 'min' => 1, 'std' => 5, 'depends' => [['client_rating_enable', '=', 1]], ], 'client_rating_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING_COLOR'), 'depends' => [['client_rating_enable', '=', 1]], ], 'client_unrated_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_UNRATED_COLOR'), 'depends' => [['client_rating_enable', '=', 1]], ], 'client_rating_fontsize' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'responsive' => true, 'std' => ['xl' => 16, 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['client_rating_enable', '=', 1]], ], 'client_rating_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => ['xl' => '10px 5px 10px 5px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['client_rating_enable', '=', 1]], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ] ] ], ]); ��testimonial/.htaccess��0000555��00000000355�15231074400�0010672 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_overlay/assets/images/icon.png��0000644��00000003330�15231074400�0013567 0��ustar�00��PNG �� IHDR��i7�@��gAMA��a�� cHRM��z&��u0��`��:��p��Q<��bKGD��#2�� pHYs�� B(�x��tIME� )�e��IDATx��]lE��Sm� ��Q+��@-Ūh�51���M�01��!�/��5�EI� �h�HM��`��1�ƶЖRh!r�8�9{��wfg9��\��>gw��삕��U15�O�L?<��:� `��Y�T�ϸI�L��X�,�8M�4=��U��z��t�e�N��,�� `:Ӳ�L'`Z��L��fvp�KD�/x'�F��u�ʥ>`�}��6z��p�w�)�އJ��F�Y�s�&�ޫ�f�&0�~�]��t��s�vj��w`�T�oکr��&�Rs��,�� `:��;,U��54��QΛ6��0U�F�d޷e��Ϡ~�u\|_��M�]��}��a�K-��3��3�&��o{�\� ��\?�R-�N�%��[�>̆��[�)W�[D٣,)��1�B9��3%c��3@_%��\|Igɘ��h�B�1)��Q��t��̋.C��]��E��1�p�:�T���#T��L�c�d�9 ��ZY�^J"�#��Zר�y�A��u�T��'��Z��G�<��39ݪ��B��yMD� �1��D�H��@�(�\��/ \��-�]A��l˫m�񆘁�fgH�4� x4Y�3,��LUT��$ןUYX��f$�D��f�r��\�Y>ɽ��#x,I�`�J�}µJ��#hM��΃4i��@e��/D�(��u��.��po��JF9�� EN�-�i��~.��>�[�H_<�+��/D��s\�ŏĀ ��\|��q)�Ӎ ��\��.�� Q` gE�,�Ł�sR�AC;`�� Q��!�W��"r�aV��X̠��b]�=��φ��5�]��7�T�W��"�?6��"U�@�}e��#�_Y��D�W �Ni�M�éA�ξ"��K�;<�J�J��-��k�6��{"�W�`��@�Ϸ/�� ڏ�U��Q�� 7��@��ڢ 8�@��[��,��!�g?$��7� ��i]��G�uQA�x�� ŨA��yVa��@��Yq"��[R�E��Ӕ�A<�C�X�#,-y�L��ݚ�r"�o?0��TkOiA�O�� ]<��\|E��K �S\� fԣ��L��Q� h�\|Kl��R^��%�W�g�L�l��xMŜ뗀`�N��,�� `:Ӳ�L'`Zs@��+�<s�򴌫��Y��O��l:G�:�Pɫ��_�0��U2�?�d�K�,��%tEXtdate:create�2018-09-07T13:41:07+02:00��f��%tEXtdate:modify�2018-09-07T13:41:07+02:00��tEXtSoftware�www.inkscape.org��<��IEND�B`��image_overlay/assets/images/.htaccess��0000555��00000000355�15231074400�0013734 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_overlay/assets/.htaccess��0000555��00000000355�15231074400�0012467 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_overlay/site.php��0000644��00000064331�15231074400�0011047 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; use Joomla\CMS\Layout\FileLayout; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonImage_overlay extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $title_icon = (isset($settings->title_icon) && $settings->title_icon) ? $settings->title_icon : ''; $title_icon_arr = array_filter(explode(' ', $title_icon)); if (count($title_icon_arr) === 1) { $title_icon = 'fa ' . $title_icon; } $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h4'; list($titleLink, $titleTarget) = AddonHelper::parseLink($settings, 'title_link', ['url' => 'title_link', 'new_tab' => 'title_link_new_window']); // Subtitle Options $sub_title = (isset($settings->sub_title) && $settings->sub_title) ? $settings->sub_title : ''; $subtitle_heading_selector = (isset($settings->subtitle_heading_selector) && $settings->subtitle_heading_selector) ? $settings->subtitle_heading_selector : 'div'; $sub_title_icon = (isset($settings->sub_title_icon) && $settings->sub_title_icon) ? $settings->sub_title_icon : ''; $subt_icon_arr = array_filter(explode(' ', $sub_title_icon)); if (count($subt_icon_arr) === 1) { $sub_title_icon = 'fa ' . $sub_title_icon; } // Title subtitle position $title_subtitle_position = (isset($settings->title_subtitle_position) && $settings->title_subtitle_position) ? $settings->title_subtitle_position : 'top-left'; $show_content_on_hover = (isset($settings->show_content_on_hover) && $settings->show_content_on_hover) ? $settings->show_content_on_hover : ''; // Background Image Options $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_src = isset($image->src) ? $image->src : $image; $background_image_animation = (isset($settings->background_image_animation) && $settings->background_image_animation) ? $settings->background_image_animation : ''; $image_link = ''; if (strpos($image_src, "http://") !== false \|\| strpos($image_src, "https://") !== false) { $image_link = $image_src; } else { $image_link = Uri::base() . $image_src; } $image_in_lightbox = (isset($settings->image_in_lightbox) && $settings->image_in_lightbox) ? $settings->image_in_lightbox : 0; // Overlay options $overlay_hover_type = (isset($settings->overlay_hover_type) && $settings->overlay_hover_type) ? $settings->overlay_hover_type : ''; $overlay_type = (isset($settings->overlay_type) && $settings->overlay_type) ? $settings->overlay_type : ''; $overlay_mode = (isset($settings->overlay_mode) && $settings->overlay_mode) ? $settings->overlay_mode : ''; // Button options $btn_class = ''; $btn_class .= (isset($settings->type) && $settings->type) ? ' sppb-btn-' . $settings->type : ''; $btn_class .= (isset($settings->size) && $settings->size) ? ' sppb-btn-' . $settings->size : ''; $btn_class .= (isset($settings->block) && $settings->block) ? ' ' . $settings->block : ''; $btn_class .= (isset($settings->shape) && $settings->shape) ? ' sppb-btn-' . $settings->shape : ' sppb-btn-rounded'; $btn_class .= (isset($settings->appearance) && $settings->appearance) ? ' sppb-btn-' . $settings->appearance : ''; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; list($btn_url, $btn_target) = AddonHelper::parseLink($settings, 'url', ['url' => 'url', 'new_tab' => 'target']); $attribs = (isset($btn_target) && $btn_target) ? ' ' . $btn_target . '' : ''; $attribs .= (!empty($btn_url)) ? ' href="' . $btn_url . '"' : ''; $attribs .= ' id="btn-' . $this->addon->id . '"'; $icon_arr = array_filter(explode(' ', $icon)); if (count($icon_arr) === 1) { $icon = 'fas ' . $icon; } if ($icon_position == 'left') { $text = ($icon) ? '<i class="' . $icon . '" aria-hidden="true"></i> ' . $text : $text; } else { $text = ($icon) ? $text . ' <i class="' . $icon . '" aria-hidden="true"></i>' : $text; } $output = ''; $output .= '<div class="sppb-addon sppb-addon-overlay-image ' . $class . ' image-effect-' . $background_image_animation . ' ' . ($show_content_on_hover ? 'overlay-show-content-on-hover' : '') . '">'; $output .= '<div class="sppb-addon-overlay-image-content title-subtitle-' . $title_subtitle_position . '">'; if (($title \|\| $sub_title) && $title_subtitle_position) { $output .= '<div class="overlay-image-title">'; $output .= '<' . $heading_selector . ' class="sppb-addon-title">'; if ($titleLink) { $output .= '<a href="' . $titleLink . '" ' . $titleTarget . '>'; } if ($title_icon) { $output .= '<i class="' . $title_icon . '" aria-hidden="true"></i>'; } $output .= $title; if ($titleLink) { $output .= '</a>'; } $output .= '</' . $heading_selector . '>'; if ($sub_title) { $output .= '<' . $subtitle_heading_selector . ' class="sppb-addon-subtitle">'; if ($sub_title_icon) { $output .= '<i class="' . $sub_title_icon . '" aria-hidden="true"></i>'; } $output .= $sub_title; $output .= '</' . $subtitle_heading_selector . '>'; } if ($text) { $output .= '<div class="overlay-image-button-wrap">'; $output .= '<a' . $attribs . ' class="sppb-btn ' . $btn_class . '">' . $text . '</a>'; $output .= '</div>'; } $output .= '</div>'; } $output .= '<div class="overlay-background-image-wrapper">'; $output .= '<div class="overlay-background-image" style="background-image:url(' . $image_link . ');"></div>'; if ($image_in_lightbox && $title_subtitle_position !== 'center-center' && $image_link) { $output .= '<a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="image" data-mainclass="mfp-no-margins mfp-with-zoom" href="' . $image_link . '">+</a>'; } $output .= '</div>'; if ($overlay_type !== 'none' \|\| $overlay_hover_type !== 'none' \|\| $overlay_mode === 'hover') { $output .= '<div class="overlay-background-style"></div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Attach external scripts. * * @return array * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Attach external stylesheets. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $global_border_radius = (isset($settings->global_border_radius) && $settings->global_border_radius) ? $settings->global_border_radius : ''; $overlay_type = (isset($settings->overlay_type) && $settings->overlay_type) ? $settings->overlay_type : ''; if ($global_border_radius) { $settings->dummy_overflow = 'hidden'; $selfStyle = $cssHelper->generateStyle(':self', $settings, ['dummy_overflow' => 'overflow'], false); $css .= $selfStyle; } $titleStyle = $cssHelper->generateStyle('.sppb-addon-title a', $settings, ['title_text_color' => 'color'], false); $titleStyle .= $cssHelper->generateStyle('.sppb-addon-title', $settings, ['title_margin' => 'margin'], false, ['title_margin' => 'spacing']); $subtitleFontStyle = $cssHelper->typography('.sppb-addon-subtitle', $settings, 'sub_title_typography', [ 'font' => 'sub_title_font_family', 'size' => 'sub_title_fontsize', 'letter_spacing' => 'sub_title_letterspace', 'uppercase' => 'sub_title_font_style.uppercase', 'italic' => 'sub_title_font_style.italic', 'underline' => 'sub_title_font_style.underline', 'weight' => 'sub_title_font_style.weight', ]); $subtitleStyle = $cssHelper->generateStyle('.sppb-addon-subtitle', $settings, ['sub_title_margin' => 'margin', 'sub_title_text_color' => 'color'], false, ['sub_title_margin' => 'spacing']); $imageStyle = $cssHelper->generateStyle('.sppb-addon-overlay-image-content', $settings, ['image_height' => 'height']); $iconStyle = $cssHelper->generateStyle('.sppb-addon-image-overlay-icon', $settings, ['lightbox_icon_bg' => 'background'], false); $props = []; if ($overlay_type !== 'none') { if ($overlay_type === 'color') { $props = ['overlay_color' => 'background']; } elseif ($overlay_type === 'gradient') { $settings->overlay_gradient = CSSHelper::parseColor($settings, 'overlay_gradient'); $props = ['overlay_gradient' => 'background']; } } else { $settings->overlay_transparent = 'transparent'; $props = ['overlay_transparent' => 'background']; } $overlayStyle = $cssHelper->generateStyle('.overlay-background-style', $settings, $props, false); $overlay_hover_type = (isset($settings->overlay_hover_type) && $settings->overlay_hover_type) ? $settings->overlay_hover_type : ''; $overlayHoverStyle = ''; if ($overlay_hover_type !== 'none') { if ($overlay_hover_type === 'color') { $overlayHoverStyle .= $cssHelper->generateStyle('.sppb-addon-overlay-image-content:hover .overlay-background-style', $settings, ['overlay_hover_color' => 'background'], false); } elseif ($overlay_hover_type === 'gradient') { $settings->dummy_overlay_opacity = '0.8'; $overlayHoverStyle .= $cssHelper->generateStyle('.sppb-addon-overlay-image-content:hover .overlay-background-style', $settings, ['dummy_overlay_opacity' => 'opacity']); $settings->overlay_hover_gradient = CSSHelper::parseColor($settings, 'overlay_hover_gradient'); $overlayHoverStyle .= $cssHelper->generateStyle('.overlay-background-style::after', $settings, ['overlay_hover_gradient' => 'background'], false); $settings->dummy_hover_after_opacity = '1'; $overlayHoverStyle .= $cssHelper->generateStyle('.sppb-addon-overlay-image-content:hover .overlay-background-style::after', $settings, ['dummy_hover_after_opacity' => 'opacity'], false); } } else { $settings->overlay_hover_transparent = 'transparent'; $overlayHoverStyle = $cssHelper->generateStyle('.sppb-addon-overlay-image-content:hover .overlay-background-style', $settings, ['overlay_hover_transparent' => 'background'], false); } $buttonStyle = $cssHelper->generateStyle('.overlay-image-button-wrap', $settings, ['button_margin' => 'margin'], false, ['button_margin' => 'spacing']); $contentStyle = $cssHelper->generateStyle('.sppb-addon-overlay-image-content', $settings, ['content_padding' => 'padding'], false, ['content_padding' => 'spacing']); $css .= $iconStyle; $css .= $titleStyle; $css .= $imageStyle; $css .= $buttonStyle; $css .= $contentStyle; $css .= $overlayStyle; $css .= $subtitleStyle; $css .= $subtitleFontStyle; $css .= $overlayHoverStyle; // Button styles $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $buttonLayout = new FileLayout('addon.css.button', $layout_path); $options = new stdClass; $options->button_type = (isset($settings->type) && $settings->type) ? $settings->type : ''; $options->button_appearance = (isset($settings->appearance) && $settings->appearance) ? $settings->appearance : ''; $options->button_color = (isset($settings->color) && $settings->color) ? $settings->color : ''; $options->button_color_hover = (isset($settings->color_hover) && $settings->color_hover) ? $settings->color_hover : ''; $options->button_background_color = (isset($settings->background_color) && $settings->background_color) ? $settings->background_color : ''; $options->button_background_color_hover = (isset($settings->background_color_hover) && $settings->background_color_hover) ? $settings->background_color_hover : ''; $options->button_fontstyle = (isset($settings->fontstyle) && $settings->fontstyle) ? $settings->fontstyle : ''; $options->button_font_style = (isset($settings->font_style) && $settings->font_style) ? $settings->font_style : ''; $options->button_padding = isset($settings->button_padding) ? $settings->button_padding : ''; $options->button_padding_original = (isset($settings->button_padding_original) && $settings->button_padding_original) ? $settings->button_padding_original : ''; $options->fontsize = (isset($settings->fontsize) && $settings->fontsize) ? $settings->fontsize : ''; $options->button_letterspace = (isset($settings->letterspace) && $settings->letterspace) ? $settings->letterspace : ''; $options->button_background_gradient = (isset($settings->background_gradient) && $settings->background_gradient) ? $settings->background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($settings->background_gradient_hover) && $settings->background_gradient_hover) ? $settings->background_gradient_hover : new stdClass(); $options->button_typography = !empty($settings->typography) ? $settings->typography : null; $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var img = {} if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { img = data.image } else { img = {src: data.image} } let image_link = ""; if(img.src.indexOf("http://") == 0 \|\| img.src.indexOf("https://") == 0){ image_link = img.src; } else { image_link = pagebuilder_base + img.src; } let overlay_color = (!_.isEmpty(data.overlay_color) && data.overlay_color) ? data.overlay_color : \'rgba(0, 91, 234, 0.5)\'; var modern_font_style = false; var classList = ""; classList += " sppb-btn-"+data.type; classList += " sppb-btn-"+data.size; classList += " sppb-btn-"+data.shape; if(!_.isEmpty(data.appearance)){ classList += " sppb-btn-"+data.appearance; } classList += " "+data.block; #> <style type="text/css">'; // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; // Title $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-addon-title a', 'data.title_color'); $output .= $lodash->spacing('margin', '.sppb-addon-title', 'data.title_margin'); // Subtitle $subtitleTypographyFallbacks = [ 'font' => 'data.sub_title_font_family', 'size' => 'data.sub_title_fontsize', 'letter_spacing' => 'data.sub_title_letterspace', 'uppercase' => 'data.sub_title_font_style?.uppercase', 'italic' => 'data.sub_title_font_style?.italic', 'underline' => 'data.sub_title_font_style?.underline', 'weight' => 'data.sub_title_font_style?.weight', ]; // Subtitle $output .= $lodash->typography('.sppb-addon-subtitle', 'data.sub_title_typography', $subtitleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-addon-subtitle', 'data.sub_title_text_color'); $output .= $lodash->spacing('margin', '.sppb-addon-subtitle', 'data.sub_title_margin'); $output .= $lodash->unit('font-size', '.sppb-addon-subtitle', 'data.sub_title_fontsize', 'px'); $output .= $lodash->unit('background', '.sppb-addon-image-overlay-icon', 'data.lightbox_icon_bg', '', false); $output .= $lodash->spacing('padding', '.sppb-addon-overlay-image-content', 'data.content_padding'); $output .= $lodash->spacing('margin', '.overlay-image-button-wrap', 'data.button_margin'); $output .= $lodash->unit('height', '.sppb-addon-overlay-image-content', 'data.image_height', 'px'); // Button $buttonTypographyFallbacks = [ 'font' => 'data.font_family', 'size' => 'data.fontsize', 'letter_spacing' => 'data.letterspace', 'uppercase' => 'data.font_style?.uppercase', 'italic' => 'data.font_style?.italic', 'underline' => 'data.font_style?.underline', 'weight' => 'data.font_style?.weight', ]; // Button $output .= $lodash->typography('#btn-{{ data.id }}', 'data.typography', $buttonTypographyFallbacks); // custom $output .= '<# if (data.type == "custom") { #>'; $output .= $lodash->unit('font-size', '#btn-{{ data.id }}.sppb-btn-custom', 'data.fontsize', 'px'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.color'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.background_color_hover'); $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_padding'); $output .= '<# if (data.appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.background_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.background_color_hover'); $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { background-color: transparent; }'; $output .= '<# } else if (data.appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.background_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.background_color'); $output .= '<# } else if (data.appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.background_gradient'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.background_color'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= '<# if (data.overlay_type !== "none") { #>'; $output .= '<# if (data.overlay_type=="color") { #>'; $output .= $lodash->color('background-color', '.sppb-addon-overlay-image-content .overlay-background-style', 'data.overlay_color'); $output .= '<# } else if (data.overlay_type=="gradient") { #>'; $output .= $lodash->color('background-color', '.sppb-addon-overlay-image-content .overlay-background-style', 'data.overlay_gradient'); $output .= '<# } #>'; $output .= '<# } else { #>'; $output .= '#sppb-addon-{{ data.id }} .overlay-background-style { background: transparent; }'; $output .= '<# } #>'; $output .= '<# if (data.overlay_hover_type !== "none") { #>'; $output .= '<# if (data.overlay_hover_type=="color") { #>'; $output .= $lodash->color('background-color', '.sppb-addon-overlay-image-content:hover .overlay-background-style', 'data.overlay_hover_color'); $output .= '#sppb-addon-{{ data.id }} .sppb-addon-overlay-image-content:hover .overlay-background-style { background-image: none; }'; $output .= '<# } else if (data.overlay_hover_type == "gradient") { #>'; $output .= $lodash->color('background-color', '.sppb-addon-overlay-image-content:hover .overlay-background-style', 'data.overlay_hover_gradient'); $output .= '#sppb-addon-{{ data.id }} .sppb-addon-overlay-image-content:hover .overlay-background-style { opacity:.8; }'; $output .= '#sppb-addon-{{ data.id }} .sppb-addon-overlay-image-content:hover .overlay-background-style::after { opacity:1; }'; $output .= '.sppb-addon-overlay-image-content:hover .overlay-background-style { background-image: none; }'; $output .= '<# } #>'; $output .= '<# } else { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-addon-overlay-image-content:hover .overlay-background-style { background: transparent; }'; $output .= '<# } #>'; $output .= ' <# if(image_link){ #> #sppb-addon-{{ data.id }} .overlay-background-image { background-image:url("{{image_link}}"); } <# } #> <# if (data.global_border_radius) { #> #sppb-addon-{{ data.id }} { overflow:hidden; } <# } #> </style> <div class="sppb-addon sppb-addon-overlay-image {{data.class}} image-effect-{{data.background_image_animation}} {{data.show_content_on_hover ? "overlay-show-content-on-hover" : ""}}"> <div class="sppb-addon-overlay-image-content title-subtitle-{{data.title_subtitle_position}}"> <# if((data.title \|\| data.sub_title) && data.title_subtitle_position){ let title_icon_arr = (typeof data.title_icon !== "undefined" && data.title_icon) ? data.title_icon.split(" ") : ""; let title_icon_name = title_icon_arr.length === 1 ? "fa "+data.title_icon : data.title_icon; #> <div class="overlay-image-title"> <{{data.heading_selector}} class="sppb-addon-title"> <# const isUrlObject_title = _.isObject(data.title_link) && (!!data.title_link.url \|\| !!data.title_link.menu \|\| !!data.title_link.page); const isUrlString_title = _.isString(data.title_link) && data.title_link !== ""; if(isUrlObject_title \|\| isUrlString_title ){ const isTarget = data.title_link_new_window ? "_blank": ""; const urlObj = data?.title_link?.url ? data.title_link : window.getSiteUrl(data.title_link, isTarget); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const target = new_tab ? "_blank" : ""; let rel=""; rel += nofollow ? "nofollow" : ""; rel += noopener ? " noopener" : ""; rel += noreferrer ? " noreferrer" : ""; const title_url = (type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| (type === "page" && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page); #> <a href=\'{{title_url}}\' target="{{target}}" rel="{{rel}}" > <# } #> <# if(data.title_icon){ #> <i class="{{title_icon_name}}"></i> <# } #> <span class="sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{data.title}}}</span> <# if(isUrlObject_title \|\| isUrlString_title){ #> </a> <# } #> </{{data.heading_selector}}> <{{data.subtitle_heading_selector}} class="sppb-addon-subtitle"> <# let sub_icon_arr = (typeof data.sub_title_icon !== "undefined" && data.sub_title_icon) ? data.sub_title_icon.split(" ") : ""; let sub_icon_name = sub_icon_arr.length === 1 ? "fa "+data.sub_title_icon : data.sub_title_icon; if(data.sub_title_icon){ #> <i class="{{sub_icon_name}}"></i> <# } #> <span class="sp-inline-editable-element" data-id={{data.id}} data-fieldName="sub_title" contenteditable="true">{{{data.sub_title}}}</span> </{{data.subtitle_heading_selector}}> <# if(data.text){ let icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa " + data.button_icon : data.button_icon; #> <div class="overlay-image-button-wrap"> <# const isUrlObject_button = _.isObject(data?.url) && (!!data?.url?.url \|\| !!data?.url?.menu \|\| !!data?.url?.page); const isUrlString_button = _.isString(data?.url) && data?.url !== ""; let button_url; let button_target; let button_rel=""; if(isUrlObject_button \|\| isUrlString_button){ const isTarget = data.target ? "_blank": ""; const urlObj = data?.url?.url ? data.url : window.getSiteUrl(data.url, isTarget); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; button_url = ( type === "url" && url) \|\| (type === "menu" && urlObj.menu) \|\| (type === "page" && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id="+ urlObj.page); button_target = new_tab ? "_blank" : ""; button_rel += nofollow ? "nofollow" : ""; button_rel += noopener ? " noopener" : ""; button_rel += noreferrer ? " noreferrer" : ""; } #> <a href=\'{{ button_url }}\' id="btn-{{ data.id }}" target="{{ button_target }}" rel="{{button_rel}}" class="sppb-btn {{ classList }}"><# if(data.button_icon_position == "left" && !_.isEmpty(data.button_icon)) { #><i class="{{ icon_name }}"></i><# } #> {{ data.text }}<# if(data.button_icon_position == "right" && !_.isEmpty(data.button_icon)) { #> <i class="{{ icon_name }}"></i><# } #></a> </div> <# } #> </div> <# } #> <div class="overlay-background-image-wrapper"> <div class="overlay-background-image"></div> <# if(data.image_in_lightbox && data.title_subtitle_position !== "center-center" && image_link){ #> <a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="image" data-mainclass="mfp-no-margins mfp-with-zoom" href=\'{{image_link}}\'>+</a> <# } #> </div> <# if(data.overlay_type!="none" \|\| data.overlay_hover_type !== "none" \|\| data.overlay_mode === "hover"){ #> <div class="overlay-background-style"></div> <# } #> </div> </div> '; return $output; } } ��image_overlay/admin.php��0000644��00000045626�15231074400�0011201 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'image_overlay', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M31.288 10.71l-9.718 5.9a5 5 0 01-5.8-.436l-3.622-3.024a3 3 0 00-3.583-.196l-6.781 4.503-1.106-1.666 6.78-4.503a5 5 0 015.971.327l3.623 3.024a3 3 0 003.48.262L30.25 9l1.038 1.71z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27 21c0 .552-.41 1-.917 1H5.917C5.41 22 5 21.552 5 21s.41-1 .917-1h20.166c.507 0 .917.448.917 1zM16 26a1 1 0 01-1 1H6a1 1 0 110-2h9a1 1 0 011 1z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28 2H4a2 2 0 00-2 2v24a2 2 0 002 2h24a2 2 0 002-2V4a2 2 0 00-2-2zM4 0a4 4 0 00-4 4v24a4 4 0 004 4h24a4 4 0 004-4V4a4 4 0 00-4-4H4z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M19.077 6a2.077 2.077 0 100 4.154 2.077 2.077 0 000-4.154zM15 8.077a4.077 4.077 0 118.154 0 4.077 4.077 0 01-8.154 0z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'image' => [ 'type' => 'media', 'std' => ['src' => 'https://sppagebuilder.com/addons/image/image1.jpg',] ], 'image_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'responsive' => true, 'max' => 1200, 'std' => ['xl' => 300], ], 'background_image_animation' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ANIMATION'), 'values' => [ 'slide-top' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_BG_ANIMATION_SLIDE_TOP'), 'slide-right' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_BG_ANIMATION_SLIDE_RIGHT'), 'slide-bottom' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_BG_ANIMATION_SLIDE_BOTTOM'), 'slide-left' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_BG_ANIMATION_SLIDE_LEFT'), 'zoom-in' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_BG_ANIMATION_SLIDE_ZOOMIN'), 'zoom-out' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_BG_ANIMATION_SLIDE_ZOOMOUT'), ], 'std' => 'slide-left', 'inline' => true, ], 'image_in_lightbox' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_IMG_IN_LIGHTBOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_IMG_IN_LIGHTBOX_DESC'), 'std' => 0, ], 'lightbox_icon_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_LIGHTBOX_BG'), 'depends' => [ ['image_in_lightbox', '!=', 0], ], 'std' => '', ], 'title_subtitle_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_CONTENT_POSITION'), 'values' => [ 'top-left' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_TOP_LEFT'), 'top-center' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_TOP_CENTER'), 'top-right' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_TOP_RIGHT'), 'center-left' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_CENTER_LEFT'), 'center-center' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_CENTER_CENTER'), 'center-right' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_CENTER_RIGHT'), 'bottom-left' => Text::_('COM_SPPAGEBUILDER_ADDON_BOTTOM_LEFT'), 'bottom-center' => Text::_('COM_SPPAGEBUILDER_ADDON_BOTTOM_CENTER'), 'bottom-right' => Text::_('COM_SPPAGEBUILDER_ADDON_BOTTOM_RIGHT'), ], 'std' => 'bottom-left', ], 'show_content_on_hover' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_SHOW_CONTENT'), 'std' => 0 ], 'content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), 'std' => 'Image Overlay' ], 'title_link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'mediaType' => 'attachment', ], 'title_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h4', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'max' => 400, ], ], ], 'sub_title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUB_TITLE'), 'fields' => [ 'sub_title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_SUBTITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_SUBTITLE_DESC'), 'std' => 'Subtitle of the Image Overlay addon', ], 'subtitle_heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'div', ], 'sub_title_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), ], 'sub_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'sub_title_font_family', 'size' => 'sub_title_fontsize', 'letter_spacing' => 'sub_title_letterspace', 'uppercase' => 'sub_title_font_style.uppercase', 'italic' => 'sub_title_font_style.italic', 'underline' => 'sub_title_font_style.underline', 'weight' => 'sub_title_font_style.weight', ], ], 'sub_title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'sub_title_margin_separator' => [ 'type' => 'separator', ], 'sub_title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], ], ], 'overlay_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_OPTIONS'), 'fields' => [ 'overlay_style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, ], 'overlay_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'std' => 'gradient', 'values' => [ 'none' => 'None', 'color' => 'Color', 'gradient' => 'Gradient' ], 'depends' => [['overlay_style_tab', '=', 'normal']], ], 'overlay_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => 'rgba(0, 91, 234, 0.5)', 'depends' => [ ['overlay_style_tab', '=', 'normal'], ['overlay_type', '=', 'color'], ], ], 'overlay_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'std' => [ "color" => "rgba(127, 0, 255, 0.8)", "color2" => "rgba(225, 0, 255, 0.7)", "deg" => "45", "type" => "linear" ], 'depends' => [ ['overlay_style_tab', '=', 'normal'], ['overlay_type', '=', 'gradient'] ], ], 'overlay_hover_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPE'), 'values' => [ 'none' => 'None', 'color' => 'Color', 'gradient' => 'Gradient' ], 'std' => 'none', 'depends' => [['overlay_style_tab', '=', 'hover']], ], 'overlay_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [ ['overlay_style_tab', '=', 'hover'], ['overlay_hover_type', '=', 'color'], ], ], 'overlay_hover_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GRADIENT'), 'std' => [ "color" => "rgba(127, 0, 255, 0.8)", "color2" => "rgba(225, 0, 255, 0.7)", "deg" => "45", "type" => "linear" ], 'depends' => [ ['overlay_style_tab', '=', 'hover'], ['overlay_hover_type', '=', 'gradient'] ], ], ], ], 'button_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), ], 'url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), ], 'typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'fontsize', 'letter_spacing' => 'letterspace', 'weight' => 'font_style.weight', 'italic' => 'font_style.italic', 'underline' => 'font_style.underline', 'uppercase' => 'font_style.uppercase', ], ], 'type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'inline' => true, ], 'link_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [['type', '=', 'link']] ], 'appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'depends' => [['type', '!=', 'link']] ], 'shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['type', '!=', 'link']] ], 'size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['size', '=', 'custom']] ], 'block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [['type', '!=', 'link']] ], 'button_icon_separator' => [ 'type' => 'separator', ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'button_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'button_margin_separator' => [ 'type' => 'separator', ], 'button_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => ['xl' => '10px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], 'style_tab_separator' => [ 'type' => 'separator', ], 'style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['type', '=', 'custom']], ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['style_tab', '=', 'normal'], ['type', '=', 'custom'] ], ], 'background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['style_tab', '=', 'normal'], ['type', '=', 'custom'], ['appearance', '!=', 'gradient'], ], ], 'background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['style_tab', '=', 'normal'], ['type', '=', 'custom'], ['appearance', '=', 'gradient'], ], ], 'color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['style_tab', '=', 'hover'], ['type', '=', 'custom'], ], ], 'background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['style_tab', '=', 'hover'], ['type', '=', 'custom'], ['appearance', '!=', 'gradient'], ], ], 'background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['style_tab', '=', 'hover'], ['type', '=', 'custom'], ['appearance', '=', 'gradient'], ], ], // link style 'link_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['type', '=', 'link']], ], 'link_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_style_tab', '=', 'normal'], ['type', '=', 'link'], ], ], 'link_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_style_tab', '=', 'normal'], ['type', '=', 'link'], ], ], 'link_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_style_tab', '=', 'normal'], ['type', '=', 'link'], ], ], 'link_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['link_style_tab', '=', 'hover'], ['type', '=', 'link'], ], ], 'link_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_style_tab', '=', 'hover'], ['type', '=', 'link'], ], ], ], ], ], ]); ��image_overlay/.htaccess��0000555��00000000355�15231074400�0011165 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pie_progress/assets/images/icon.png��0000644��00000004171�15231074400�0013451 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:41D7FAB840E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:41D7FAB940E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:41D7FAB640E011E69A38F8F21A167467" stRef:documentID="xmp.did:41D7FAB740E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��&'��IDATx��q�0�_�GD�@#0�D�#p�t�8��N'�;� Z)�r<�(Y�I9��Y'S~@��&E�?��Ҧ?mz6�/�6��L�M�6�mb��U��o��y�c�~��O1�:m�o�ޡy��)�6��,��:sa+�5�渗��v��:�wצ��c%Qy��o��!�^j�]��l�̕�\SJS�b�e��Ce�i�}��#�5�{Jt��qzD�E8Pژ�/+̽�6S��5�`LO~��<�2U�\|h� 4ɀ�?�p�Q�Ա}�"L��N��\|[A��(�[_k�]��!w5$�_��&�Ƽ�b7l�:TȁaiS�k�}mh ��U}�<<�V�F` �Y[CX4�* �tg)֐��!�nN�8��Qz�P�A�C�C-ʊ�9LQ'g�Qyq��ƍ��{H��G��Z�}5��9?I�T��w�q��H�z$0��lw#��M��5��]��'�e°8`5S3�ƄR�\aiTp�٣�(��f�� <d��j��6��(�#�uN`߬㧌a��E>e?Z׿��ce]�pX`�x��WX�ߵl�x�^^.�U֞�m�7+GC��_�UX��8`ב4��-ò��Sî�kK�B!��:u��0�_/�@ݎ��a��6֘� ��FO�PCDg��-$,�M,0�� @��ذ�iݐ�T``�C��h�`q�v��A�ń�� `EX.h1a>�YT�9WX1�P�L�1P1l�"Y�+N��E��y�g�\|�F�c4��c`�6�2��а��H�pY_�L��WQ��)f��x�"��p~�B`�p�p�!5�`?��K��yYIh�Raa�$�2S�#�� K��cNv��c�0Xv9�&�p��ܥ�µ��4.j��5U@-��3��0<_�� O N��J�,�e5,Gj8q�[�e�0�n��I��l��%��:)x��m��i�'uspڴԅ '��M�/��M��1r�<9.�C<��M9.��t�v_B�L�D�J�K��а��!G�� C�4��%��4��J�t9p1��IF��ܬ(I��Ye��+�̵�Z��[��O�@o�6�kYJ�0��a. \oN�&�ȩ`��@�j�� g�/7�(�w��0}��5�UIt�xc�K�Q\|�-�'��U��FP��IEND�B`��pie_progress/assets/images/.htaccess��0000555��00000000355�15231074400�0013612 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pie_progress/assets/.htaccess��0000555��00000000355�15231074400�0012345 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pie_progress/site.php��0000644��00000016741�15231074400�0010727 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonPie_progress extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; //Options $percentage = (isset($settings->percentage) && $settings->percentage) ? $settings->percentage : ''; $border_color = (isset($settings->border_color) && $settings->border_color) ? $settings->border_color : '#eeeeee'; $border_active_color = (isset($settings->border_active_color) && $settings->border_active_color) ? $settings->border_active_color : ''; $border_width = (isset($settings->border_width) && $settings->border_width) ? $settings->border_width : ''; $size = (isset($settings->size) && $settings->size) ? $settings->size : ''; $icon_name = (isset($settings->icon_name) && $settings->icon_name) ? $settings->icon_name : ''; $icon_size = (isset($settings->icon_size) && $settings->icon_size) ? $settings->icon_size : ''; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $animation_duration = (isset($settings->animation_duration) && $settings->animation_duration) ? $settings->animation_duration : ''; //Output start $output = ''; $output .= '<div class="sppb-addon sppb-addon-pie-progress ' . $class . '">'; $output .= '<div class="sppb-addon-content sppb-text-center">'; $output .= '<div class="sppb-pie-chart" data-size="' . (int) $size . '" data-duration="' . ($animation_duration ? $animation_duration : false) . '" data-percent="' . $percentage . '" data-width="' . $border_width . '" data-barcolor="' . $border_active_color . '" data-trackcolor="' . $border_color . '">'; if ($icon_name) { $icon_arr = array_filter(explode(' ', $icon_name)); if (count($icon_arr) === 1) { $icon_name = 'fa ' . $icon_name; } $output .= '<div class="sppb-chart-icon"><span><i class="' . $icon_name . ' ' . $icon_size . '" aria-hidden="true"></i></span></div>'; } else { $output .= '<div class="sppb-chart-percent"><span></span></div>'; } $output .= '</div>'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title" style="display: block;" >' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-text">'; $output .= $text; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Attach additional script required for the addon. * * @return array * @since 1.0.0 / public function scripts() { $js[] = Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.easypiechart.min.js'; return $js; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $progressStyle = $cssHelper->generateStyle('.sppb-pie-chart', $settings, ['size' => ['height', 'width']]); $percentStyle = $cssHelper->generateStyle('.sppb-chart-percent span', $settings, ['percentage_font_size' => 'font-size', 'percentage_color' => 'color'], ['percentage_color' => false]); $contentTypographyStyle = $cssHelper->typography('.sppb-addon-text', $settings, 'content_typography'); $css .= $percentStyle; $css .= $progressStyle; $css .= $contentTypographyStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let border_color = data.border_color \|\| "#eeeeee" let duration = "" if(data.animation_duration){ duration = data.animation_duration } else { duration = false } #> <style type="text/css">'; $output .= $lodash->unit('height', '.sppb-pie-chart', 'data.size', 'px', false); $output .= $lodash->unit('width', '.sppb-pie-chart', 'data.size', 'px', false); $output .= $lodash->unit('font-size', '.sppb-chart-percent span', 'data.percentage_font_size', 'px'); $output .= $lodash->color('color', '.sppb-chart-percent span', 'data.percentage_color'); //Title $pieTyphographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $pieTyphographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->typography('.sppb-addon-text', 'data.content_typography'); $output .= ' </style> <div class="sppb-addon sppb-addon-pie-progress {{ data.class }}"> <div class="sppb-addon-content sppb-text-center"> <div class="sppb-pie-chart" data-size="{{ data.size }}" data-duration="{{duration}}" data-percent="{{ data.percentage }}" data-width="{{ data.border_width }}" data-barcolor="{{ data.border_active_color }}" data-trackcolor="{{ border_color }}"> <# if(!_.isEmpty(data.icon_name)) { let icon_arr = (typeof data.icon_name !== "undefined" && data.icon_name) ? data.icon_name.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.icon_name : data.icon_name; #> <div class="sppb-chart-icon"> <span><i class="{{ icon_name }} {{ data.icon_size }}"></i></span> </div> <# } else { #> <div class="sppb-chart-percent"><span></span></div> <# } #> </div> <# if(!_.isEmpty(data.title) && data.heading_selector) { #> <{{data.heading_selector}} class="sppb-addon-title sp-inline-editable-element" style="display: block;" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{data.heading_selector}}> <# } #> <div id="addon-text-{{data.id}}" class="sppb-addon-text sp-editable-content" data-id={{data.id}} data-fieldName="text"> {{{ data.text }}} </div> </div> </div> '; return $output; } }��pie_progress/admin.php��0000644��00000017353�15231074400�0011053 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'pie_progress', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.7 19.7c-1.7 0-3-1.3-3-3V7.6C7.3 8.1 3 12.7 3 18.3 3 24.2 7.8 29 13.7 29c2.8 0 5.4-1.1 7.5-3 1.7-1.7 2.8-3.9 3.2-6.2h-8.7v-.1zm10.7-1c-.1 3.3-1.5 6.4-3.9 8.7-2.4 2.3-5.5 3.6-8.9 3.6C6.7 31 1 25.3 1 18.3c0-7 5.7-12.7 12.7-12.7.5 0 1 .4 1 1v10.2c0 .6.4 1 1 1h9.8c.3 0 .5.1.7.3.2.1.2.4.2.6z" fill="currentColor"/><path opacity=".5" d="M17.8 1c-.5 0-1 .4-1 1v12.2c0 .5.4 1 1 1h11.8c.5 0 .9-.4 1-.9v-.4C30.5 6.7 24.8 1 17.8 1z" fill="currentColor"/></svg>', 'settings' => [ 'progress' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS'), 'fields' => [ 'percentage' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_PERCENTAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_PERCENTAGE_DESC'), 'min' => 1, 'max' => 100, 'std' => 75, 'info' => '%', ], 'percentage_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'std' => ['xl' => 24], 'responsive' => true, 'max' => 400, 'info' => 'px', ], 'size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_SIZE_DESC'), 'min' => 50, 'max' => 1000, 'std' => 110, 'info' => 'px', ], 'animation_duration' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ANIMATION_DURATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ANIMATION_DURATION_DESC'), 'info' => 'ms', ], 'border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_BORDER_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_BAR_WIDTH_DESC'), 'min' => 1, 'max' => 40, 'std' => 10, 'info' => 'px', ], 'border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_BAR'), 'std' => 'rgba(51, 102, 255, 0.15)', ], 'border_active_color' => [ 'type' => 'color', 'std' => '#3366FF', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_PROGRESS'), ], 'percentage_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PIE_PROGRESS_PERCENTAGE'), 'std' => '#3366FF', ], ], ], 'icon' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'fields' => [ 'icon_name' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), ], 'icon_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'values' => [ 'fa-fw' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE_STANDARD'), 'fa-lg fa-fw' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE_TINY'), 'fa-2x fa-fw' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE_SMALL'), 'fa-3x fa-fw' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE_MEDIUM'), 'fa-4x fa-fw' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE_LARGE'), 'fa-5x fa-fw' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE_EXTRA_LARGE'), ], 'std' => 'fa-3x fa-fw' ], ] ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'std' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat.' ], 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ], ], ], ]); ��pie_progress/.htaccess��0000555��00000000355�15231074400�0011043 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��modal/assets/images/icon.png��0000644��00000003114�15231074400�0012040 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:587CDE1140E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:587CDE1240E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:587CDE0F40E011E69A38F8F21A167467" stRef:documentID="xmp.did:587CDE1040E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>@�uF��IDATx��ۋm�0�P� :#t�AF`�v�f�(�L�:B�AF� �#ٕ�0�s?�Y:�Z� O�>[n5�c5��5ћ�5K �k-��c��I[�bA��E�&l��k��}�u�h��L��#G�ªf�4I`KX!0r4)`��%�ڑ�@�>\|z�w&��{�=�&z��`�Ю22Z��%�]��]R� �s�JL j��̺�1�e�7V�G�a��[�vsP߅�f�x`�q�aso��bg��3m��S�R� t8J�\��< ��$q��0�� F�p�`XPk�l80l(�!]��m&��QAM�#��〢�p9`��bẜ�d�»8u�ZrN~�]�r��m'c��u�k6> �̎ 4g�A��m.'�G�W��$��KA��F��/J,X�x�X8�̀�Q@ml �* L�q��\��H=�` �` �`ZL�L�L��a��/`QC�=�>��+�}�.��am�sr�T��{�c�ͺ�?X� � �չ�Yz(�, j��%;��K��˂�Ä++��À��K��C��+�[C��ˁ��@IK��BI��$PR�b�X��Am,G��'��P"�a�p��IEND�B`��modal/assets/images/.htaccess��0000555��00000000355�15231074400�0012205 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��modal/assets/.htaccess��0000555��00000000355�15231074400�0010740 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��modal/site.php��0000644��00000061414�15231074400�0007317 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Uri\Uri; // No direct access defined('_JEXEC') or die('Restricted access'); /* @todo: need to update. / class SppagebuilderAddonModal extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; // Options $modal_selector = (isset($settings->modal_selector) && $settings->modal_selector) ? $settings->modal_selector : ''; $button_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : ''; $button_class = (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ' sppb-btn-default'; $button_class .= (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_class .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_class .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_class .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $button_icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position === 'left') { $button_text = ($button_icon) ? '<i class="' . $button_icon . '" aria-hidden="true"></i> ' . $button_text : $button_text; } else { $button_text = ($button_icon) ? $button_text . ' <i class="' . $button_icon . '" aria-hidden="true"></i>' : $button_text; } $selector_image = (isset($settings->selector_image) && $settings->selector_image) ? $settings->selector_image : ''; $selector_image_src = isset($selector_image->src) ? $selector_image->src : $selector_image; $selector_image_width = (isset($selector_image->width) && $selector_image->width) ? $selector_image->width : ''; $selector_image_height = (isset($selector_image->height) && $selector_image->height) ? $selector_image->height : ''; $selector_icon_name = (isset($settings->selector_icon_name) && $settings->selector_icon_name) ? $settings->selector_icon_name : ''; $modal_unique_id = 'sppb-modal-' . $this->addon->id; $modal_content_type = (isset($settings->modal_content_type) && $settings->modal_content_type) ? $settings->modal_content_type : 'text'; $modal_content_text = (isset($settings->modal_content_text) && $settings->modal_content_text) ? $settings->modal_content_text : ''; $modal_content_image = (isset($settings->modal_content_image) && $settings->modal_content_image) ? $settings->modal_content_image : ''; $modal_content_image_src = isset($modal_content_image->src) ? $modal_content_image->src : $modal_content_image; $modal_content_video_url = (isset($settings->modal_content_video_url) && $settings->modal_content_video_url) ? $settings->modal_content_video_url : ''; $selector_text = (isset($settings->selector_text) && $settings->selector_text) ? $settings->selector_text : ''; $show_ripple_effect = (isset($settings->show_ripple_effect) && $settings->show_ripple_effect) ? $settings->show_ripple_effect : ''; $modal_content_image_alt_text = (isset($settings->modal_content_image_alt_text) && $settings->modal_content_image_alt_text) ? $settings->modal_content_image_alt_text : ''; $selector_image_alt_text = (isset($settings->selector_image_alt_text) && $settings->selector_image_alt_text) ? $settings->selector_image_alt_text : ''; if ($modal_content_type === 'text') { $mfg_type = 'inline'; } else if ($modal_content_type === 'video') { $mfg_type = 'iframe'; } else if ($modal_content_type === 'image') { $mfg_type = 'image'; } $output = ''; $output .= '<div class="sppb-addon ' . $class . '">'; if ($modal_content_type === 'text') { $url = '#' . $modal_unique_id; $output .= '<div id="' . $modal_unique_id . '" class="mfp-hide white-popup-block">'; $output .= '<div class="modal-inner-block">'; $output .= $modal_content_text; $output .= '</div>'; $output .= '</div>'; $attribs = 'data-popup_type="inline" data-mainclass="mfp-no-margins mfp-with-zoom"'; } else if ($modal_content_type === 'video') { $url = $modal_content_video_url; $attribs = 'data-popup_type="iframe" data-mainclass="mfp-no-margins mfp-with-zoom"'; } else { if(empty($modal_content_image_alt_text)) { $url_part_of_content = explode('/', $modal_content_image_src); $modal_content_image_alt_text = end($url_part_of_content); } $url = '#' . $modal_unique_id; $output .= '<div id="' . $modal_unique_id . '" class="mfp-hide popup-image-block">'; $output .= '<div class="modal-inner-block">'; $output .= '<img class="mfp-img" src="' . $modal_content_image_src . '" alt="' . $modal_content_image_alt_text . '">'; $output .= '</div>'; $output .= '</div>'; $attribs = 'data-popup_type="inline" data-mainclass="mfp-no-margins mfp-with-zoom"'; } if ($modal_selector === 'image') { if ($selector_image_src) { //Lazyload image $placeholder = $selector_image_src == '' ? false : $this->get_image_placeholder($selector_image_src); $url_part_of_button = explode('/', $selector_image_src); if ($selector_text) { $alt_for_button = $selector_text; } else { $alt_for_button = end($url_part_of_button); } if(empty($selector_image_alt_text)) { $selector_image_alt_text = $alt_for_button; } $image_link = ''; if (strpos($selector_image_src, "http://") !== false \|\| strpos($selector_image_src, "https://") !== false) { $image_link = $selector_image_src; } else { $image_link = Uri::base() . $selector_image_src; } $output .= '<a class="sppb-modal-selector sppb-magnific-popup" ' . $attribs . ' href="' . $url . '" id="' . $modal_unique_id . '-selector"> <img ' . ($placeholder ? 'class="sppb-element-lazy"' : '') . ' src="' . ($placeholder ? $placeholder : $image_link) . '" alt="' . $selector_image_alt_text . '" ' . ($placeholder ? 'data-large="' . $image_link . '"' : '') . ' ' . ($selector_image_width ? 'width="' . $selector_image_width . '"' : '') . ' ' . ($selector_image_height ? 'height="' . $selector_image_height . '"' : '') . ' loading="lazy" />'; $output .= ($selector_text) ? '<span class="text">' . $selector_text . '</span>' : ''; if ($show_ripple_effect) { $output .= '<span class="sppb-ripple-effect"></span>'; } $output .= '</a>'; } } else if ($modal_selector === 'icon') { if ($selector_icon_name) { $select_icon = explode(' ', $selector_icon_name); if (count($select_icon) === 1) { $selector_icon_name = 'fa ' . $selector_icon_name; } $output .= '<a class="sppb-modal-selector sppb-magnific-popup" href="' . $url . '" ' . $attribs . ' id="' . $modal_unique_id . '-selector">'; $output .= '<span class="sppb-modal-icon-wrap">'; $output .= '<i class="' . $selector_icon_name . '" aria-hidden="true"></i>'; if ($show_ripple_effect) { $output .= '<span class="sppb-ripple-effect"></span>'; } $output .= '</span>'; $output .= ($selector_text) ? '<span class="text">' . $selector_text . '</span>' : ''; $output .= '</a>'; } } else { $output .= '<a class="sppb-btn ' . $button_class . ' sppb-magnific-popup sppb-modal-selector" ' . $attribs . ' href="' . $url . '" id="' . $modal_unique_id . '-selector">' . $button_text . '</a>'; } $output .= '</div>'; return $output; } /* * Add scripts to the document. * * @return array The list of scripts. * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Add stylesheets to the document. * * @return array The list of stylesheets. * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $modal_content_type = (isset($settings->modal_content_type) && $settings->modal_content_type) ? $settings->modal_content_type : 'text'; $selector_style = ''; $modal_size = (isset($settings->modal_popup_width) && $settings->modal_popup_width) ? 'max-width: ' . $settings->modal_popup_width . 'px;' : ''; $modal_size .= (isset($settings->modal_popup_height) && $settings->modal_popup_height) ? ' height: ' . $settings->modal_popup_height . 'px;' : ''; $modal_selector = (isset($settings->modal_selector) && $settings->modal_selector) ? $settings->modal_selector : ''; $selector_icon_name = (isset($settings->selector_icon_name) && $settings->selector_icon_name) ? $settings->selector_icon_name : ''; $selector_image = (isset($settings->selector_image) && $settings->selector_image) ? $settings->selector_image : ''; $selector_style .= (isset($settings->selector_margin_top) && $settings->selector_margin_top) ? 'margin-top:' . (int) $settings->selector_margin_top .'px;' : ''; $selector_style .= (isset($settings->selector_margin_bottom) && $settings->selector_margin_bottom) ? 'margin-bottom:' . (int) $settings->selector_margin_bottom .'px;' : ''; $css = ''; if( $modal_selector == 'icon' \|\| $modal_selector == 'image' ) { if($selector_icon_name \|\| $selector_image) { $selector_text_style = (isset($settings->selector_text_size) && $settings->selector_text_size) ? 'font-size:' . $settings->selector_text_size .'px;' : ''; $selector_text_style .= (isset($settings->selector_text_weight) && $settings->selector_text_weight) ? 'font-weight:' . $settings->selector_text_weight .';' : ''; $selector_text_style .= (isset($settings->selector_text_margin) && trim($settings->selector_text_margin)) ? 'margin:' . $settings->selector_text_margin .';' : ''; $selector_text_style .= (isset($settings->selector_text_color) && $settings->selector_text_color) ? 'color:' . $settings->selector_text_color .';' : ''; if($selector_text_style) { $css .= $addon_id . ' .sppb-modal-selector span.text {'; $css .= $selector_text_style; $css .= '}'; } $selector_text_style_sm = (isset($settings->selector_text_size_sm) && $settings->selector_text_size_sm) ? 'font-size:' . $settings->selector_text_size_sm .'px;' : ''; if($selector_text_style_sm){ $css .= '@media (min-width: 768px) and (max-width: 991px) {'; $css .= $addon_id . ' .sppb-modal-selector span.text {'; $css .= $selector_text_style_sm; $css .= '}'; $css .= '}'; } $selector_text_style_xs = (isset($settings->selector_text_size_xs) && $settings->selector_text_size_xs) ? 'font-size:' . $settings->selector_text_size_xs .'px;' : ''; if($selector_text_style_xs){ $css .= '@media (max-width: 767px) {'; $css .= $addon_id . ' .sppb-modal-selector span.text {'; $css .= $selector_text_style_xs; $css .= '}'; $css .= '}'; } } } if ($modal_selector == 'icon') { if ($selector_icon_name) { $settings->selector_icon_color = CssHelper::parseColor($settings, 'selector_icon_color'); $selectorStyleProps = [ 'selector_icon_border_width' => 'border-style:solid;border-width', 'selector_icon_border_radius' => 'border-radius', 'selector_icon_background' => 'background-color', 'selector_icon_border_color' => 'border-color', 'selector_icon_padding' => 'padding', 'selector_icon_color' => 'color', 'selector_margin_top' => 'margin-top', 'selector_margin_bottom' => 'margin-bottom' ]; $selectorUnits = ['selector_icon_background' => false, 'selector_icon_border_color' => false, 'selector_icon_color' => false]; $iconSelectorStyle = $cssHelper->generateStyle('.sppb-modal-selector span', $settings, $selectorStyleProps, $selectorUnits, null, null, false, 'display:inline-block;line-height:1;'); $iconStyleProps = [ 'selector_icon_size' => ['font-size', 'width', 'height', 'line-height'] ]; $iconStyle = $cssHelper->generateStyle('.sppb-modal-selector span > i', $settings, $iconStyleProps); $css .= $iconStyle; $css .= $iconSelectorStyle; } } else { $selectorStyle = $cssHelper->generateStyle('.sppb-modal-selector', $settings, ['selector_margin_top' => 'margin-top', 'selector_margin_bottom' => 'margin-bottom']); $css .= $selectorStyle; } if ($modal_content_type != 'video' && $modal_size) { if ($modal_content_type == 'image') { $cssHelper->setID('#sppb-modal-' . $this->addon->id . '.popup-image-block img'); $popupImage = $cssHelper->generateStyle(':self', $settings, ['modal_popup_width' => 'max-width', 'modal_popup_height' => 'height']); $css .= $popupImage; $cssHelper->setID($addon_id); } else { $cssHelper->setID('#sppb-modal-' . $this->addon->id . '.white-popup-block'); $popupImage = $cssHelper->generateStyle(':self', $settings, ['modal_popup_width' => 'max-width', 'modal_popup_height' => 'height', 'modal_popup_overflow' => 'overflow-y'], ['modal_popup_overflow' => false]); $css .= $popupImage; $cssHelper->setID($addon_id); } } $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $css .= $cssHelper->generateStyle(':self', $settings, ['alignment' => 'text-align'], false); // Button css $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css_path = new FileLayout('addon.css.button', $layout_path); $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $settings, 'id' => 'sppb-modal-' . $this->addon->id . '-selector')); return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let modalContentType = data.modal_content_type \|\| "text" let buttonIconPosition = data.button_icon_position \|\| "left" let modalUniqueId = "sppb-modal-"+ data.id let modalUrl = "#" + modalUniqueId let attribs = \'data-popup_type="inline" data-mainclass="mfp-no-margins mfp-with-zoom"\' let buttonClass = ( data.button_type )? "sppb-btn-" + data.button_type : "sppb-btn-default" buttonClass += ( data.button_size )? " sppb-btn-" + data.button_size : "" buttonClass += ( data.button_shape )? " sppb-btn-" + data.button_shape : " sppb-btn-rounded" buttonClass += ( data.button_appearance )? " sppb-btn-" + data.button_appearance : "" buttonClass += ( data.button_block )? " " + data.button_block : "" #> <style type="text/css">'; $output .= $lodash->alignment('text-align', '', 'data.alignment'); $buttonTypographyFallbacks = [ 'font' => 'data.button_font_family', 'size' => 'data.button_fontsize', 'letter_spacing' => 'data.button_letterspace', 'weight' => 'data.button_font_style?.weight', 'italic' => 'data.button_font_style?.italic', 'underline' => 'data.button_font_style?.underline', 'uppercase' => 'data.button_font_style?.uppercase', ]; $output .= $lodash->typography('#sppb-modal-{{ data.id }}-selector.sppb-btn-{{ data.button_type }}', 'data.button_typography', $buttonTypographyFallbacks); $output .= '<# if(data.button_type == "custom") { #>'; $output .= $lodash->color('color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_color'); $output .= $lodash->color('background-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= $lodash->color('color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom:hover', 'data.button_color_hover'); $output .= $lodash->spacing('padding', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_padding'); $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# } else if(data.button_appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_background_color_hover'); $output .= $lodash->color('background-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } else if(data.button_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} #sppb-modal-{{ data.id }}-selector.sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_background_gradient'); $output .= $lodash->color('background-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '#sppb-modal-{{ data.id }}-selector.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= '<# if (modalContentType == "image") { #>'; $output .= $lodash->unit('max-width', '#sppb-modal-{{ data.id }} .popup-image-block', 'data.modal_popup_width', 'px'); $output .= $lodash->unit('height', '#sppb-modal-{{ data.id }} .popup-image-block', 'data.modal_popup_height', 'px'); $output .= '<# } else if (modalContentType == "text") { #>'; $output .= $lodash->unit('max-width', '#sppb-modal-{{ data.id }} .white-popup-block', 'data.modal_popup_width', 'px'); $output .= $lodash->unit('height', '#sppb-modal-{{ data.id }} .white-popup-block', 'data.modal_popup_height', 'px'); $output .= '<# } #>'; $output .= '<# if( data.modal_selector == "icon") { #>'; $output .= $lodash->color('color', '.sppb-modal-selector span', 'data.selector_icon_color'); $output .= $lodash->color('background-color', '.sppb-modal-selector span', 'data.selector_icon_background'); $output .= $lodash->border('border-color', '.sppb-modal-selector span', 'data.selector_icon_border_color'); $output .= '<# if(!_.isEmpty(data.selector_icon_border_color)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-modal-selector span { border-style:solid;}'; $output .= '<# } #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-modal-selector span { display:inline-block; line-height:1;}'; $output .= $lodash->unit('border-width', '.sppb-modal-selector span', 'data.selector_icon_border_width', 'px'); $output .= $lodash->unit('border-radius', '.sppb-modal-selector span', 'data.selector_icon_border_radius', 'px'); $output .= $lodash->unit('padding', '.sppb-modal-selector span', 'data.selector_icon_padding', 'px'); $output .= $lodash->unit('font-size', '.sppb-modal-selector span > i', 'data.selector_icon_size', 'px'); $output .= $lodash->unit('width', '.sppb-modal-selector span > i', 'data.selector_icon_size', 'px'); $output .= $lodash->unit('height', '.sppb-modal-selector span > i', 'data.selector_icon_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-modal-selector span > i', 'data.selector_icon_size', 'px'); $output .= '<# } #>'; $output .= ' <# if( (data.modal_selector == "icon" \|\| data.modal_selector == "image") && (data.selector_icon_name \|\| data.selector_image)) { #>'; $output .= $lodash->unit('font-size', 'sppb-modal-selector span.text', 'data.selector_text_size', 'px'); $output .= $lodash->unit('font-weight', 'sppb-modal-selector span.text', 'data.selector_text_weight'); $output .= $lodash->color('color', 'sppb-modal-selector span.text', 'data.selector_text_color'); $output .= $lodash->spacing('margin', 'sppb-modal-selector span.text', 'data.selector_text_margin'); $output .= '<# } #>'; $output .= ' <# if( (data.modal_selector == "icon" \|\| data.modal_selector == "image") && (data.selector_icon_name \|\| data.selector_image)) { #> #sppb-addon-{{ data.id }} .sppb-modal-selector span.text { font-weight: {{ data.selector_text_weight }}; margin: {{ data.selector_text_margin }}; color: {{ data.selector_text_color }}; }'; $output .= $lodash->unit('font-size', '.sppb-modal-selector span.text', 'data.selector_text_size', 'px'); $output .= '<# } #>'; $output .= ' </style> <div class="sppb-addon {{ data.class }}"> <# if( modalContentType == "text") { #> <div id="{{ modalUniqueId }}" class="mfp-hide white-popup-block"> <div class="modal-inner-block"> {{{ data.modal_content_text }}} </div> </div> <# } else if( modalContentType == "video") { modalUrl = data.modal_content_video_url attribs = \'data-popup_type="iframe" data-mainclass="mfp-no-margins mfp-with-zoom"\' } else { #> <div id="{{ modalUniqueId }}" class="mfp-hide popup-image-block"> <div class="modal-inner-block"> <# var modal_content_image_alt_text = data.modal_content_image_alt_text \|\| ""; var modal_content_image = {} if (typeof data.modal_content_image !== "undefined" && typeof data.modal_content_image.src !== "undefined") { modal_content_image = data.modal_content_image } else { modal_content_image = {src: data.modal_content_image} } if(modal_content_image.src && modal_content_image.src.indexOf("https://") == -1 && modal_content_image.src.indexOf("http://") == -1){ #> <img style="max-width: {{ data.modal_popup_width }}px; height: {{ data.modal_popup_height }}px" class="mfp-img" src=\'{{ pagebuilder_base + modal_content_image.src }}\' alt=\'{{modal_content_image_alt_text}}\' > <# } else { #> <img style="max-width: {{ data.modal_popup_width }}px; height: {{ data.modal_popup_height }}px" class="mfp-img" src=\'{{ modal_content_image.src }}\' alt=\'{{modal_content_image_alt_text}}\' > <# } #> </div> </div> <# } #> <# var selector_image = {} if (typeof data.selector_image !== "undefined" && typeof data.selector_image.src !== "undefined") { selector_image = data.selector_image } else { selector_image = {src: data.selector_image} } var selector_image_alt_text = data.selector_image_alt_text \|\| ""; if(data.modal_selector == "image") { #> <a class="sppb-modal-selector sppb-magnific-popup" {{{ attribs }}} href=\'{{ modalUrl }}\' id="{{ modalUniqueId }}-selector"> <# if(selector_image.src && selector_image.src.indexOf("https://") == -1 && selector_image.src.indexOf("http://") == -1){ #> <img src=\'{{ pagebuilder_base + selector_image.src }}\' alt=\'{{selector_image_alt_text}}\' > <# } else { #> <img src=\'{{ selector_image.src }}\' alt=\'{{selector_image_alt_text}}\' > <# } #> <# if(data.selector_text){ #> <span class="text">{{ data.selector_text }}</span> <# } #> </a> <# } else if (data.modal_selector == "icon"){ let select_icon_arr = (typeof data.selector_icon_name !== "undefined" && data.selector_icon_name) ? data.selector_icon_name.split(" ") : ""; let select_icon_name = select_icon_arr.length === 1 ? "fa "+data.selector_icon_name : data.selector_icon_name; #> <a class="sppb-modal-selector sppb-magnific-popup" href=\'{{ modalUrl }}\' {{{ attribs }}} id="{{ modalUniqueId }}-selector"> <span class="sppb-modal-icon-wrap"> <i class="{{ select_icon_name }}"></i> <# if(data.show_ripple_effect) { #> <span class="sppb-ripple-effect"></span> <# } #> </span> <# if(data.selector_text){ #> <span class="text">{{ data.selector_text }}</span> <# } #> </a> <# } else { let btn_icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; let btn_icon_name = btn_icon_arr.length === 1 ? "fa "+data.button_icon : data.button_icon; #> <a class="sppb-btn {{ buttonClass }} sppb-magnific-popup sppb-modal-selector" {{{ attribs }}} href=\'{{ modalUrl }}\' id="{{ modalUniqueId }}-selector"><# if( buttonIconPosition == "left" && data.button_icon ) { #> <i class="{{ btn_icon_name }}"></i><# } #> {{ data.button_text }} <# if( buttonIconPosition == "right" && data.button_icon ) { #> <i class="{{ btn_icon_name }}"></i><# } #></a> <# } #> </div>'; return $output; } } ��modal/admin.php��0000644��00000050670�15231074400�0007445 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'modal', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.294 24.88l4.722 4.752c.73.49 1.663.49 2.394 0l4.721-4.752h5.616c1.138 0 2.253-1.021 2.253-2.48V4.528C29.916 3.008 28.759 2 27.641 2H4.252C3.115 2 2 3.021 2 4.48V22.4c0 1.459 1.115 2.48 2.252 2.48h6.042zM32 4.48V22.4c0 2.464-1.914 4.48-4.253 4.48h-4.784l-4.252 4.28a4.135 4.135 0 01-4.997 0l-4.252-4.28h-5.21C1.914 26.88 0 24.864 0 22.4V4.48C0 2.016 1.914 0 4.252 0h23.39C29.98 0 31.893 2.016 32 4.48z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M27 10.5a1.5 1.5 0 01-1.5 1.5h-19a1.5 1.5 0 010-3h19a1.5 1.5 0 011.5 1.5zM23 16.5a1.5 1.5 0 01-1.5 1.5h-11a1.5 1.5 0 010-3h11a1.5 1.5 0 011.5 1.5z" fill="currentColor"/></svg>', 'settings' => [ 'modal' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR'), 'fields' => [ 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), 'std' => 'Launch Modal', ], 'modal_selector' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_DESC'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_BUTTON'), 'value' => 'button'], ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE'), 'value' => 'image'], ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_TYPE_ICON'), 'value' => 'icon'], ], 'std' => 'button', 'tabs' => true, ], 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'button_font_family', 'size' => 'button_fontsize', 'letter_spacing' => 'button_letterspace', 'weight' => 'button_font_style.weight', 'italic' => 'button_font_style.italic', 'underline' => 'button_font_style.underline', 'uppercase' => 'button_font_style.uppercase', ], 'depends' => [['modal_selector', '=', 'button']], ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'depends' => [['modal_selector', '=', 'button']], ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '=', 'link'], ], ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => '', 'depends' => [ ['modal_selector', '=', 'button'], ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'std' => ['xl' => '8px 22px 10px 22px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ['button_size', '=', 'custom'], ], ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_icon_separator' => [ 'type' => 'separator', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), 'std' => '', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => '', 'depends' => [ ['modal_selector', '=', 'button'], ['button_type', '!=', 'link'], ], ], 'button_style_tab_separator' => [ 'type' => 'separator', ], 'button_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['modal_selector', '=', 'button']], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '!=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'custom'], ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['button_style_tab', '!=', 'hover'], ['modal_selector', '=', 'button'], ['button_appearance', '!=', 'gradient'], ['button_type', '=', 'custom'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '!=', 'hover'], ['modal_selector', '=', 'button'], ['button_appearance', '=', 'gradient'], ['button_type', '=', 'custom'], ], ], // link button 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['button_style_tab', '!=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'link'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['button_style_tab', '!=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'link'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['button_style_tab', '!=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'link'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'custom'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['button_style_tab', '=', 'hover'], ['modal_selector', '=', 'button'], ['button_appearance', '!=', 'gradient'], ['button_type', '=', 'custom'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'hover'], ['modal_selector', '=', 'button'], ['button_appearance', '=', 'gradient'], ['button_type', '=', 'custom'] ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['button_style_tab', '=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'link'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['button_style_tab', '=', 'hover'], ['modal_selector', '=', 'button'], ['button_type', '=', 'link'], ], ], // Image 'selector_image' => [ 'type' => 'media', 'depends' => [['modal_selector', '=', 'image']], ], 'selector_image_alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'std' => 'Image', 'inline' => true, 'depends' => [['modal_selector', '=', 'image']], ], // Icon 'selector_icon_name' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'std' => 'fas fa-play-circle', 'clearable' => false, 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_SIZE_DESC'), 'std' => ['xl' => 36], 'max' => 400, 'responsive' => true, 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_padding' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'max' => 400, 'responsive' => true, 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'max' => 400, 'responsive' => true, 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#3366FF', 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 400, 'responsive' => true, 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_icon_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['modal_selector', '=', 'icon']], ], 'selector_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_DESC'), 'std' => '', 'depends' => [['modal_selector', '!=' , 'button']], 'placeholder'=>'Click to view detail' ], 'selector_text_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_SIZE_DESC'), 'placeholder' => 36, 'max' => 300, 'responsive' => true, 'depends' => [['modal_selector', '!=' , 'button']], ], 'selector_text_weight' => [ 'type'=>'text', 'title'=>Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_WEIGHT'), 'desc'=>Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_WEIGHT_DESC'), 'placeholder'=>700, 'std'=>'', 'depends'=>[['modal_selector', '!=' , 'button']], ], 'selector_text_color' => [ 'type'=>'color', 'title'=>Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_COLOR'), 'desc'=>Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_COLOR_DESC'), 'std'=>'', 'depends'=>[['modal_selector', '!=' , 'button']], ], 'selector_text_margin' => [ 'type'=>'margin', 'title'=>Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_MARGIN'), 'desc'=>Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_SELECTOR_ICON_TEXT_MARGIN_DESC'), 'placeholder'=>10, 'depends'=>[['modal_selector', '!=' , 'button']], ], 'show_ripple_effect' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_RIPPLE_EFFECT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_RIPPLE_EFFECT_DESC'), 'std' => 0, 'depends' => [['modal_selector', '=', 'icon']], ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '' ], ], ], ], 'popup' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_POPUP'), 'fields' => [ 'modal_content_type' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_CONTENT_TYPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_CONTENT_TYPE_DESC'), 'values' => [ 'video' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_CONTENT_TYPE_VIDEO'), 'image' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_CONTENT_TYPE_IMAGE'), 'text' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_CONTENT_TYPE_TEXT'), ], 'std' => 'text', ], 'modal_content_text' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_TEXT_DESC'), 'std' => 'Kevin chicken fatback sirloin ball tip, flank meatloaf t-bone. Meatloaf shankle swine pancetta biltong capicola ham hock meatball. Shoulder bacon andouille ground round pancetta pastrami. Sirloin beef ribs tenderloin rump corned beef filet mignon capicola kielbasa drumstick chuck turducken beef t-bone ribeye. Pork loin ground round t-bone chuck beef ribs swine pastrami cow. Venison tenderloin drumstick, filet mignon salami jowl sausage shank hamburger meatball ribeye kevin tri-tip. Swine kielbasa tenderloin fatback pork shankle andouille, flank frankfurter jerky chicken tri-tip jowl leberkas.<br><br>Pancetta chicken pork belly beef cow kielbasa fatback sirloin biltong andouille bacon. Sirloin beef tenderloin porchetta, jerky tri-tip andouille sausage landjaeger shank bresaola short ribs tongue meatloaf fatback. Kielbasa pancetta shoulder tri-tip pastrami filet mignon ham corned beef prosciutto doner beef ribs. Doner sausage ham hock, shoulder sirloin pancetta boudin filet mignon chuck. Meatball ham hock beef, filet mignon tri-tip andouille venison ground round chuck turducken drumstick.', 'depends' => ['modal_content_type' => 'text'] ], 'modal_content_image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_IMAGE_DESC'), 'depends' => ['modal_content_type' => 'image'], ], 'modal_content_image_alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'std' => 'Image', 'inline' => true, 'depends' => ['modal_content_type' => 'image'], ], 'modal_content_video_url' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_VIDEO'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_VIDEO_DESC'), 'depends' => ['modal_content_type' => 'video'] ], 'label_popup_options' => [ 'type' => 'header', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_POPUP'), 'group' => [ 'modal_popup_width', 'modal_popup_height', 'modal_popup_overflow' ], 'depends' => [ ['modal_content_type', '!=', 'video'] ], ], 'modal_popup_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => '760', 'depends' => [ ['modal_content_type', '!=', 'video'] ], ], 'modal_popup_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'std' => '440', 'depends' => [ ['modal_content_type', '!=', 'video'] ], ], 'modal_popup_overflow' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_OVERFLOW'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_OVERFLOW_DESCRIPTION'), 'values' => [ 'auto' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_OVERFLOW_AUTO'), 'hidden' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_OVERFLOW_HIDDEN'), 'visible' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_OVERFLOW_VISIBLE'), 'scroll' => Text::_('COM_SPPAGEBUILDER_ADDON_MODAL_OVERFLOW_SCROLL'), ], 'depends' => [ ['modal_content_type', '=', 'text'] ], ], ] ], ], ]); ��modal/.htaccess��0000555��00000000355�15231074400�0007436 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��clients/assets/images/icon.png��0000644��00000004366�15231074400�0012417 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:E379E78E40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:E379E78F40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:D8F49EBB40E011E69A38F8F21A167467" stRef:documentID="xmp.did:D8F49EBC40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>O�S��dIDATx��\��0��Ӂ\��@�� N�o��@2I`we��t]��2?��=??�M��#��H�yz^ӏ��d��s�Q�#�%�D@��8J+�z)�R{��ͨ��HS!5W�@��5.�-h��5�߸ۙt�Ю2<�sG�dY�J�+/�đK �5�W��,�bK��}^��#��x�.9��4>k>{�ǡ�� +M�痔�3�Kf3UB=JL-Lȝ��!~�xF(��Z��uE��S-�Kf�wB��01ZC3MX,�N=-Xp��:ŀʐ&`�J�T�r��\|ǚp� ��X��V�U+��v7��9� ��,X��b<��[��o7�2�+j�Nf��0��'��~�Z��ʁB��`4��H��'2�C�;�Y�� $��Z;��.�#�;��-ȍ��IΝXdƚ�%c�>��OKfۦV��urS��&��1�ڞ9�$��\|rС�P��ha0#�ea��,y`nM��e�ԝD+�{"�K�}��H��<�s��Ah��.��nMY��]/��=��l�c� �O[��aF�މ��2 V�!� �ć �� p�Mƥ��v��R��-x�qߙ��;��^��+��4�$�M��.�b,.�t)��e�#+��Ԧ��P�ŔK(<�Zn�6u\W��O��I Rw�揿�hw[�[O�S��<5XW��os��],�g��s�ȝrkw�z.�+��r��Bӄ�SL4ޡ�^��U5�h��<D�T�B�%�(��3��P��F��ӵsLN�SKm��&�n�r�XH��mU:��<�.;R��3�Q�3��,�TEp�[��K�J��f�֌�.R?�B�xX��5�aI��w�i�<0��b�}� �&p��OrΎѺ�c��f��v�x$$��!�X�a\|�5��ʓ^��Ǡ,;��\|6umL�e1Ϲ��DK�� b��F_��V�Z.2�39Jt� `;�rn8�GE�v��{�Q8��9�U��&��`8�=�ub�?B�7wa7F��B��w�Bk��_�'�/��\|��i��u�T�6�u��ނ�2B�4֍-�r�Z��x�p��g��B� {��oٌ��X�t�"`��7��KSH�(`!��Xc��W�� <$`��j�O ��-�a�� &��X{`]��[67Z��F~0��0��t�X��IEND�B`��clients/assets/images/.htaccess��0000555��00000000355�15231074400�0012552 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��clients/assets/.htaccess��0000555��00000000355�15231074400�0011305 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��clients/site.php��0000644��00000046350�15231074400�0007666 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Uri\Uri; class SppagebuilderAddonClients extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; // $alignment = (isset($settings->alignment) && $settings->alignment) ? ' ' . $settings->alignment : ''; $columns = (isset($settings->count) && $settings->count) ? $settings->count : 2; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Carousel $create_carousel = (isset($settings->create_carousel) && $settings->create_carousel) ? $settings->create_carousel : 0; $carousel_autoplay = (isset($settings->carousel_autoplay) && $settings->carousel_autoplay) ? $settings->carousel_autoplay : 0; $carousel_speed = (isset($settings->carousel_speed) && $settings->carousel_speed) ? $settings->carousel_speed : 2000; $carousel_interval = (isset($settings->carousel_interval) && $settings->carousel_interval) ? $settings->carousel_interval : 3500; $carousel_margin_xl = 20; $carousel_margin_lg = ''; $carousel_margin_md = ''; $carousel_margin_sm = ''; $carousel_margin_xs = ''; if(isset($settings->carousel_margin_original) && is_object(($settings->carousel_margin_original))) { $carousel_margin_xl = (isset($settings->carousel_margin_original->xl) && $settings->carousel_margin_original->xl) ? $settings->carousel_margin_original->xl : ''; $carousel_margin_lg = (isset($settings->carousel_margin_original->lg) && $settings->carousel_margin_original->lg) ? $settings->carousel_margin_original->lg : ''; $carousel_margin_md = (isset($settings->carousel_margin_original->md) && $settings->carousel_margin_original->md) ? $settings->carousel_margin_original->md : ''; $carousel_margin_sm = (isset($settings->carousel_margin_original->sm) && $settings->carousel_margin_original->sm) ? $settings->carousel_margin_original->sm : ''; $carousel_margin_xs = (isset($settings->carousel_margin_original->xs) && $settings->carousel_margin_original->xs) ? $settings->carousel_margin_original->xs : ''; } else { $carousel_margin = (isset($settings->carousel_margin) && $settings->carousel_margin) ? $settings->carousel_margin : ''; $carousel_margin_xl = $carousel_margin; $carousel_margin_lg = $carousel_margin; $carousel_margin_md = $carousel_margin; $carousel_margin_sm = $carousel_margin; $carousel_margin_xs = $carousel_margin; } $carousel_item_number_xl = !empty($settings->carousel_item_number_xl) ? $settings->carousel_item_number_xl : 5; $carousel_item_number_lg = !empty($settings->carousel_item_number_lg) ? $settings->carousel_item_number_lg : 4; $carousel_item_number_md = !empty($settings->carousel_item_number_md) ? $settings->carousel_item_number_md : 3; $carousel_item_number_sm = !empty($settings->carousel_item_number_sm) ? $settings->carousel_item_number_sm : 3; $carousel_item_number_xs = !empty($settings->carousel_item_number_xs) ? $settings->carousel_item_number_xs : 2; $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 0; $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 0; $output = ''; $output = '<div class="sppb-addon sppb-addon-clients' . '' . $class . '' . ($create_carousel ? ' sppb-carousel-extended' : '') . '" data-arrow="' . $carousel_arrow . '" data-left-arrow="fa-angle-left" data-right-arrow="fa-angle-right" data-dots="' . $carousel_bullet . '" data-autoplay="' . $carousel_autoplay . '" data-speed="' . $carousel_speed . '" data-interval="' . $carousel_interval . '" data-margin-xl="' . $carousel_margin_xl . '" data-margin-lg="' . $carousel_margin_lg . '" data-margin-md="' . $carousel_margin_md . '" data-margin-sm="' . $carousel_margin_sm . '" data-margin-xs="' . $carousel_margin_xs . '" data-item-number-xl="' . $carousel_item_number_xl . '" data-item-number-lg="' . $carousel_item_number_lg . '" data-item-number-md="' . $carousel_item_number_md . '" data-item-number-sm="' . $carousel_item_number_sm . '" data-item-number-xs="' . $carousel_item_number_xs . '">'; if ($title && empty($create_carousel)) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } if ($create_carousel) { if (isset($settings->sp_clients_item) && is_array($settings->sp_clients_item)) { foreach ($settings->sp_clients_item as $item_key => $carousel_item) { $carousel_img = (isset($carousel_item->image) && $carousel_item->image) ? $carousel_item->image : ''; $carousel_img_src = isset($carousel_img->src) ? $carousel_img->src : $carousel_img; list($url, $url_same_window) = AddonHelper::parseLink($carousel_item, "url", ['url' => 'url', 'new_tab' => 'url_same_window']); $output .= '<div class="sppb-carousel-extended-item">'; if (isset($url) && $url) $output .= '<a ' . (isset($url_same_window) && $url_same_window ? $url_same_window : '') . ' rel="nofollow" href="' . $url . '">'; $output .= '<img class="sppb-img-responsive sppb-addon-clients-image" src="' . $carousel_img_src . '" alt="' . ((isset($carousel_item->title) && $carousel_item->title) ? $carousel_item->title : '') . '" loading="lazy">'; if (isset($url) && $url) $output .= '</a>'; $output .= '</div>'; } } } else { $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-row">'; foreach ($settings->sp_clients_item as $key => $value) { $client_img = (isset($value->image) && $value->image) ? $value->image : ''; $client_img_src = isset($client_img->src) ? $client_img->src : $client_img; $client_img_width = (isset($client_img->width) && $client_img->width) ? $client_img->width : ''; $client_img_height = (isset($client_img->height) && $client_img->height) ? $client_img->height : ''; if ($client_img_src) { // Lazy image loading $client_img_src = (strpos($client_img_src, "http://") !== false \|\| strpos($client_img_src, "https://") !== false) ? $client_img_src : Uri::base(true) . '/' . $client_img_src; $placeholder = $client_img_src == '' ? false : $this->get_image_placeholder($client_img_src); $target = ''; $output .= '<div class="' . $columns . '">'; list($url, $target) = AddonHelper::parseLink($value, 'url'); if (!empty($url) && $url) $output .= '<a ' . $target . ' href="' . $url . '">'; $output .= '<img class="sppb-img-responsive sppb-addon-clients-image' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $client_img_src) . '" alt="' . ((isset($value->title) && $value->title) ? $value->title : '') . '" ' . ($placeholder ? 'data-large="' . $client_img_src . '"' : '') . ' ' . ($client_img_width ? 'width="' . $client_img_width . '"' : '') . ' ' . ($client_img_height ? 'height="' . $client_img_height . '"' : '') . ' loading="lazy">'; if (!empty($url) && $url) $output .= '</a>'; $output .= '</div>'; } } $output .= '</div>'; $output .= '</div>'; } $output .= '</div>'; return $output; } /* * Add required script files for the addon. * * @return void * @since 1.0.0 / public function scripts() { HTMLHelper::_('jquery.framework'); HTMLHelper::_('script', 'components/com_sppagebuilder/assets/js/sp_carousel.js', [], ['defer' => true]); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $alignmentStyle = $cssHelper->generateStyle('.sppb-addon-clients', $settings, ['alignment' => 'text-align'], false); $css = ''; $remove_filter = (isset($settings->remove_filter) && $settings->remove_filter) ? $settings->remove_filter : ''; $scale_on_hover = (isset($settings->scale_on_hover) && $settings->scale_on_hover) ? $settings->scale_on_hover : ''; $scale_value = (isset($settings->scale_value) && $settings->scale_value) ? $settings->scale_value : ''; $filter_style = ''; $filter_css = ''; $filterStyle = ''; if (isset($settings->add_css_filder) && is_array($settings->add_css_filder)) { foreach ($settings->add_css_filder as $filter_key => $filter_value) { if ($filter_value == 'grayscale' && isset($settings->grayscale_value) && $settings->grayscale_value) { $filter_css .= 'grayscale(' . $settings->grayscale_value . '%) '; } if ($filter_value == 'opacity' && isset($settings->opacity_value) && $settings->opacity_value) { $filter_css .= 'opacity(' . $settings->opacity_value . '%)'; } $filter_style = 'filter:' . $filter_css . ';'; } } if ($filter_style) { $css .= $addon_id . ' .sppb-addon-clients-image {'; $css .= $filter_style; $css .= '}'; } if ($remove_filter) { $css .= $addon_id . ' .sppb-addon-clients-image:hover {'; $css .= 'filter: none;'; $css .= '}'; } if ($scale_on_hover && $scale_value) { $css .= $addon_id . ' .sppb-addon-clients-image:hover {'; $css .= 'transform: scale(' . $scale_value . ');'; $css .= '}'; } $css .= $alignmentStyle; return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css">'; // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // alignment $output .= $lodash->alignment('text-align', '.sppb-addon-clients', 'data.alignment'); $output .= '<# if (data.scale_on_hover) { #>'; $output .= $lodash->transform('scale', '.sppb-addon-clients-image:hover', 'data.scale_value'); $output .= '<# } #>'; $output .= ' <# let filter_style = ""; let filter_css = ""; if(!_.isEmpty(data.add_css_filder) && _.isArray(data.add_css_filder)){ _.each(data.add_css_filder, function(filter_value){ if(filter_value == "grayscale" && !_.isEmpty(data.grayscale_value) && data.grayscale_value){ filter_css += `grayscale(${data.grayscale_value}%) `; } if(filter_value == "opacity" && !_.isEmpty(data.opacity_value) && data.opacity_value){ filter_css += `opacity(${data.opacity_value}%)`; } filter_style = `filter:${filter_css};`; }) } if(data.add_css_filder != ""){ #> #sppb-addon-{{ data.id }} .sppb-addon-clients-image { {{filter_style}} } <# } if(data.add_css_filder != "" && data.remove_filter){ #> #sppb-addon-{{ data.id }} .sppb-addon-clients-image:hover { filter: none; } <# } #> </style> <# let carousel_item_number_xl = 5; let carousel_item_number_lg = 4; let carousel_item_number_md = 3; let carousel_item_number_sm = 3; let carousel_item_number_xs = 2; if(_.isObject(data.carousel_item_number)){ const {carousel_item_number} = data; const {xl, lg, md, sm, xs} = carousel_item_number; carousel_item_number_xl = parseInt(xl) ? xl : 5; carousel_item_number_lg = parseInt(lg) ? lg : 4; carousel_item_number_md = parseInt(md) ? md : 3; carousel_item_number_sm = parseInt(sm) ? sm : 3; carousel_item_number_xs = parseInt(xs) ? xs : 2; } let column_class = data.count; let carousel_margin_xl = 20; let carousel_margin_lg = 20; let carousel_margin_md = 20; let carousel_margin_sm = 20; let carousel_margin_xs = 20; if (_.isObject(data.carousel_margin)) { carousel_margin_xl = data.carousel_margin.xl; carousel_margin_lg = data.carousel_margin.lg; carousel_margin_md = data.carousel_margin.md; carousel_margin_sm = data.carousel_margin.sm; carousel_margin_xs = data.carousel_margin.xs; } else { carousel_margin_xl = data.carousel_margin; carousel_margin_lg = data.carousel_margin; carousel_margin_md = data.carousel_margin; carousel_margin_sm = data.carousel_margin; carousel_margin_xs = data.carousel_margin; } #> <div class="sppb-addon sppb-addon-clients {{ data.class }} {{(data.create_carousel ? \' sppb-carousel-extended\' : \'\')}}" data-left-arrow="fa-angle-left" data-right-arrow="fa-angle-right" data-arrow="{{data.carousel_arrow}}" data-dots="{{data.carousel_bullet}}" data-autoplay="{{data.carousel_autoplay}}" data-speed="{{data.carousel_speed \|\| 2000}}" data-interval="{{data.carousel_interval \|\|3500}}" data-margin-xl="{{carousel_margin_xl}}" data-margin-lg="{{carousel_margin_lg}}" data-margin-md="{{carousel_margin_md}}" data-margin-sm="{{carousel_margin_sm}}" data-margin-xs="{{carousel_margin_xs}}" data-item-number-xl="{{carousel_item_number_xl}}" data-item-number-lg="{{carousel_item_number_lg}}" data-item-number-md="{{carousel_item_number_md}}" data-item-number-sm="{{carousel_item_number_sm}}" data-item-number-xs="{{carousel_item_number_xs}}"> <# if( !_.isEmpty( data.title ) && !data.create_carousel){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <# if(data.create_carousel) { if(typeof data.sp_clients_item !== "undefined" && _.isArray(data.sp_clients_item)){ _.each(data.sp_clients_item, function(carousel_item){ var carouselImg = {} if (typeof carousel_item.image !== "undefined" && typeof carousel_item.image.src !== "undefined") { carouselImg = carousel_item.image } else { carouselImg = {src: carousel_item.image} } #> <div class="sppb-carousel-extended-item"> <# const isMenu = _.isObject(carousel_item.url) && carousel_item.url.type === "menu" && carousel_item.url.menu; const isPage = _.isObject(carousel_item.url) && carousel_item.url.type === "page" && carousel_item?.url.page; const isUrl = _.isObject(carousel_item.url) && carousel_item.url.type === "url" && carousel_item?.url.url; const isOldUrl = _.isString(carousel_item.url) && carousel_item.url !== ""; if(isMenu \|\| isPage \|\| isUrl \|\| isOldUrl){ const urlObj = _.isObject(carousel_item.url) ? carousel_item.url : window.getSiteUrl(carousel_item.url, carousel_item.url_same_window === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank" : ""; let relData = ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a href=\'{{ newUrl }}\' target=\'{{ target }}\' rel=\'{{ relData }}\' > <# } #> <# if(carouselImg.src && carouselImg.src.indexOf("https://") == -1 && carouselImg.src.indexOf("http://") == -1){ #> <img class="sppb-img-responsive sppb-addon-clients-image" src=\'{{ pagebuilder_base + carouselImg.src }}\' alt="{{ carousel_item.title }}"> <# } else if(carouselImg.src){ #> <img class="sppb-img-responsive sppb-addon-clients-image" src=\'{{ carouselImg.src }}\' alt="{{ carousel_item.title }}"> <# } #> <# if(isMenu \|\| isPage \|\| isUrl \|\| isOldUrl){ #></a><# } #> </div> <# }); } } else { #> <div class="sppb-addon-content"> <div class="sppb-row"> <# _.each(data.sp_clients_item, function(clients_item, key){ var clientImg = {} if (typeof clients_item.image !== "undefined" && typeof clients_item.image.src !== "undefined") { clientImg = clients_item.image } else { clientImg = {src: clients_item.image} } if(clientImg.src){ #> <div class="{{ column_class }}"> <# const isMenu = _.isObject(clients_item.url) && clients_item.url.type === "menu" && clients_item.url.menu; const isPage = _.isObject(clients_item.url) && clients_item.url.type === "page" && clients_item?.url.page; const isUrl = _.isObject(clients_item.url) && clients_item.url.type === "url" && clients_item?.url.url; const isOldUrl = _.isString(clients_item.url) && clients_item.url !== ""; if(isMenu \|\| isPage \|\| isUrl \|\| isOldUrl){ const urlObj = _.isObject(clients_item.url) ? clients_item.url : window.getSiteUrl(clients_item.url, clients_item.url_same_window === 1 ? "_blank" : ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank" : ""; let relData = ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; #> <a href=\'{{ newUrl }}\' target=\'{{ target }}\' rel=\'{{ relData }}\' > <# } #> <# if(clientImg.src && clientImg.src.indexOf("https://") == -1 && clientImg.src.indexOf("http://") == -1){ #> <img class="sppb-img-responsive sppb-addon-clients-image" src=\'{{ pagebuilder_base + clientImg.src }}\' alt="{{ clients_item.title }}"> <# } else if(clientImg.src){ #> <img class="sppb-img-responsive sppb-addon-clients-image" src=\'{{ clientImg.src }}\' alt="{{ clients_item.title }}"> <# } #> <# if((_.isObject(clients_item?.url) && clients_item?.url?.url !== "") \|\| (!_.isObject(clients_item?.url) && clients_item?.url !== "")){ #></a><# } #> </div> <# } #> <# }); #> </div> </div> <# } #> </div> '; return $output; } } ��clients/admin.php��0000644��00000021620�15231074400�0010003 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'clients', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENTS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENTS_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M26.7 16.7h-2.3c.2.6.4 1.3.4 2.1v8.8c0 .3-.1.6-.1.9h3.8c1.4 0 2.6-1.2 2.6-2.6v-4.8c-.1-2.4-2-4.4-4.4-4.4zM7.3 18.8c0-.7.1-1.4.4-2.1H5.3C2.9 16.7 1 18.6 1 21v4.8c0 1.4 1.2 2.6 2.6 2.6h3.8c-.1-.3-.1-.6-.1-.9v-8.7z" fill="currentColor"/><path d="M23 28.4H9v-9.6c0-2.4 1.9-4.3 4.3-4.3h5.3c2.4 0 4.3 1.9 4.3 4.3v9.6h.1zm-12-2h10v-7.6c0-1.3-1-2.3-2.3-2.3h-5.3c-1.3 0-2.3 1-2.3 2.3v7.6H11zM16 13.4c-.9 0-1.8-.2-2.5-.7-1.6-.9-2.7-2.7-2.7-4.5C10.8 5.3 13.1 3 16 3c2.9 0 5.2 2.3 5.2 5.2 0 1.9-1 3.6-2.7 4.5-.7.5-1.6.7-2.5.7zM16 5c-1.8 0-3.2 1.4-3.2 3.2 0 1.2.6 2.2 1.6 2.8 1 .5 2.2.5 3.1 0 1-.6 1.6-1.6 1.6-2.8C19.2 6.4 17.8 5 16 5z" fill="currentColor"/><path opacity=".5" d="M6.9 7.9C4.7 7.9 3 9.6 3 11.7c0 2.1 1.7 3.9 3.9 3.9.5 0 1.1-.1 1.5-.3.8-.4 1.5-1 1.9-1.7.3-.5.5-1.2.5-1.8-.1-2.2-1.8-3.9-3.9-3.9zM25.1 7.9c-2.1 0-3.9 1.7-3.9 3.9 0 .7.2 1.3.5 1.8.4.8 1.1 1.4 1.9 1.7.5.2 1 .3 1.5.3 2.1 0 3.9-1.7 3.9-3.9 0-2.1-1.7-3.8-3.9-3.8z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_clients_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'Client 1' ], 'image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), 'format' => 'image', 'std' => [ 'src' => 'https://sppagebuilder.com/addons/clients/client1.png', 'width' => '', 'height' => '' ], ], 'url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'mediaType' => 'attachment', ], ], ], 'alignment' => [ 'type' => 'alignment', 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ] ] ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'create_carousel' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENTS_MAKE_CAROUSEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENTS_MAKE_CAROUSEL_DESC'), 'std' => 0, ], 'carousel_autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY_DESC'), 'std' => 0, 'depends' => [['create_carousel', '=', 1]], ], 'carousel_arrow' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS_DESC'), 'std' => 1, 'depends' => [['create_carousel', '=', 1]], ], 'carousel_bullet' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS_DESC'), 'std' => 1, 'depends' => [['create_carousel', '=', 1]], ], 'carousel_item_number' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER_DESC'), 'min' => 1, 'max' => 8, 'responsive' => true, 'std' => [ 'xl' => 1, ], 'depends' => [['create_carousel', '=', 1]], ], 'carousel_margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_MARGIN_DESC'), 'std' => ['xl' => 20], 'responsive' => true, 'depends' => [['create_carousel', '=', 1]], ], 'carousel_speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED_DESC'), 'std' => 2000, 'depends' => [['create_carousel', '=', 1]], ], 'carousel_interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_INTERVAL_DESC'), 'std' => 3500, 'depends' => [['create_carousel', '=', 1]], ], 'count' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENTS_COUNT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENTS_COUNT_DESC'), 'values' => [ 'sppb-col-sm-12' => 1, 'sppb-col-sm-6' => 2, 'sppb-col-sm-4' => 3, 'sppb-col-sm-3' => 4, 'sppb-col-sm-2' => 6, ], 'std' => 'sppb-col-sm-3', 'inline' => true, 'depends' => [['create_carousel', '!=', 1]] ] ] ], 'advanced' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ADVANCED'), 'fields' => [ 'add_css_filder' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_FILTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_FILTER_DESC'), 'values' => [ 'grayscale' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_FILTER_GRAYSCALE'), 'opacity' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_FILTER_OPACITY'), ], 'std' => 'grayscale', 'multiple' => true, ], 'grayscale_value' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_FILTER_GRAYSCALE'), 'min' => 0, 'max' => 100, 'std' => '0', 'depends' => [['add_css_filder', '!=', '']] ], 'opacity_value' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_FILTER_OPACITY'), 'min' => 0, 'max' => 100, 'std' => 100, 'depends' => [['add_css_filder', '!=', '']] ], 'remove_filter' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_REMOVE_FILTER'), 'std' => 0, 'depends' => [['add_css_filder', '!=', '']] ], 'scale_on_hover' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_SCALE_ON_HOVER'), 'std' => 0, 'group' => [ 'scale_value' ], ], 'scale_value' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMG_SCALE_VALUE'), 'min' => 0.1, 'max' => 5, 'step' => 0.1, 'std' => 0, 'depends' => [['scale_on_hover', '=', 1]] ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ] ] ], ]); ��clients/.htaccess��0000555��00000000355�15231074400�0010003 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��button/assets/images/icon.png��0000644��00000003230�15231074400�0012256 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:08556E5D40E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:08556E5E40E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:E379E79840E011E69A38F8F21A167467" stRef:documentID="xmp.did:08556E5C40E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��`��IDATx�윍q�0�1�A٠� t��A�A�A� �N@3AF��2�� D�)��w�l��ݽ;��ӏ�Y�}�@�%�0�0��D��52��V��S�r�ښ�{�{g��.��Fkc�۳9<ld��c��Vxx�o��Tg�c��Rk.0��ƶ��ܢ�_m��.J��S�Ȼ�rWjs��EY�pnn+�f$�L�K��r��T��t!� �ʑWC�#��.d�3��S��u%��I��k��9W0݌T��ZbP'(m��3��q u&m��!��;�<Q<_�%�� Z��[�ˊ�X�JM E�=�:R3ۜ�Fǭl�F��ش��s�&�c4�S�z��8���>�ɻb��"\|�9W+��^�3I��r)`1SDh��^F�V��i#�M�'��νp��G(!�D��1od�Z,`}��$�)b�'%��{�0�б��slr�jtJ��jY�Ill$.��0X��v��2�X��8�`��as�3:֛�1e4�@kI��˦�� T2�8�8S8��;I��z'�� x��+jO&Xq�[��<��6�B��B�-��V��d��ʁ�(�F��۝\�� u�6Թ��K+6{v�w��6L�a�N��N>�Z�� %��`�`�`�0��%��RSu��4��IEND�B`��button/assets/images/.htaccess��0000555��00000000355�15231074400�0012424 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��button/assets/.htaccess��0000555��00000000355�15231074400�0011157 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��button/site.php��0000644��00000027614�15231074400�0007542 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Layout\FileLayout; class SppagebuilderAddonButton extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $class .= (isset($settings->type) && $settings->type) ? ' sppb-btn-' . $settings->type : ''; $class .= (isset($settings->size) && $settings->size) ? ' sppb-btn-' . $settings->size : ''; $class .= (isset($settings->block) && $settings->block) ? ' ' . $settings->block : ''; $class .= (isset($settings->shape) && $settings->shape) ? ' sppb-btn-' . $settings->shape : ' sppb-btn-rounded'; $class .= (isset($settings->appearance) && $settings->appearance) ? ' sppb-btn-' . $settings->appearance : ''; // Need to create a function $attribs = ''; list($link, $new_tab) = AddonHelper::parseLink($settings, 'url', ['url' => 'link', 'new_tab' => 'target']); $attribs .= ' id="btn-' . $this->addon->id . '"'; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $icon = (isset($settings->icon) && $settings->icon) ? $settings->icon : ''; $icon_position = (isset($settings->icon_position) && $settings->icon_position) ? $settings->icon_position : 'left'; $icon_arr = array_filter(explode(' ', $icon)); if (count($icon_arr) === 1) { $icon = 'fa ' . $icon; } if ($icon_position === 'left') { $text = ($icon) ? '<i class="' . $icon . '" aria-hidden="true"></i> ' . $text : $text; } else { $text = ($icon) ? $text . ' <i class="' . $icon . '" aria-hidden="true"></i>' : $text; } $hrefTag = !empty($link) ? 'href="' . $link .'"' : ''; $ariaLabel = !empty($settings->aria_label) ? ' aria-label="' . $settings->aria_label . '"' : ''; $output = '<div class="sppb-button-wrapper">'; $output .= '<a '. $hrefTag . ' ' . $new_tab . ' ' . $attribs . ' ' . $ariaLabel .' class="sppb-btn ' . $class . '">' . $text . '</a>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $layoutPath = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css = ''; $buttonLayout = new FileLayout('addon.css.button', $layoutPath); $options = new stdClass; $options->button_type = (isset($settings->type) && $settings->type) ? $settings->type : ''; $options->button_appearance = (isset($settings->appearance) && $settings->appearance) ? $settings->appearance : ''; $options->button_color = (isset($settings->color) && $settings->color) ? $settings->color : ''; $options->button_border_width = (isset($settings->button_border_width) && $settings->button_border_width) ? $settings->button_border_width : ''; $options->button_color_hover = (isset($settings->color_hover) && $settings->color_hover) ? $settings->color_hover : ''; $options->button_background_color = (isset($settings->background_color) && $settings->background_color) ? $settings->background_color : ''; $options->button_background_color_hover = (isset($settings->background_color_hover) && $settings->background_color_hover) ? $settings->background_color_hover : ''; $options->button_fontstyle = (isset($settings->fontstyle) && $settings->fontstyle) ? $settings->fontstyle : ''; $options->button_font_style = (isset($settings->font_style) && $settings->font_style) ? $settings->font_style : ''; $options->button_padding = (isset($settings->button_padding) && $settings->button_padding) ? $settings->button_padding : ''; $options->button_padding_original = (isset($settings->button_padding_original) && $settings->button_padding_original) ? $settings->button_padding_original : ''; // $options->fontsize = (isset($settings->fontsize) && $settings->fontsize) ? $settings->fontsize : ''; $options->fontsize = isset($settings->fontsize_original) ? $settings->fontsize_original : ($settings->fontsize ?? null); $options->button_size = isset($settings->size) ? $settings->size : null; $options->font_family = isset($settings->font_family) ? $settings->font_family : null; $options->button_typography = isset($settings->typography) ? $settings->typography : null; // Button Type Link $options->link_button_color = (isset($settings->link_button_color) && $settings->link_button_color) ? $settings->link_button_color : ''; $options->link_border_color = (isset($settings->link_border_color) && $settings->link_border_color) ? $settings->link_border_color : ''; $options->link_button_border_width = (isset($settings->link_button_border_width) && $settings->link_button_border_width) ? $settings->link_button_border_width : ''; $options->link_button_padding_bottom = (isset($settings->link_button_padding_bottom) && gettype($settings->link_button_padding_bottom) == 'string') ? $settings->link_button_padding_bottom : ''; // Link Hover $options->link_button_hover_color = (isset($settings->link_button_hover_color) && $settings->link_button_hover_color) ? $settings->link_button_hover_color : ''; $options->link_button_border_hover_color = (isset($settings->link_button_border_hover_color) && $settings->link_button_border_hover_color) ? $settings->link_button_border_hover_color : ''; $options->button_letterspace = (isset($settings->letterspace) && $settings->letterspace) ? $settings->letterspace : ''; $options->button_background_gradient = (isset($settings->background_gradient) && $settings->background_gradient) ? $settings->background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($settings->background_gradient_hover) && $settings->background_gradient_hover) ? $settings->background_gradient_hover : new stdClass(); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $alignmentStyle = $cssHelper->generateStyle('.sppb-button-wrapper', $settings, ['alignment' => 'text-align'], false); $iconStyle = $cssHelper->generateStyle('.sppb-btn i', $settings, ['icon_margin' => 'margin'], false, ['icon_margin' => 'spacing']); $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . $this->addon->id)); $css .= $iconStyle; $css .= $alignmentStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var classList = data.class; classList += " sppb-btn-" + data.type; if (!_.isEmpty(data.size)) { classList += " sppb-btn-" + data?.size; } classList += " sppb-btn-" + data.shape; if (!_.isEmpty(data.appearance)) { classList += " sppb-btn-" + data.appearance; } if (data.block != undefined) { classList += " " + data.block; } #>'; $output .= '<style type="text/css">'; $typographyFallbacks = [ 'font' => 'data.font_family', 'size' => 'data.fontsize', 'letter_spacing' => 'data.letterspace', 'uppercase' => 'data.font_style?.uppercase', 'italic' => 'data.font_style?.italic', 'underline' => 'data.font_style?.underline', 'weight' => 'data.font_style?.weight' ]; $output .= $lodash->typography('#btn-{{ data.id }}', 'data.typography', $typographyFallbacks); // custom $output .= '<# if (data.type == "custom") { #>'; $output .= $lodash->color('color', '#btn-{{ data.id }}', 'data.color'); $output .= $lodash->color('color', '#btn-{{ data.id }}:hover', 'data.color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}:hover', 'data.background_color_hover'); $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_padding'); $output .= '<# if (data.appearance == "outline") { #>'; $output .= '#btn-{{ data.id }} {background-color: transparent;}'; $output .= $lodash->unit('border-color', '#btn-{{ data.id }}', 'data.background_color', '', false); $output .= $lodash->unit('border-color', '#btn-{{ data.id }}:hover', 'data.background_color_hover', '', false); $output .= '<# } else if (data.appearance == "gradient") { #>'; $output .= '#btn-{{ data.id }} {border: none;}'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}', 'data.background_gradient'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}:hover', 'data.background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}', 'data.background_color'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}:hover', 'data.background_color_hover'); $output .= '<# } #>'; $output .= '<# } #>'; // link $output .= '<# if (data.type == "link") { #>'; $output .= '#btn-{{ data.id }} {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $output .= $lodash->color('color', '#btn-{{ data.id }}', 'data.link_button_color'); $output .= $lodash->unit('border-color', '#btn-{{ data.id }}', 'data.link_border_color', '', false); $output .= $lodash->unit('border-bottom-width', '#btn-{{ data.id }}', 'data.link_button_border_width', 'px'); $output .= $lodash->unit('padding-bottom', '#btn-{{ data.id }}', 'data.link_button_padding_bottom', 'px'); $output .= $lodash->color('color', '#btn-{{ data.id }}:hover, #btn-{{ data.id }}:focus', 'data.link_button_hover_color'); $output .= $lodash->unit('border-color', '#btn-{{ data.id }}:hover, #btn-{{ data.id }}:focus', 'data.link_button_border_hover_color', '', false); $output .= '<# } #>'; $output .= $lodash->alignment('text-align', '', 'data.alignment'); $output .= $lodash->spacing('margin', '#btn-{{ data.id }} i', 'data.icon_margin'); $output .= ' </style> <# let icon_arr = (typeof data.icon !== "undefined" && data.icon) ? data.icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.icon : data.icon; / link / const isUrlObject = _.isObject(data?.url) && ( !!data?.url?.url \|\| !!data?.url?.page \|\| !!data?.url?.menu); const isUrlString = _.isString(data?.url) && data?.url !== ""; let href; let target; let rel; let relData=""; if(isUrlObject \|\| isUrlString ){ const urlObj = data?.url?.url ? data?.url : window.getSiteUrl(data?.url, data?.target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; target = new_tab ? `target="_blank"` : ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; rel = `rel="${relData}"`; const buttonUrl = (type === "url" && url) \|\| ( type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page ) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; href = buttonUrl ? `href=${buttonUrl}` : ""; } let ariaLabel = data.aria_label \|\| ""; #> <a {{href}} {{target}} {{rel}} id="btn-{{ data.id }}" aria-label="{{ariaLabel}}" class="sppb-btn {{ classList }}" data-id={{ data.id }}><# if(data.icon_position == "left" && !_.isEmpty(data.icon)) { #><i class="{{ icon_name }}" aria-hidden="true" ></i> <# } #><span class="sp-editable-content" data-id={{ data.id }} data-fieldName="text" data-placeholder="Add text...">{{{ data.text }}}</span><# if(data.icon_position == "right" && !_.isEmpty(data.icon)) { #> <i class="{{ icon_name }}" aria-hidden="true" ></i><# } #></a>'; return $output; } }��button/admin.php��0000644��00000035040�15231074400�0007656 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'general', 'addon_name' => 'button', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BUTTON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_BUTTON_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 8a4 4 0 014-4h24a4 4 0 014 4v9a4 4 0 01-4 4h-.5a1 1 0 110-2h.5a2 2 0 002-2V8a2 2 0 00-2-2H4a2 2 0 00-2 2v9a2 2 0 002 2h9a1 1 0 110 2H4a4 4 0 01-4-4V8z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M16.004 12.669l1.526 9.46c.05.408.508.611.864.408l2.645-1.882 3.612 5.137c.508.661 2.034-.407 1.577-1.068l-3.612-5.188 2.696-1.832c.305-.254.305-.762-.05-.966l-8.393-4.68a.604.604 0 00-.865.611z" fill="currentColor"/></svg>', 'settings' => [ 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BUTTON'), 'fields' => [ 'text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT_DESC'), 'inline' => true, 'std' => 'Button' ], 'url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'mediaType' => 'attachment' ], 'aria_label' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ARIA_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ARIA_LABEL_DESC'), 'std' => '' ], 'typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'fontsize', 'letter_spacing' => 'letterspace', 'uppercase' => 'font_style.uppercase', 'italic' => 'font_style.italic', 'underline' => 'font_style.underline', 'weight' => 'font_style.weight', ], ], 'type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'depends' => [['type', '=', 'link']], ], 'appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'std' => '', 'depends' => [['type', '!=', 'link']], ], 'shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['type', '!=', 'link']], ], 'size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => '', 'responsive' => true, 'depends' => [['size', '=', 'custom']], ], 'block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK_DESC'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'depends' => [['type', '!=', 'link']], ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ] ] ], ], 'icon' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'fields' => [ 'icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), ], 'icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_MARGIN'), 'responsive' => true, 'std' => ['xl' => '0px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], ] ], 'style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'depends' => [['type', '=', 'custom']], 'fields' => [ 'button_style_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'hover' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), ], 'std' => 'normal', ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [['button_style_state', '=', 'normal']], ], 'color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [['button_style_state', '=', 'hover']], ], // Background 'background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#3366FF', 'depends' => [ ['button_style_state', '=', 'normal'], ['appearance', '!=', 'gradient'], ], ], 'background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#0037DD', 'depends' => [ ['button_style_state', '=', 'hover'], ['appearance', '!=', 'gradient'], ], ], // Gradient Background 'background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_state', '=', 'normal'], ['appearance', '=', 'gradient'], ], ], 'background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_state', '=', 'hover'], ['appearance', '=', 'gradient'], ], ], ], ], 'link_type_style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'depends' => [['type', '=', 'link']], 'fields' => [ 'button_link_style_state' => [ 'type' => 'radio', 'values' => [ 'normal' => Text::_('Normal'), 'hover' => Text::_('Hover'), ], 'std' => 'normal', ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#3366FF', 'depends' => [ ['button_link_style_state', '=', 'normal'], ['type', '=', 'link'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 10, 'std' => 1, 'depends' => [ ['button_link_style_state', '=', 'normal'], ['type', '=', 'link'], ], ], 'link_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '#3366FF', 'depends' => [ ['button_link_style_state', '=', 'normal'], ['type', '=', 'link'], ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#0037DD', 'depends' => [ ['button_link_style_state', '=', 'hover'], ['type', '=', 'link'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '#0037DD', 'depends' => [ ['button_link_style_state', '=', 'hover'], ['type', '=', 'link'], ], ], ], ], ], ]); ��button/.htaccess��0000555��00000000355�15231074400�0007655 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��div/site.php��0000644��00000004641�15231074400�0007004 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonDiv extends SppagebuilderAddons { /* * The render method of the DIV addon. * The HTML of the DIV addon is managed from * the `addon-parser.php` file. Nothing is needed to return from here. * * @return string * @since 4.0.0 / public function render() { return ''; } /* * The DIV addon's CSS stylings. * * @return string The CSS string. * @since 4.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $props = [ 'display' => 'display', 'width' => 'width', 'height' => 'height', 'overflow' => 'overflow' ]; $units = [ 'display' => false, 'overflow' => false, ]; if (isset($settings->reverse_direction) && $settings->reverse_direction) { if (is_object($settings->reverse_direction)) { if (is_object($settings->flex_direction)) { foreach ($settings->reverse_direction as $key => $value) { if (!empty($value) && !empty($settings->flex_direction->$key)) { $settings->flex_direction->$key = $settings->flex_direction->$key . '-reverse'; } } } else { foreach ($settings->reverse_direction as $key => $value) { if (!empty($value) && !empty($settings->flex_direction)) { $settings->flex_direction->$key = $settings->flex_direction . '-reverse'; } } } } else if (!empty($settings->flex_direction)) { $settings->flex_direction = $settings->flex_direction . '-reverse'; } } if (isset($settings->display) && \in_array($settings->display, ['flex', 'inline-flex'])) { $props = array_merge($props, [ 'flex_direction' => 'flex-direction', 'justify_content' => 'justify-content', 'align_items' => 'align-items', 'flex_gap' => 'gap', 'flex_wrap' => 'flex-wrap' ]); $units = array_merge($units, [ 'flex_direction' => false, 'justify_content' => false, 'align_items' => false, 'flex_gap' => false, 'flex_wrap' => false, ]); } $divStyle = $cssHelper->generateStyle(':self', $settings, $props, $units); $css .= $divStyle; return $css; } } ��div/admin.php��0000644��00000017143�15231074400�0007131 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'structure', 'addon_name' => 'div', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_DIV'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_DIV_DESC'), 'category' => 'Structure', 'icon' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 5.1h2.9V2.9h2.2V0H0v5.1z" fill="currentColor"></path><path d="M19.7 0h-7.3v2.9h7.3V0z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M26.9 0v2.9h2.2v2.2H32V0h-5.1z" fill="currentColor"></path><path d="M2.9 12.4H0v7.3h2.9v-7.3zM32 12.4h-2.9v7.3H32v-7.3z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.9 26.9H0V32h5.1v-2.9H2.9v-2.2zM29.1 29.1h-2.2V32H32v-5.1h-2.9v2.2z" fill="currentColor"></path><path d="M19.7 29.1h-7.3V32h7.3v-2.9z" fill="currentColor"></path></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GENERAL'), 'fields' => [ 'display' => [ 'type' => 'select', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_DISPLAY"), 'desc' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_DISPLAY_DESC"), 'values' => [ 'block' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_BLOCK"), 'inline-block' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_INLINE_BLOCK"), 'flex' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX"), 'inline-flex' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_INLINE_FLEX"), ], 'std' => 'block' ], 'flex_direction' => [ 'type' => 'buttons', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_DIRECTION"), 'std' => ['xl' => 'row', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'values' => [ ['label' => 'Horizontal', 'value' => 'row'], ['label' => 'Vertical', 'value' => 'column'], ], 'depends' => [['display', '!=', 'block'], ['display', '!=', 'inline-block'], ['display', '!=', '']], ], 'reverse_direction' => [ 'type' => 'checkbox', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_REVERSED_DIRECTION"), 'std' => ['xl' => 0, 'lg' => 0, 'md' => 0, 'sm' => 0, 'xs' => 0], 'responsive' => true, 'depends' => [['display', '!=', 'block'], ['display', '!=', 'inline-block'], ['display', '!=', ''], ['flex_direction', '!=', '']], ], 'justify_content' => [ 'type' => 'buttons', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_JUSTIFY"), 'std' => ['xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'values' => [ [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_START"), 'icon' => 'justifyStart' ], 'value' => 'flex-start' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_END"), 'icon' => 'justifyEnd' ], 'value' => 'flex-end' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_CENTER"), 'icon' => 'justifyCenter' ], 'value' => 'center' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_SPACE_BETWEEN"), 'icon' => 'justifySpaceBetween' ], 'value' => 'space-between' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_SPACE_AROUND"), 'icon' => 'justifySpaceAround' ], 'value' => 'space-around' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_SPACE_EVENLY"), 'icon' => 'justifySpaceEvenly' ], 'value' => 'space-evenly' ], ], 'depends' => [['display', '!=', 'block'], ['display', '!=', 'inline-block'], ['display', '!=', '']], ], 'align_items' => [ 'type' => 'buttons', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_ALIGN"), 'std' => ['xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'values' => [ [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_ALIGN_START"), 'icon' => 'alignStart' ], 'value' => 'flex-start' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_ALIGN_CENTER"), 'icon' => 'alignCenter' ], 'value' => 'center' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_ALIGN_END"), 'icon' => 'alignEnd' ], 'value' => 'flex-end' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_ALIGN_STRETCH"), 'icon' => 'alignStretch' ], 'value' => 'stretch' ], ], 'depends' => [['display', '!=', 'block'], ['display', '!=', 'inline-block'], ['display', '!=', '']], ], 'flex_wrap' => [ 'type' => 'buttons', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_WRAP"), 'std' => ['xl' => 'nowrap', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'values' => [ [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_WRAP"), 'icon' => 'flexWrap' ], 'value' => 'wrap' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_NO_WRAP"), 'icon' => 'flexNoWrap' ], 'value' => 'nowrap' ], [ 'label' => [ 'tooltip' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_WRAP_REVERSE"), 'icon' => 'flexWrapReverse' ], 'value' => 'wrap-reverse' ], ], 'depends' => [['display', '!=', 'block'], ['display', '!=', 'inline-block'], ['display', '!=', '']], ], 'flex_gap' => [ 'type' => 'text', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_GAP"), 'desc' => Text::_("COM_SPPAGEBUILDER_ADDON_DISPLAY_FLEX_GAP_DESC"), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true, 'depends' => [['display', '!=', 'block'], ['display', '!=', 'inline-block'], ['display', '!=', '']], ] ], ], 'advanced' => [ 'title' => Text::_("COM_SPPAGEBUILDER_GLOBAL_OPTIONS"), 'fields' => [ 'width' => [ 'type' => 'slider', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_WIDTH"), 'desc' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_WIDTH_DESC"), 'min' => 0, 'max' => 1000, 'responsive' => true ], 'height' => [ 'type' => 'slider', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_HEIGHT"), 'desc' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_HEIGHT_DESC"), 'min' => 0, 'max' => 1000, 'responsive' => true ], 'overflow' => [ 'type' => 'select', 'title' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_OVERFLOW"), 'values' => [ 'visible' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_OVERFLOW_VISIBLE"), 'hidden' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_OVERFLOW_HIDDEN"), 'scroll' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_OVERFLOW_SCROLL"), 'auto' => Text::_("COM_SPPAGEBUILDER_ADDON_DIV_OVERFLOW_AUTO") ], 'std' => 'visible' ], ], ], ], ]); ��div/.htaccess��0000555��00000000355�15231074400�0007124 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��openstreetmap/assets/images/icon.png��0000644��00000007072�15231074400�0013641 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c067 79.157747, 2015/03/30-23:40:42 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:7C6F1D838F0711E8898B9B89EC72527D" xmpMM:DocumentID="xmp.did:7C6F1D848F0711E8898B9B89EC72527D"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:7C6F1D818F0711E8898B9B89EC72527D" stRef:documentID="xmp.did:7C6F1D828F0711E8898B9B89EC72527D"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>Ok\|�� IDATx��\ ��U>K��d(��Q,��bT�i�?�+4�N�::��"�(�̔H�b�)�C Ҁ�X�[¨�"� �ʂ��n��}xy��}��><3g��s�sν_Icc�\|J�Ժ��E��>�p��-��3��%��Ga�7��'�� 2��u��VnL��1�� `�N��w��+ �k�#��Ά��U�9��ë�}Uu1��v�f�c�n�z�oQ[�%�,,�M�i¯>'e��R{�_��O}�p�}M��Ծ>0��b�8��nz.�B}��XRt��cb; ��E�?7��U�<bx\|�n{ �6�]A+ᾘ:W~?N,2�+��ຂ�'1�XEa��k��W�l�ߢ��t��z>��bx+ ��m��,�އ�]`_�~��Qn!�>��(�C��P��chUU��>c�!�1}��X�� 9�C!�.��ԙ��[��qT ܥСO�̢~A��c!lA��]�[z$��4�ڈ�v��ۻ`��;T�p`#>�(g�6�[+汴=� Y韆��ed�� \Fn�B��R�b�(t+��UL�2b�i�Z��P8��IX� ��k �_\�� (?��p��G-:�&,�2<:��B~��+��>S,��FJ�cR:��$ãO�� Q�c��ޙ�I��z��lCn�f��/&��E�Wy��+�y��cRd��p-&��<�,t7mǢS��Iy�Q7R8��\C�j��@Y��-P��զ��M}H��\��Ƴ��`��rI�lu��A��d3��\|��>��I�C�F�n y ��9��p�]Ɣ4ֺ��cK�� \|?:�[��25�s9&SB!�T��X��Y��R`��M��ly��t��'YV�T "��o8�͟�O7 �%U�-��hh�mχk�:�u��_� �( n��c�N��a^#I=��ՊV�K��m�6�+꿚��4�.�h��S��-E?�:M��!��a�6b��R��u��z��s~��KxP�e/˂,C�u�C��%��<�¿tA�!X{��o�]��+�� )��f�C��Q�[��fgX��K�}��C2�ɇrp�&��^�� ğ&Kv��\|��J��u�H��}��t� ~��-eDbY��$�p�td�1I(�Be�P��uY֠�'��"k3'��G b��u�\|��"�/��n�q<��I��ۜLmn�4.�4��f�\|�'4�;b,�=��O�c2=`�c��;v��"]60B+�SX\|��􈪐$E�5vJ�l�E��O�L��(�c��z��?{ l2�<s!�(� �.[6�ZQt�B<�D�h5\�ad֒��x�u].��U��H�E�nWD�(\|��crߥ�+ ��p��Q4'��;�B>��<d��Y� �0�:ħ��_�bυ�l:p�D\�h�4�o���Y��򘠾��و��ZF ��v��p��s?��4��:Z_�!y9��0�+)�3$�0�4��%9�&v/�Ȁ�Άwq��g��X.Lю��. :IpVaQ�A�$�V�1p�6C�a��V��?�w�\tX?�U)ڑt��~�)��S��d4چ�E�R�u�G��=�~��7�~u�r��1��:�i�q�' ̆N�Kr"#\| ��70�Aܽ�G�/�7i:"�U��K$�%Y��R�+كm��y�u�s�[��z<�q�7�D��iϐ��˳�Zӊ��e�B�/M�?�@qt�:�W�"x�z�"����+�Ȧ��S>�f[E�r$B86ѱA��D�?1�s�'v�(�[�< �8D��Opl�ǡ&x�[°b0)�7=�V[r��yV�,��mrl�W ? �͕,B�Ki%mR`tY:B��y�fcKd=��~�2��7+�$8'�րU�!� w�e��S�B��#Ha^.��)�H��H9��Ua��E�r�t$��l�\|p�q}幒��8r�j$�6o��ڒ�ɣ�p��c��&K�.�7@��۞p��?$Mak��t~�x�[�q t��n��aO�H��vr�Y�8��L8�{B+J�8�P��i&�?��]�m�wҐ��W!�Jw�+��Po�1�3��a�� #��4�3_�/��8��#Hb��lq;�Ç_~v9l��Њz��:;/Թ��v�ԁYH��3{��D�,�a��ن�ܒ�3��gFo��\|6�P��@�AT�zr��q��-?�8+�c،zKx��I�&ԩq==��9��O��K��%�@�n�I1Fj!��W�1�`��gFP��0r�,/��"c��r��y<\|'%J?��_%�A��3��[�kOe�u��D%ű.��a�$�x), ��3�/a�J��.��I.�#q�P/J��p^=v��?Uy�Y�K_)�s�-�t�=�9��Z��<��[�C�kr�j�e��g�w�t�C#��-%0�]�Sr�}%pJժ��f�E��Ғ��j$� �w!�_��~%@+��IEND�B`��openstreetmap/assets/images/.htaccess��0000555��00000000355�15231074400�0013777 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��openstreetmap/assets/.htaccess��0000555��00000000355�15231074400�0012532 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��openstreetmap/site.php��0000644��00000012121�15231074400�0011100 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined ('_JEXEC') or die ('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonOpenstreetmap extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; //Options $map_style = (isset($settings->map_style) && $settings->map_style) ? $settings->map_style : 'Wikimedia'; $zoom = (isset($settings->zoom) && $settings->zoom) ? $settings->zoom : 0; $mousescroll = (isset($settings->mousescroll) && $settings->mousescroll) ? $settings->mousescroll : 0; $dragging = (isset($settings->dragging) && $settings->dragging) ? $settings->dragging : 0; $zoomcontrol = (isset($settings->zoomcontrol) && $settings->zoomcontrol) ? $settings->zoomcontrol : 0; $attribution = (isset($settings->attribution) && $settings->attribution) ? $settings->attribution : 0; $total_location = []; if((array) $settings->multi_location_items){ foreach($settings->multi_location_items as $key => $item){ $lat_long = (isset($item->location_item) && $item->location_item) ? explode(',', $item->location_item) : array(40.7970,-73.9491); $address_text = (isset($item->location_popup_text) && $item->location_popup_text) ? str_replace("'", "'", $item->location_popup_text) : ''; $custom_icon = (isset($item->custom_icon) && $item->custom_icon) ? $item->custom_icon : ''; $custom_icon_src = isset($custom_icon->src) ? $custom_icon->src : $custom_icon; if($custom_icon_src){ if(strpos($custom_icon_src, "http://") !== false \|\| strpos($custom_icon_src, "https://") !== false){ $custom_icon = $custom_icon_src; } else { $custom_icon = Uri::base(true) . '/' . $custom_icon_src; } } $total_location[] = array( 'address'=>$address_text, 'latitude'=>$lat_long[0], 'longitude'=>$lat_long[1], 'custom_icon'=>$custom_icon ); } } $location_json = json_encode($total_location); $output = ''; if($location_json){ $output .= '<div class="sppb-addon-openstreetmap-wrapper">'; $output .= '<div class="sppb-addon-content">'; $output .= '<div id="sppb-addon-osm-' . $this->addon->id .'" class="sppb-addon-openstreetmap '.$class.'" data-location=\''.$location_json.'\' data-mapstyle="' . $map_style . '" data-mapzoom="'. $zoom .'" data-mousescroll="'. $mousescroll .'" data-dragging="'. $dragging .'" data-zoomcontrol="'. $zoomcontrol .'" data-attribution="'. $attribution .'"></div>'; $output .= '</div>'; $output .= '</div>'; } return $output; } public function scripts() { return array( Uri::base(true) . '/components/com_sppagebuilder/assets/js/leaflet.js', Uri::base(true) . '/components/com_sppagebuilder/assets/js/leaflet.provider.js', ); } public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/leaflet.css'); } public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $height = $cssHelper->generateStyle('.sppb-addon-openstreetmap', $settings, ['height' => 'height']); $css .= $height; return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let location_addr = []; if(_.isObject(data.multi_location_items) && data.multi_location_items){ _.each(data.multi_location_items, function(item){ let latLong = _.split(item.location_item, ","); var custom_icon = {} if (typeof item.custom_icon !== "undefined" && typeof item.custom_icon.src !== "undefined") { custom_icon = item.custom_icon } else { custom_icon = {src: item.custom_icon} } if(custom_icon.src){ if(custom_icon.src.indexOf("http://") == 0 \|\| custom_icon.src.indexOf("https://") == 0){ custom_icon = custom_icon.src; } else { custom_icon = pagebuilder_base + "/" + custom_icon.src; } } let mainObj = [{ address: item.location_popup_text, latitude: latLong[0] \|\|40.7970, longitude: latLong[1] \|\| -73.9491, custom_icon: custom_icon }]; location_addr = _.concat(location_addr, mainObj); }) } let location_json = JSON.stringify(location_addr); #> <style type="text/css">'; $output .= $lodash->unit('height', '.sppb-addon-openstreetmap', 'data.height', 'px'); $output .=' </style> <div class="sppb-addon-openstreetmap-wrapper edit-view"> <div class="sppb-addon-content"> <div id="sppb-addon-osm-{{ data.id }}" class="sppb-addon-openstreetmap {{data.class}}" data-location=\'{{location_json}}\' data-mapstyle="{{data.map_style}}" data-mapzoom="{{data.zoom}}" data-mousescroll="{{data.mousescroll}}" data-dragging="{{data.dragging}}" data-zoomcontrol="{{data.zoomcontrol}}" data-attribution="{{data.attribution}}"></div> </div> </div> '; return $output; } }��openstreetmap/admin.php��0000644��00000020476�15231074400�0011240 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'openstreetmap', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_DESC'), 'category' => 'General', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3 12.125c-.232-2.793.475-5.33 2.202-7.567.327-.43.691-.823 1.077-1.195.503-.485 1.042-.935 1.582-1.387l.087-.072c-.297-.172-.61-.285-.919-.397-.378-.137-.749-.271-1.074-.507h-.348c-.756.3-1.546.493-2.336.686-.432.105-.864.21-1.29.334-.98.28-1.97.53-2.96.78-.404.102-.809.205-1.213.31l-.024.005c-.175.044-.332.084-.532.017a649.995 649.995 0 00-4.106-1.341l-.089-.029-2.097-.68c-.026 0-.039-.026-.053-.052A.339.339 0 00.19 1H.074l.021.063.087.258.008.027.07.208.07.213.538 1.613c.422 1.262.847 2.525 1.28 3.783.128.36.14.684.012 1.054-.313.91-.617 1.82-.921 2.73-.304.91-.608 1.819-.921 2.729-.116.37-.116.695 0 1.066.231.73.457 1.46.684 2.193.363 1.174.726 2.349 1.112 3.52.127.405.116.764 0 1.17a776.683 776.683 0 00-2.005 6.918c-.011.035-.027.07-.044.105-.048.106-.098.214-.037.335.209.44 1.298.719 1.68.406a8.165 8.165 0 00.319-.278c.233-.213.455-.436.678-.66l.139-.14c1.17-1.176 2.344-2.349 3.517-3.522 1.173-1.174 2.347-2.347 3.517-3.523.417-.417.88-.73 1.483-.556.533.15.939-.012 1.321-.337.117-.095.23-.195.344-.295.203-.18.407-.36.63-.516.278-.197.278-.37.127-.66-.355-.693-.704-1.395-1.053-2.099-.3-.603-.6-1.207-.905-1.806-.174-.348-.29-.73.023-1.009.569-.512.515-1.132.459-1.787a18.783 18.783 0 01-.007-.078zm-1.963.549a5.334 5.334 0 00-.01-.138l-.012-.153-.008-.09v-.003c-.258-3.108.487-6.005 2.316-8.558-.268.067-.525.133-.788.21h-.005c-1.01.29-2.048.552-3.049.805-.398.1-.79.2-1.172.298l-.008.002-.007.002-.03.008c-.174.048-.857.234-1.643-.027-.896-.297-1.79-.59-2.686-.88.265.787.532 1.572.802 2.356.264.75.299 1.538.015 2.364-.31.9-.612 1.802-.916 2.713l-.002.004c-.29.87-.584 1.748-.886 2.627.232.734.454 1.452.674 2.162.358 1.157.71 2.296 1.092 3.455l.004.013.004.013c.261.832.222 1.595.015 2.32l-.003.009-.003.01c-.292.987-.581 1.976-.868 2.965l1.782-1.783.002-.002a2033.18 2033.18 0 003.513-3.519l.004-.003c.465-.466 1.498-1.366 2.968-1.167l-.51-1.025c-.305-.614-.605-1.218-.88-1.756l-.003-.007-.003-.006c-.116-.231-.339-.707-.378-1.292a2.555 2.555 0 01.679-1.927zM30.494 23.273v-.002l-.158-1.294c-.067-.548-.134-1.1-.205-1.662l-.002-.02-.064-.51-.06.026a.914.914 0 00-.172.09c-.536.384-1.083.723-1.643 1.012-2.067 1.069-4.3 1.468-6.735 1.085a.859.859 0 00-.823.324c-.394.487-.834.464-1.333.209-.564-.286-1.128-.561-1.692-.837l-.845-.415-.029-.014c-1.432-.704-1.439-.707-2.475.536l-.046.055c-.287.34-.572.678-.44 1.173.197.742-.14 1.252-.626 1.738A2414.87 2414.87 0 007.9 29.97l-.607.606-.008.007v.001l-.095.095-.29.29c-.037.036-.084.071-.133.108-.137.102-.28.21-.203.355.085.17.237.118.394.065.078-.027.158-.054.232-.054a.342.342 0 00.156-.028l.057-.023c.036-.015.073-.03.111-.041l1.006-.287 1.362-.386.198-.056c1.34-.38 2.68-.76 4.016-1.149a1.838 1.838 0 011.17.035c1.088.394 2.18.784 3.272 1.174.806.287 1.612.575 2.418.866.302.115.58.127.881.011l1.602-.618c1.274-.493 2.55-.986 3.833-1.468.313-.116.51-.301.649-.602.483-1.03.971-2.055 1.458-3.078.33-.694.66-1.386.987-2.08l.025-.049c.063-.12.123-.238.103-.39zM13.024 27.7l.513-.15.01-.002a3.836 3.836 0 012.385.072l.008.003.007.002c1.088.394 2.169.78 3.256 1.168.73.26 1.462.522 2.2.788l1.306-.504c1.173-.454 2.357-.911 3.543-1.359.439-.931.883-1.866 1.325-2.795l.878-1.848-.008-.066a12.588 12.588 0 01-6.726 1.042 2.802 2.802 0 01-1.508.642c-.773.08-1.417-.174-1.82-.38-.551-.28-1.091-.543-1.646-.814-.285-.14-.573-.28-.87-.427l-.027-.013-.027-.013-.015.018a3.38 3.38 0 01-.254 1.716c-.27.63-.688 1.094-.994 1.4l-.008.008-1.528 1.512z" fill="currentColor"/><circle opacity=".5" cx="24.5" cy="10.5" r="7.5" fill="currentColor"/></svg>', 'settings' => [ 'map' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_MAP_TITLE'), 'fields' => [ 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_HEIGHT_DESC'), 'placeholder' => '400', 'std' => ['xl' => 400], 'max' => 2000, 'responsive' => true, ], 'map_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_DESC'), 'values' => [ 'CartoDB.Positron' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_LIGHT_ALL'), 'CartoDB.DarkMatter' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_DARK_ALL'), 'CartoDB.Voyager' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_VOYAGER'), 'Esri.NatGeoWorldMap' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_NATGEO'), 'OpenStreetMap.Mapnik' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_MAPNIK'), 'OpenStreetMap.HOT' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_HOT'), 'Esri.WorldStreetMap' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_WORLDSTREET'), 'Esri.WorldTopoMap' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_WORLD_TOPO'), 'Esri.WorldGrayCanvas' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_STYLE_WORLD_GRAY_CANVAS'), ], 'std' => 'OpenStreetMap.Mapnik', 'inline' => true, ], 'multi_location_items' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_MULTI_LOCATION_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LOCATION_ITEM_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_LOCATION_ITEM_TITLE_DESC'), 'std' => 'Location Item Title', ], 'location_item' => [ 'type' => 'gmap', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_LOCATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_LOCATION_DESC'), 'std' => '40.7970,-73.9491', ], 'location_popup_text' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_INFOWINDOW'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_INFOWINDOW_DESC'), 'std' => 'Manhattan Island', ], 'custom_icon' => [ 'type' => 'media', 'format' => 'image', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ICON_DESC'), ], ], ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_MAP_OPTIONS'), 'fields' => [ 'zoom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ZOOM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ZOOM_DESC'), 'std' => 13, 'max' => 50, ], 'mousescroll' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_MOUSE_SCROLL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_MOUSE_SCROLL_DESC'), 'std' => 0, ], 'dragging' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ENABLE_DRAGGING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_DRAGGING_DESC'), 'std' => 0, ], 'zoomcontrol' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_ZOOMCONTROL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_ZOOMCONTROL_DESC'), 'std' => 0, ], 'attribution' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_ATTRIBUTION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_OPENSTREETMAP_ENABLE_ATTRIBUTION_DESC'), 'std' => 1, ], ], ], ], ]); ��openstreetmap/.htaccess��0000555��00000000355�15231074400�0011230 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��tab/assets/images/icon.png��0000644��00000003017�15231074400�0011514 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:253FD1CC40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:253FD1CD40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:253FD1CA40E011E69A38F8F21A167467" stRef:documentID="xmp.did:253FD1CB40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>r߃��}IDATx�윍M�0��ـ�A��A� L@� LP6(��L�n�2A� �(A��DВ{O:!�q�?��W�s�4��Ys\|��ڟS�FƇ��2{ �P�,��RN�2�Ƕ5K��u�'�$�d̴��y�.U��2�Lrx�9�Tj�r�K��߀��\1��җ�h!v�殐�tJNTsY��}��et��/��tk+9��G��k��%�i�U��P-OUz��>��Eh��J��kI��mP)x�Xr�J�Z�O-u:��,g ,�lI?'�^�޹�S��u\�N%�'ro�@��͕��L�lQ8��G<��.�.~�q�qB��W�kވ�^<�ݝK)�0�� Ю��b��E)�a��3Z�+$��IK2R�`�`�`��A�`�`�`��A�`�`��Xa�o�d��8��}��8Ls��Bי��7��j"0�R�۔9k�A9�)�n��O0aU"�g�UrpP>d��࠹V)\|�1$M� t=8S=Ȩо&��?�Iox��uۏ�H��8]K�oj'�]�}`842N�`�vV�`��x��M��IEND�B`��tab/assets/images/.htaccess��0000555��00000000355�15231074400�0011657 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��tab/assets/.htaccess��0000555��00000000355�15231074400�0010412 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��tab/site.php��0000644��00000133165�15231074400�0006774 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonTab extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $style = (isset($settings->style) && $settings->style) ? $settings->style : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $nav_icon_postion = (isset($settings->nav_icon_postion) && $settings->nav_icon_postion) ? $settings->nav_icon_postion : ''; $nav_image_postion = (isset($settings->nav_image_postion) && $settings->nav_image_postion) ? $settings->nav_image_postion : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; $nav_text_align = (isset($settings->nav_text_align) && $settings->nav_text_align) ? $settings->nav_text_align : 'sppb-text-left'; $nav_position = (isset($settings->nav_position) && $settings->nav_position) ? $settings->nav_position : 'nav-left'; // Output $output = '<div class="sppb-addon sppb-addon-tab ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content sppb-tab sppb-' . $style . '-tab sppb-tab-nav-position">'; // $output .= '<div class="sppb-addon-content sppb-tab sppb-' . $style . '-tab sppb-tab-' . $nav_position . ' sppb-tab-nav-position">'; // Tab Title $output .= '<ul class="sppb-nav sppb-nav-' . $style . '" role="tablist">'; foreach ($settings->sp_tab_item as $key => $tab) { $icon_top = ''; $icon_bottom = ''; $icon_right = ''; $icon_left = ''; $icon_block = ''; // Image $image_top = ''; $image_bottom = ''; $image_right = ''; $image_left = ''; // Lazy load image $tab_image = isset($tab->image) && $tab->image ? $tab->image : ''; $tab_image_src = isset($tab_image->src) ? $tab_image->src : $tab_image; $tab_image_width = (isset($tab_image->width) && $tab_image->width) ? $tab_image->width : ''; $tab_image_height = (isset($tab_image->height) && $tab_image->height) ? $tab_image->height : ''; $placeholder = $tab_image_src == '' ? false : $this->get_image_placeholder($tab_image_src); if (strpos($tab_image_src, "http://") !== false \|\| strpos($tab_image_src, "https://") !== false) { $tab_image_src = $tab_image_src; } else { if ($tab_image_src) { $tab_image_src = Uri::base() . $tab_image_src; } } $title = (isset($tab->title) && $tab->title) ? ' ' . $tab->title . ' ' : ''; $subtitle = (isset($tab->subtitle) && $tab->subtitle) ? '<span class="sppb-tab-subtitle">' . $tab->subtitle . '</span>' : ''; if (isset($tab->image_or_icon) && $tab->image_or_icon == 'image') { if ($tab_image_src && $nav_image_postion == 'top') { $image_top = '<img class="sppb-tab-image tab-image-block' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $tab_image_src) . '" alt="' . trim(strip_tags($title)) . '" ' . ($placeholder ? 'data-large="' . $tab_image_src . '"' : '') . ' ' . ($tab_image_width ? 'width="' . $tab_image_width . '"' : '') . ' ' . ($tab_image_height ? 'height="' . $tab_image_height . '"' : '') . ' loading="lazy"/>'; } elseif ($tab_image_src && $nav_image_postion == 'bottom') { $image_bottom = '<img class="sppb-tab-image tab-image-block' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $tab_image_src) . '" alt="' . trim(strip_tags($title)) . '" ' . ($placeholder ? 'data-large="' . $tab_image_src . '"' : '') . ' ' . ($tab_image_width ? 'width="' . $tab_image_width . '"' : '') . ' ' . ($tab_image_height ? 'height="' . $tab_image_height . '"' : '') . ' loading="lazy"/>'; } elseif ($tab_image_src && $nav_image_postion == 'right') { $image_right = '<img class="sppb-tab-image' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $tab_image_src) . '" alt="' . trim(strip_tags($title)) . '" ' . ($placeholder ? 'data-large="' . $tab_image_src . '"' : '') . ' ' . ($tab_image_width ? 'width="' . $tab_image_width . '"' : '') . ' ' . ($tab_image_height ? 'height="' . $tab_image_height . '"' : '') . ' loading="lazy"/>'; } else { $image_left = $tab_image_src ? '<img class="sppb-tab-image' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $tab_image_src) . '" alt="' . trim(strip_tags($title)) . '" ' . ($placeholder ? 'data-large="' . $tab_image_src . '"' : '') . ' ' . ($tab_image_width ? 'width="' . $tab_image_width . '"' : '') . ' ' . ($tab_image_height ? 'height="' . $tab_image_height . '"' : '') . ' loading="lazy"/>' : ''; } } else { if (isset($tab->icon) && $tab->icon) { $icon_arr = array_filter(explode(' ', $tab->icon)); if (count($icon_arr) === 1) { $tab->icon = 'fa ' . $tab->icon; } if ($tab->icon && $nav_icon_postion === 'top') { $icon_top = '<span class="sppb-tab-icon tab-icon-block" aria-label="' . trim(strip_tags($title)) . '"><i class="' . $tab->icon . '" aria-hidden="true"></i></span>'; } elseif ($tab->icon && $nav_icon_postion === 'bottom') { $icon_bottom = '<span class="sppb-tab-icon tab-icon-block" aria-label="' . trim(strip_tags($title)) . '"><i class="' . $tab->icon . '" aria-hidden="true"></i></span>'; } elseif ($tab->icon && $nav_icon_postion === 'right') { $icon_right = '<span class="sppb-tab-icon" aria-label="' . trim(strip_tags($title)) . '"><i class="' . $tab->icon . '" aria-hidden="true"></i></span>'; } else { $icon_left = '<span class="sppb-tab-icon" aria-label="' . trim(strip_tags($title)) . '"><i class="' . $tab->icon . '" aria-hidden="true"></i></span>'; } } } if ($nav_icon_postion === 'top' \|\| $nav_icon_postion === 'bottom' \|\| $nav_image_postion === 'top' \|\| $nav_image_postion === 'bottom') { $icon_block = 'tab-img-or-icon-block-wrap'; } $output .= '<li class="' . (($key === 0) ? "active" : "") . '">'; $output .= '<a data-toggle="sppb-tab" id="sppb-content-' . ($this->addon->id . $key) . '" class="' . $icon_block . '" href="#sppb-tab-' . ($this->addon->id . $key) . '" role="tab" aria-controls="sppb-tab-' . ($this->addon->id . $key) . '" aria-selected="' . (($key == 0) ? "true" : "false") . '">' . $image_top . $image_left . $icon_top . $icon_left . $title . $image_right . $image_bottom . $icon_right . $icon_bottom . $subtitle . '</a>'; $output .= '</li>'; } $output .= '</ul>'; // Tab Content $output .= '<div class="sppb-tab-content sppb-tab-' . $style . '-content">'; foreach ($settings->sp_tab_item as $key => $tab) { $output .= '<div id="sppb-tab-' . ($this->addon->id . $key) . '" class="sppb-tab-pane sppb-fade' . (($key == 0) ? " active in" : "") . '" role="tabpanel" aria-labelledby="sppb-content-' . ($this->addon->id . $key) . '">' . $tab->content . '</div>'; } $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $nav_position = (isset($settings->nav_position_original) && $settings->nav_position_original) ? $settings->nav_position_original : 'nav-top'; $settings->nav_padding = $settings->nav_padding_original ?? $settings->nav_padding ?? ''; $settings->nav_margin = $settings->nav_margin_original ?? $settings->nav_margin ?? ''; $tab_style = (isset($settings->style) && $settings->style) ? $settings->style : ''; $settings->nav_gutter = empty($settings->nav_gutter) ? 0 : $settings->nav_gutter; $selector = ''; $props = ['active_tab_color' => 'color', 'active_tab_border_width' => 'border-width', 'active_tab_border_color' => 'border-color']; $units = ['active_tab_color' => false, 'active_tab_border_color' => false, 'active_tab_bg' => false, 'active_tab_border_width' => false]; switch ($tab_style) { case 'pills': $selector = '.sppb-nav-pills > li.active > a, .sppb-nav-pills > li.active > a:hover, .sppb-nav-pills > li.active > a:focus'; $props['active_tab_bg'] = 'background'; break; case 'lines': $selector = '.sppb-nav-lines > li.active > a, .sppb-nav-lines > li.active > a:hover, .sppb-nav-lines > li.active > a:focus'; $props['active_tab_bg'] = 'border-bottom-color'; break; case 'custom': $selector = '.sppb-nav-custom > li.active > a, .sppb-nav-custom > li.active > a:hover, .sppb-nav-custom > li.active > a:focus'; $props['active_tab_bg'] = 'background'; break; } $tabStyle = $cssHelper->generateStyle($selector, $settings, $props, $units); $navFontStyle = $cssHelper->typography( '.sppb-nav-custom a', $settings, 'nav_typography', [ 'font' => 'nav_font_family', 'size' => 'nav_fontsize', 'line_height' => 'nav_lineheight', 'uppercase' => 'nav_font_style.uppercase', 'italic' => 'nav_font_style.italic', 'underline' => 'nav_font_style.underline', 'weight' => 'nav_font_style.weight', ] ); $nav_border = (isset($settings->nav_border) && trim($settings->nav_border)) ? $settings->nav_border : ''; $isUnitPresent = preg_match('/(px\|rem\|em\|%)\b/', $nav_border); $navStyle = $cssHelper->generateStyle( '.sppb-nav-custom a', $settings, [ 'nav_border' => $isUnitPresent ? 'border-style: solid; border-width' : 'border: %spx solid', 'nav_border_color' => 'border-color', 'nav_color' => 'color', 'nav_bg_color' => 'background', 'nav_border_radius' => 'border-radius', 'nav_padding' => 'padding', 'nav_margin' => 'margin' ], [ 'nav_border' => $isUnitPresent ? false : 'px', 'nav_border_color' => false, 'nav_color' => false, 'nav_bg_color' => false, 'nav_padding' => false, 'nav_margin' => false ], ['nav_padding' => 'spacing', 'nav_margin' => 'spacing'] ); $customNavPadding = $cssHelper->generateStyle('.sppb-nav-custom li', $settings, ['nav_padding' => 'padding', 'nav_margin' => 'margin'], false, ['nav_padding' => 'spacing', 'nav_margin' => 'spacing']); $contentStyle = $cssHelper->generateStyle( '.sppb-tab-custom-content > div', $settings, [ 'content_backround' => 'background', 'content_border' => 'border: %spx solid', 'content_color' => 'color', 'content_border_color' => 'border-color', 'content_border_radius' => 'border-radius', 'content_margin' => 'margin', 'content_padding' => 'padding', ], [ 'content_backround' => false, 'content_border' => false, 'content_color' => false, 'content_border_color' => false, 'content_margin' => false, 'content_padding' => false ], ['content_margin' => 'spacing', 'content_padding' => 'spacing'] ); $contentFontStyle = $cssHelper->typography('.sppb-tab-custom-content > div', $settings, 'content_typography', [ 'font' => 'content_font_family', 'size' => 'content_fontsize', 'line_height' => 'content_lineheight', 'uppercase' => 'content_font_style.uppercase', 'italic' => 'content_font_style.italic', 'underline' => 'content_font_style.underline', 'weight' => 'content_font_style.weight', ]); $show_boxshadow = (isset($settings->show_boxshadow) && $settings->show_boxshadow) ? $settings->show_boxshadow : ''; $box_shadow = ''; if ($show_boxshadow) { $box_shadow .= (isset($settings->shadow_horizontal) && $settings->shadow_horizontal) ? $settings->shadow_horizontal . 'px ' : '0 '; $box_shadow .= (isset($settings->shadow_vertical) && $settings->shadow_vertical) ? $settings->shadow_vertical . 'px ' : '0 '; $box_shadow .= (isset($settings->shadow_blur) && $settings->shadow_blur) ? $settings->shadow_blur . 'px ' : '0 '; $box_shadow .= (isset($settings->shadow_spread) && $settings->shadow_spread) ? $settings->shadow_spread . 'px ' : '0 '; $box_shadow .= (isset($settings->shadow_color) && $settings->shadow_color) ? $settings->shadow_color : 'rgba(0, 0, 0, .5)'; } $settings->dummy_box_shadow = $box_shadow; $boxShadowStyle = $cssHelper->generateStyle('.sppb-tab-custom-content > div, .sppb-nav-custom a', $settings, ['dummy_box_shadow' => 'box-shadow'], false); $iconStyle = $cssHelper->generateStyle('.sppb-tab-icon', $settings, ['icon_fontsize' => 'font-size', 'icon_margin' => 'margin', 'icon_color' => 'color'], ['icon_margin' => false, 'icon_color' => false], ['icon_margin' => 'spacing']); $imageStyle = $cssHelper->generateStyle('.sppb-tab-image', $settings, ['image_height' => 'height', 'image_width' => 'width', 'image_margin' => 'margin'], ['image_margin' => false], ['image_margin' => 'spacing']); $customHoverStyle = $cssHelper->generateStyle('.sppb-nav-custom > li > a:hover, .sppb-nav-custom > li > a:focus', $settings, ['hover_tab_color' => 'color', 'hover_tab_border_width' => 'border-width', 'hover_tab_border_color' => 'border-color', 'hover_tab_bg' => 'background-color'], ['hover_tab_color' => false, 'hover_tab_border_color' => false, 'hover_tab_bg' => false, 'hover_tab_border_width' => false]); $customIconHoverStyle = $cssHelper->generateStyle('.sppb-nav-custom > li > a:hover > .sppb-tab-icon,.sppb-nav-custom > li > a:focus > .sppb-tab-icon', $settings, ['icon_color_hover' => 'color'], false); $customIconActiveStyle = $cssHelper->generateStyle('.sppb-nav-custom > li.active > a > .sppb-tab-icon, .sppb-nav-custom > li.active > a:hover > .sppb-tab-icon, .sppb-nav-custom > li.active > a:focus > .sppb-tab-icon', $settings, ['icon_color_active' => 'color'], false); if ($tab_style == "custom") { $customContentWidth = $cssHelper->generateStyle('.sppb-tab-content.sppb-tab-custom-content', $settings, ['content_width' => 'max-width'], '%'); } $mediaQueries = [ "xl" => "@media ( min-width: 1199.99px ) and ( max-width:1399.99px)", "lg" => "@media ( min-width: 991.99px ) and ( max-width: 1199.98px )", "md" => "@media ( min-width: 767.99px ) and ( max-width: 991.98px )", "sm" => "@media ( min-width: 575.99px ) and ( max-width: 767.98px )", "xs" => "@media ( max-width: 575.98px )", ]; $navGutter = $settings->nav_gutter_original ?? $settings->nav_gutter ?? 0; $navJustified = $settings->nav_justified_original ?? $settings->nav_justified ?? false; $navWidth = $settings->nav_width_original ?? $settings->nav_width ?? 30; $loopOutput = ''; foreach ($mediaQueries as $size => $media) { $loopOutput .= "$media {"; if (is_object($nav_position) && isset($nav_position->$size)) { if ($nav_position->$size == "nav-left" \|\| $nav_position->$size == "nav-right") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-tab-custom-content { flex-basis: 0; flex-grow: 1; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: column !important; }"; } if ($nav_position->$size == "nav-right") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: row-reverse !important; }"; } if ($nav_position->$size == "nav-top") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: row !important; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column !important; }"; } if ($nav_position->$size == "nav-bottom") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: row !important; }"; $loopOutput .= ".sppb-custom-tab.sppb-tab-nav-position { flex-direction: column-reverse !important; }"; } $loopOutput .= "$addon_id .sppb-tab-content {"; $newGutter = is_object($navGutter) ? (empty($navGutter->$size) ? 0 : $navGutter->$size) : $navGutter; $newNavWidth = is_object($navWidth) ? (empty($navWidth->$size) ? 30 : $navWidth->$size) : $navWidth; if ($nav_position->$size == "nav-top") { $loopOutput .= 'padding: ' . $newGutter . 'px 0 0 0 !important'; } else if ($nav_position->$size == "nav-bottom") { $loopOutput .= 'padding: 0 0 ' . $newGutter . 'px 0 !important'; } else if ($nav_position->$size == "nav-right") { $loopOutput .= 'padding: 0 ' . $newGutter . 'px 0 0 !important'; } else { $loopOutput .= 'padding: 0 0 0 ' . $newGutter . 'px !important'; } $loopOutput .= "}"; $isNavJustified = is_object($navJustified) ? (empty($navJustified->$size) ? false : $navJustified->$size) : $navJustified; if (($nav_position->$size == "nav-top" \|\| $nav_position->$size == "nav-bottom") && $isNavJustified) { $loopOutput .= "$addon_id .sppb-nav > li {flex: 1 1 auto !important;} $addon_id .sppb-nav {width: 100% !important;}"; } if (($nav_position->$size == "nav-top" \|\| $nav_position->$size == "nav-bottom") && !$isNavJustified) { $loopOutput .= "$addon_id .sppb-nav {width: fit-content !important;}"; } if ($tab_style == "custom" && ($nav_position->$size == "nav-left" \|\| $nav_position->$size == "nav-right")) { $loopOutput .= $addon_id . '.sppb-nav { width: ' . $newNavWidth . '% !important;}'; } } else { if ($nav_position == "nav-left" \|\| $nav_position == "nav-right") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-tab-custom-content { flex-basis: 0; flex-grow: 1; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: column !important; }"; } if ($nav_position == "nav-right") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: row-reverse !important; }"; } if ($nav_position == "nav-top") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: row !important; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column !important; }"; } if ($nav_position == "nav-bottom") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: row !important; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column-reverse !important; }"; } $loopOutput .= "$addon_id .sppb-tab-content {"; $newGutter = is_object($navGutter) ? (empty($navGutter->$size) ? 0 : $navGutter->$size) : $navGutter; $newNavWidth = is_object($navWidth) ? (empty($navWidth->$size) ? 30 : $navWidth->$size) : $navWidth; if ($nav_position == "nav-top") { $loopOutput .= 'padding: ' . $newGutter . 'px 0 0 0 !important'; } else if ($nav_position == "nav-bottom") { $loopOutput .= 'padding: 0 0 ' . $newGutter . 'px 0 !important'; } else if ($nav_position == "nav-right") { $loopOutput .= 'padding: 0 ' . $newGutter . 'px 0 0 !important'; } else { $loopOutput .= 'padding: 0 0 0 ' . $newGutter . 'px !important'; } $loopOutput .= "}"; $isNavJustified = is_object($navJustified) ? (empty($navJustified->$size) ? false : $navJustified->$size) : $navJustified; if (($nav_position == "nav-top" \|\| $nav_position == "nav-bottom") && $isNavJustified) { $loopOutput .= "$addon_id .sppb-nav > li {flex: 1 1 auto !important;} $addon_id .sppb-nav {width: 100% !important;}"; } if (($nav_position == "nav-top" \|\| $nav_position == "nav-bottom") && !$isNavJustified) { $loopOutput .= "$addon_id .sppb-nav {width: fit-content !important;}"; } if ($tab_style == "custom" && ($nav_position == "nav-left" \|\| $nav_position == "nav-right")) { $loopOutput .= "$addon_id .sppb-nav { width: $newNavWidth% !important;}"; } } $loopOutput .= "}"; } // default device style if (is_object($nav_position)) { if ($nav_position->xl == "nav-left" \|\| $nav_position->xl == "nav-right") { $loopOutput .= ".sppb-custom-tab.sppb-tab-nav-position .sppb-tab-custom-content { flex-basis: 0; flex-grow: 1; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: column; }"; } if ($nav_position->xl == "nav-right") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: row-reverse; }"; } if ($nav_position == "nav-top" \|\| $nav_position == "nav-bottom") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: row; }"; } if ($nav_position->xl == "nav-top") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column; }"; } if ($nav_position->xl == "nav-bottom") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column-reverse; }"; } $loopOutput .= "$addon_id .sppb-tab-content {"; $newGutter = is_object($navGutter) ? (empty($navGutter->xl) ? 0 : $navGutter->xl) : $navGutter; $newNavWidth = is_object($navWidth) ? (empty($navWidth->xl) ? 30 : $navWidth->xl) : $navWidth; if ($nav_position->xl == "nav-top") { $loopOutput .= 'padding-top: ' . $newGutter . 'px'; } else if ($nav_position->xl == "nav-bottom") { $loopOutput .= 'padding-bottom: ' . $newGutter . 'px'; } else if ($nav_position->xl == "nav-right") { $loopOutput .= 'padding-right: ' . $newGutter . 'px'; } else { $loopOutput .= 'padding-left: ' . $newGutter . 'px'; } $loopOutput .= "}"; $isNavJustified = is_object($navJustified) ? (empty($navJustified->xl) ? false : $navJustified->xl) : $navJustified; if (($nav_position->xl == "nav-top" \|\| $nav_position->xl == "nav-bottom") && $isNavJustified) { $loopOutput .= "$addon_id .sppb-nav > li {flex: 1 1 auto;} $addon_id .sppb-nav {width: 100%;}"; } if (($nav_position->xl == "nav-top" \|\| $nav_position->xl == "nav-bottom") && !$isNavJustified) { $loopOutput .= "$addon_id .sppb-nav {width: fit-content;}"; } if ($tab_style == "custom" && ($nav_position->xl == "nav-left" \|\| $nav_position->xl == "nav-right")) { $loopOutput .= "$addon_id .sppb-nav { width: $newNavWidth%;}"; } } else { if ($nav_position == "nav-left" \|\| $nav_position == "nav-right") { $loopOutput .= ".sppb-custom-tab.sppb-tab-nav-position .sppb-tab-custom-content { flex-basis: 0; flex-grow: 1; }"; $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: column; }"; } if ($nav_position == "nav-right") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: row-reverse; }"; } if ($nav_position == "nav-top" \|\| $nav_position == "nav-bottom") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position .sppb-nav.sppb-nav-custom { flex-direction: row; }"; } if ($nav_position == "nav-top") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column; }"; } if ($nav_position == "nav-bottom") { $loopOutput .= "$addon_id .sppb-custom-tab.sppb-tab-nav-position { flex-direction: column-reverse; }"; } $loopOutput .= "$addon_id .sppb-tab-content {"; $newGutter = is_object($navGutter) ? (empty($navGutter->xl) ? 0 : $navGutter->xl) : $navGutter; $newNavWidth = is_object($navWidth) ? (empty($navWidth->xl) ? 30 : $navGutter->xl) : $navWidth; if ($nav_position == "nav-top") { $loopOutput .= 'padding-top: ' . $newGutter . 'px'; } else if ($nav_position == "nav-bottom") { $loopOutput .= 'padding-bottom: ' . $newGutter . 'px'; } else if ($nav_position == "nav-right") { $loopOutput .= 'padding-right: ' . $newGutter . 'px'; } else { $loopOutput .= 'padding-left: ' . $newGutter . 'px'; } $loopOutput .= "}"; $isNavJustified = is_object($navJustified) ? (empty($navJustified->xl) ? false : $navJustified->xl) : $navJustified; if (($nav_position == "nav-top" \|\| $nav_position == "nav-bottom") && $isNavJustified) { $loopOutput .= "$addon_id .sppb-nav > li {flex: 1 1 auto !important;} $addon_id .sppb-nav {width: 100%;}"; } if (($nav_position == "nav-top" \|\| $nav_position == "nav-bottom") && !$isNavJustified) { $loopOutput .= "$addon_id .sppb-nav {width: fit-content;}"; } if ($tab_style == "custom" && ($nav_position == "nav-left" \|\| $nav_position == "nav-right")) { $loopOutput .= "$addon_id .sppb-nav { width: $newNavWidth%;}"; } } $imgOrIconStyles = ''; $imgOrIconStyles .= $cssHelper->generateStyle('.sppb-nav > li > a', $settings, ['nav_text_align_original' => 'text-align'], false); if ($tab_style === 'custom') { $css .= $imgOrIconStyles; $css .= $navStyle; $css .= $navFontStyle; $css .= $contentStyle; $css .= $boxShadowStyle; $css .= $customHoverStyle; $css .= $contentFontStyle; $css .= $customNavPadding; $css .= $customIconHoverStyle; $css .= $customIconActiveStyle; $css .= $customContentWidth; $css .= $loopOutput; } $css .= $tabStyle; $css .= $iconStyle; $css .= $imageStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css"> <# let box_shadow = ""; if (data.show_boxshadow) { box_shadow += (!_.isEmpty(data.shadow_horizontal) && data.shadow_horizontal) ? data.shadow_horizontal + \'px \' : "0 "; box_shadow += (!_.isEmpty(data.shadow_vertical) && data.shadow_vertical) ? data.shadow_vertical + \'px \' : "0 "; box_shadow += (!_.isEmpty(data.shadow_blur) && data.shadow_blur) ? data.shadow_blur + \'px \' : "0 "; box_shadow += (!_.isEmpty(data.shadow_spread) && data.shadow_spread) ? data.shadow_spread + \'px \' : "0 "; box_shadow += (!_.isEmpty(data.shadow_color) && data.shadow_color) ? data.shadow_color : "rgba(0, 0, 0, .5)"; } const mediaQueries = { lg: "@media ( min-width: 991.99px ) and ( max-width: 1199.98px )", md: "@media ( min-width: 767.99px ) and ( max-width: 991.98px )", sm: "@media ( min-width: 575.99px ) and ( max-width: 767.98px )", xs: "@media ( max-width: 575.98px )", }; let navPosition = data?.nav_position \|\| "nav-top"; #>'; // title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->color('color', '.sppb-addon-title', 'data.title_text_color'); $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); // pills $output .= '<# if (data.style == "pills") { #>'; $output .= $lodash->color('color', '.sppb-nav-pills > li.active > a,.sppb-nav-pills > li.active > a:hover,.sppb-nav-pills > li.active > a:focus', 'data.active_tab_color'); $output .= $lodash->color('background-color', '.sppb-nav-pills > li.active > a,.sppb-nav-pills > li.active > a:hover,.sppb-nav-pills > li.active > a:focus', 'data.active_tab_bg'); $output .= '<# } #>'; // lines $output .= '<# if (data.style == "lines") { #>'; $output .= $lodash->color('color', '.sppb-nav-lines > li.active > a,.sppb-nav-lines > li.active > a:hover,.sppb-nav-lines > li.active > a:focus', 'data.active_tab_color'); $output .= $lodash->unit('border-bottom-color', '.sppb-nav-lines > li.active > a,.sppb-nav-lines > li.active > a:hover,.sppb-nav-lines > li.active > a:focus', 'data.active_tab_bg'); $output .= '<# } #>'; // custom $output .= '<# if (data.style == "custom") { #>'; $output .= $lodash->color('color', '.sppb-nav-custom > li.active > a,.sppb-nav-custom > li.active > a:hover,.sppb-nav-custom > li.active > a:focus', 'data.active_tab_color'); $output .= $lodash->color('background-color', '.sppb-nav-custom > li.active > a,.sppb-nav-custom > li.active > a:hover,.sppb-nav-custom > li.active > a:focus', 'data.active_tab_bg'); $output .= $lodash->unit('border-width', '.sppb-nav-custom > li.active > a,.sppb-nav-custom > li.active > a:hover,.sppb-nav-custom > li.active > a:focus', 'data.active_tab_border_width'); $output .= $lodash->unit('border-color', '.sppb-nav-custom > li.active > a,.sppb-nav-custom > li.active > a:hover,.sppb-nav-custom > li.active > a:focus', 'data.active_tab_border_width'); // hover $output .= $lodash->color('color', '.sppb-nav-custom > li > a:hover,.sppb-nav-custom > li > a:focus', 'data.hover_tab_color'); $output .= $lodash->color('background-color', '.sppb-nav-custom > li > a:hover,.sppb-nav-custom > li > a:focus', 'data.hover_tab_bg'); $output .= $lodash->unit('border-width', '.sppb-nav-custom > li > a:hover,.sppb-nav-custom > li > a:focus', 'data.hover_tab_border_width'); $output .= $lodash->unit('border-color', '.sppb-nav-custom > li > a:hover,.sppb-nav-custom > li > a:focus', 'data.hover_tab_border_color'); // icon $output .= $lodash->color('color', '.sppb-nav-custom > li > a:hover > .sppb-tab-icon, .sppb-nav-custom > li > a:focus > .sppb-tab-icon', 'data.icon_color_hover'); $output .= $lodash->color('color', '.sppb-nav-custom > li.active > a > .sppb-tab-icon,.sppb-nav-custom > li.active > a:hover > .sppb-tab-icon,.sppb-nav-custom > li.active > a:focus > .sppb-tab-icon', 'data.icon_color_active'); $output .= $lodash->spacing('padding', '.sppb-nav-custom li', 'data.nav_margin'); $output .= $lodash->spacing('padding', '.sppb-nav-custom li a', 'data.nav_padding'); $output .= $lodash->spacing('margin', '.sppb-tab-icon', 'data.icon_margin'); $output .= $lodash->color('color', '.sppb-tab-icon', 'data.icon_color'); $output .= $lodash->unit('font-size', '.sppb-tab-icon', 'data.icon_fontsize', 'px'); $output .= '#sppb-addon-{{ data.id }} .sppb-tab-custom-content > div {border-style: solid;}'; $output .= $lodash->color('background-color', '.sppb-tab-custom-content > div', 'data.content_backround'); $output .= $lodash->color('color', '.sppb-tab-custom-content > div', 'data.content_color'); $output .= $lodash->unit('border-color', '.sppb-tab-custom-content > div', 'data.content_border_color'); $output .= $lodash->unit('border-radius', '.sppb-tab-custom-content > div', 'data.content_border_radius'); $output .= $lodash->unit('border', '.sppb-tab-custom-content > div', 'data.content_border'); $output .= $lodash->spacing('padding', '.sppb-tab-custom-content > div', 'data.content_padding'); $output .= $lodash->spacing('margin', '.sppb-tab-custom-content > div', 'data.content_margin'); $output .= '<# } #>'; // pills, lines & custom $output .= '<# if (data.style == "pills" \|\| data.style == "lines" \|\| data.style == "custom") { #>'; $output .= $lodash->color('color', '.sppb-nav > li > a', 'data.nav_color'); $output .= $lodash->color('color', '.sppb-nav > li:hover > a', 'data.hover_tab_color'); $output .= $lodash->color('color', '.sppb-nav > li.active > a', 'data.active_tab_color'); $output .= $lodash->color('background-color', '.sppb-tab-pane', 'data.content_backround'); $output .= $lodash->color('color', '.sppb-tab-pane', 'data.content_color'); $output .= $lodash->unit('border-color', '.sppb-tab-pane', 'data.content_border_color', '', false); $output .= '<# } #>'; // pills & custom $output .= '<# if (data.style == "pills" \|\| data.style == "custom") { #>'; $output .= $lodash->color('background-color', '.sppb-nav > li > a', 'data.nav_bg_color'); $output .= $lodash->color('background-color', '.sppb-nav > li:hover > a', 'data.hover_tab_bg'); $output .= $lodash->color('background-color', '.sppb-nav > li.active > a', 'data.active_tab_bg'); $output .= $lodash->unit('border-radius', '.sppb-nav > li > a', 'data.nav_border_radius', 'px'); $output .= '<# } #>'; // lines only $output .= '<# if (data.style == "lines") { #>'; $output .= $lodash->unit('border-bottom-color', '.sppb-nav-lines', 'data.nav_border_color', '', false); $output .= $lodash->unit('border-bottom-color', '.sppb-nav > li:hover > a', 'data.hover_tab_border_color', '', false); $output .= $lodash->unit('border-bottom-color', '.sppb-nav > li.active > a', 'data.active_tab_border_color', '', false); $output .= '<# } #>'; // Custom $output .= '<# if (data.style == "custom") { #>'; $output .= '<# if (!_.isEmpty(data.nav_border)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li > a {border-style: solid;}'; $output .= $lodash->unit('border-width', '.sppb-nav > li > a', 'data.nav_border'); $output .= $lodash->unit('border-color', '.sppb-nav > li > a', 'data.nav_border_color', '', false); $output .= $lodash->unit('border-color', '.sppb-nav > li:hover > a', 'data.hover_tab_border_color', '', false); $output .= $lodash->unit('border-color', '.sppb-nav > li.active > a', 'data.active_tab_border_color', '', false); $output .= '<# } #>'; $output .= $lodash->unit("max-width", ".sppb-tab-content.sppb-tab-custom-content", "data.content_width", '%'); $output .= '<# Object.keys(mediaQueries).forEach(size => { #>'; $output .= '<# if(_.isObject(navPosition)) { #>'; $output .= '{{ mediaQueries[size] }} { #sppb-addon-{{data.id}} .sppb-tab-content {'; $output .= '<# if (navPosition[size] === "nav-top") { #>'; $output .= 'padding: {{ data.nav_gutter?.[size] \|\| 0 }}px 0 0 0 !important;'; $output .= '<# } else if (navPosition[size] === "nav-right") { #>'; $output .= 'padding: 0 {{ data.nav_gutter?.[size] \|\| 0 }}px 0 0 !important;'; $output .= '<# } else if (navPosition[size] === "nav-bottom") { #>'; $output .= 'padding: 0 0 {{ data.nav_gutter?.[size] \|\| 0 }}px 0 !important;'; $output .= '<# } else { #>'; $output .= 'padding: 0 0 0 {{ data.nav_gutter?.[size] \|\| 0 }}px !important; <# } #> }'; $output .= '<# if (navPosition[size] === "nav-top" && (_.isObject(data?.nav_justified) ? data?.nav_justified[size] : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100% !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-bottom" && (_.isObject(data?.nav_justified) ? data?.nav_justified[size] : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100% !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-top" && (_.isObject(data?.nav_justified) ? !data?.nav_justified[size] : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-bottom" && (_.isObject(data?.nav_justified) ? !data?.nav_justified[size] : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-left" && data?.style === "custom") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav { width: {{ _.isObject(data.nav_width) ? data.nav_width[size] : data.nav_width }}% !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-right" && data?.style === "custom") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav { width: {{ _.isObject(data.nav_width) ? data.nav_width[size] : data.nav_width }}% !important;}'; $output .= '<# } #> }'; $output .= '<# } else { #>'; $output .= '{{ mediaQueries[size] }} { #sppb-addon-{{data.id}} .sppb-tab-content {'; $output .= '<# if (navPosition === "nav-top") { #>'; $output .= 'padding: {{ data.nav_gutter }}px 0 0 0 !important;'; $output .= '<# } else if (navPosition === "nav-right") { #>'; $output .= 'padding: 0 {{ data.nav_gutter }}px 0 0 !important;'; $output .= '<# } else if (navPosition === "nav-bottom") { #>'; $output .= 'padding: 0 0 {{ data.nav_gutter }}px 0 !important;'; $output .= '<# } else { #>'; $output .= 'padding: 0 0 0 {{ data.nav_gutter }}px !important; } }'; $output .= '<# if (navPosition[size] === "nav-top" && (_.isObject(data?.nav_justified) ? data?.nav_justified[size] : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100% !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-bottom" && (_.isObject(data?.nav_justified) ? data?.nav_justified[size] : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100% !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-top" && (_.isObject(data?.nav_justified) ? !data?.nav_justified[size] : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content !important;}'; $output .= '<# } #>'; $output .= '<# if (navPosition[size] === "nav-bottom" && (_.isObject(data?.nav_justified) ? !data?.nav_justified[size] : !data?.nav_justified)) { #>'; $output .= ' #sppb-addon-{{ data.id }} .sppb-nav {width: fit-content !important;}'; $output .= '<# } #>'; $output .= '<# if (data?.style === "custom" && (navPosition[size] === "nav-left" \|\| navPosition[size] === "nav-right")) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav { width: {{ _.isObject(data.nav_width) ? data.nav_width[size] : data.nav_width }}% !important;}'; $output .= '<# } } #>'; $output .= '<# } }) #>'; $output .= '<# } #>'; // for default device $output .= '<# if(_.isObject(navPosition)) { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-tab-content {'; $output .= '<# if (navPosition?.xl === "nav-top") { #>'; $output .= 'padding: {{ data.nav_gutter?.xl \|\| 0 }}px 0 0 0;'; $output .= '<# } else if (navPosition?.xl === "nav-right") { #>'; $output .= 'padding: 0 {{ data.nav_gutter?.xl \|\| 0 }}px 0 0;'; $output .= '<# } else if (navPosition?.xl === "nav-bottom") { #>'; $output .= 'padding: 0 0 {{ data.nav_gutter?.xl \|\| 0 }}px 0;'; $output .= '<# } else if(navPosition?.xl === "nav-left") { #>'; $output .= 'padding: 0 0 0 {{ data.nav_gutter?.xl \|\| 0 }}px; <# } #> }'; $output .= '<# if (navPosition?.xl === "nav-top" && (_.isObject(data?.nav_justified) ? data?.nav_justified?.xl : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100%;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-bottom" && (_.isObject(data?.nav_justified) ? data?.nav_justified?.xl : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100%;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-top" && (_.isObject(data?.nav_justified) ? !data?.nav_justified?.xl : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-bottom" && (_.isObject(data?.nav_justified) ? !data?.nav_justified?.xl : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-left" && data?.style === "custom") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav { width: {{ _.isObject(data.nav_width) ? data.nav_width?.xl : data.nav_width }}%;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-right" && data?.style === "custom") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav { width: {{ _.isObject(data.nav_width) ? data.nav_width?.xl : data.nav_width }}%;}'; $output .= '<# } #> }'; $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-tab-content {'; $output .= '<# if (navPosition === "nav-top") { #>'; $output .= 'padding-top: {{ data.nav_gutter }}px;'; $output .= '<# } else if (navPosition === "nav-right") { #>'; $output .= 'padding-right: {{ data.nav_gutter }}px;'; $output .= '<# } else if (navPosition === "nav-bottom") { #>'; $output .= 'padding-bottom: {{ data.nav_gutter }}px;'; $output .= '<# } else { #>'; $output .= 'padding-left: {{ data.nav_gutter }}px; }'; $output .= '<# if (navPosition?.xl === "nav-top" && (_.isObject(data?.nav_justified) ? data?.nav_justified?.xl : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100%;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-bottom" && (_.isObject(data?.nav_justified) ? data?.nav_justified?.xl : data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav > li {flex: 1 1 auto;} #sppb-addon-{{ data.id }} .sppb-nav {width: 100%;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-top" && (_.isObject(data?.nav_justified) ? !data?.nav_justified?.xl : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content;}'; $output .= '<# } #>'; $output .= '<# if (navPosition?.xl === "nav-bottom" && (_.isObject(data?.nav_justified) ? !data?.nav_justified?.xl : !data?.nav_justified)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav {width: fit-content;}'; $output .= '<# } #>'; $output .= '<# if (data?.style === "custom" && (navPosition?.xl === "nav-left" \|\| navPosition?.xl === "nav-right")) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-nav { width: {{ _.isObject(data.nav_width) ? data.nav_width?.xl : data.nav_width }}%;}'; $output .= '<# } } #>'; $output .= '<# } #>'; // Nav $navItemTypographyFallbacks = [ 'font' => 'data.nav_font_family', 'size' => 'data.nav_fontsize', 'line_height' => 'data.nav_lineheight', 'uppercase' => 'data.nav_font_style?.uppercase', 'italic' => 'data.nav_font_style?.italic', 'underline' => 'data.nav_font_style?.underline', 'weight' => 'data.nav_font_style?.weight' ]; $output .= $lodash->spacing('padding', '.sppb-nav > li > a', 'data.nav_padding'); $output .= $lodash->spacing('padding', '.sppb-nav > li', 'data.nav_padding'); $output .= $lodash->spacing('margin', '.sppb-nav > li > a', 'data.nav_margin'); $output .= $lodash->spacing('margin', '.sppb-nav > li', 'data.nav_margin'); // $output .= $lodash->flexAlignment('.sppb-nav > li > a', 'data.nav_text_align'); $output .= $lodash->typography('.sppb-nav > li > a', 'data.nav_typography', $navItemTypographyFallbacks); // Media $output .= $lodash->color('color', '.sppb-nav > li > a .sppb-tab-icon', 'data.icon_color'); $output .= $lodash->color('color', '.sppb-nav > li:hover > a .sppb-tab-icon', 'data.icon_color_hover'); $output .= $lodash->color('color', '.sppb-nav > li.active > a .sppb-tab-icon', 'data.icon_color_active'); $output .= $lodash->unit('font-size', '.sppb-tab-icon', 'data.icon_fontsize', 'px'); $output .= $lodash->spacing('margin', '.sppb-tab-icon', 'data.icon_margin'); $output .= $lodash->unit('width', '.sppb-tab-image', 'data.image_width', 'px'); $output .= $lodash->unit('height', '.sppb-tab-image', 'data.image_height', 'px'); $output .= $lodash->spacing('margin', '.sppb-tab-image', 'data.image_margin'); $output .= $lodash->spacing('margin', '.sppb-tab-image', 'data.image_margin'); // Content $contentTypographyFallbacks = [ 'font' => 'data.content_font_family', 'size' => 'data.content_fontsize', 'line_height' => 'data.content_lineheight', 'uppercase' => 'data.content_font_style?.uppercase', 'italic' => 'data.content_font_style?.italic', 'underline' => 'data.content_font_style?.underline', 'weight' => 'data.content_font_style?.weight' ]; $output .= $lodash->typography('.sppb-tab-content', 'data.content_typography', $contentTypographyFallbacks); $output .= $lodash->spacing('padding', '.sppb-tab-pane', 'data.content_padding'); $output .= $lodash->spacing('margin', '.sppb-tab-pane', 'data.content_margin'); $output .= $lodash->unit('border-radius', '.sppb-tab-pane', 'data.content_border_radius', 'px'); // box shadow $output .= '<# if (data.style == "custom") { #>'; $output .= $lodash->boxShadow('.sppb-nav > li > a', 'box_shadow'); $output .= $lodash->boxShadow('.sppb-tab-pane', 'box_shadow'); $output .= '<# } #>'; $output .= ' </style> '; return $output; } } ��tab/admin.php��0000644��00000063016�15231074400�0007115 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'tab', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M30 2.6H2a.4.4 0 00-.4.4v3c0 .22.18.4.4.4h28a.4.4 0 00.4-.4V3a.4.4 0 00-.4-.4zM2 1a2 2 0 00-2 2v3a2 2 0 002 2h28a2 2 0 002-2V3a2 2 0 00-2-2H2z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.6 8.6v20.8h17.8V8.6H7.6zM7 7a1 1 0 00-1 1v22a1 1 0 001 1h19a1 1 0 001-1V8a1 1 0 00-1-1H7z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M22 14a1 1 0 01-1 1h-9a1 1 0 110-2h9a1 1 0 011 1zM22 19a1 1 0 01-1 1h-9a1 1 0 110-2h9a1 1 0 011 1zM17 24a1 1 0 01-1 1h-4a1 1 0 110-2h4a1 1 0 011 1z" fill="currentColor"/><path d="M11 2a1 1 0 011-1h9a1 1 0 011 1v6H11V2z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_tab_item' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEMS'), 'type' => 'repeatable', 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_TITLE_DESC'), 'std' => 'Tab' ], 'subtitle' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_SUBTITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_SUBTITLE_DESC'), ], 'image_or_icon' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_MEDIA'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_ICON'), 'value' => 'icon'], ['label' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_IMAGE'), 'value' => 'image'], ], 'std' => 'icon', ], 'icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_ICON_DESC'), 'std' => '', 'depends' => [['image_or_icon', '=', 'icon']] ], 'image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_IMAGE_DESC'), 'depends' => [['image_or_icon', '=', 'image']], ], 'content' => [ 'type' => 'builder', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_ITEM_TEXT_DESC'), 'std' => 'Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.' ], ], ], 'style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_STYLE_DESC'), 'values' => [ 'modern' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_STYLE_MODERN'), 'tabs' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_STYLE_DEFAULT'), 'pills' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_STYLE_PILLS'), 'lines' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_STYLE_LINES'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'modern', 'inline' => true, ], ], ], 'nav' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_NAV'), 'depends' => [['style', '=', 'custom']], 'fields' => [ 'nav_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'nav-top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'nav-bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'nav-left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'nav-right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'responsive' => true, 'std' => ['xl' => 'nav-top', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], 'nav_gutter' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_NAV_GUTTER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_NAV_GUTTER_DESC'), 'responsive' => true, 'max' => 100, 'info' => 'px', ], 'nav_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'desc' => Text::_('COM_SPPAGEBUILDER_NAVIGATION_WIDTH'), 'responsive' => true, 'min' => 10, 'max' => 100, 'info' => '%', 'std' => ['xl' => 30], 'depends' => [['nav_position', '!=', 'nav-top'], ['nav_position', '!=', 'nav-bottom']], ], 'nav_spacing_separator' => [ 'type' => 'separator', ], 'nav_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], 'nav_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'nav_justified_separator' => [ 'type' => 'separator', ], 'nav_justified' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_NAV_JUSTIFIED'), 'responsive' => true, 'std' => ['xl' => 0], 'depends' => [['nav_position', '!=', 'nav-left'], ['nav_position', '!=', 'nav-right']], ], 'nav_text_align' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'std' => ['xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], // Typography 'nav_typography_separator' => [ 'type' => 'separator', ], 'nav_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'nav_font_family', 'size' => 'nav_fontsize', 'line_height' => 'nav_lineheight', 'uppercase' => 'nav_font_style.uppercase', 'italic' => 'nav_font_style.italic', 'underline' => 'nav_font_style.underline', 'weight' => 'nav_font_style.weight', ], ], // Color 'nav_color_separator' => [ 'type' => 'separator', ], 'nav_color_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active'], ], 'std' => 'normal', 'tabs' => true, ], 'nav_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#020B53', 'depends' => [['nav_color_tab', '=', 'normal']], ], 'nav_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#F7F7F9', 'depends' => [['nav_color_tab', '=', 'normal']], ], 'icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [['nav_color_tab', '=', 'normal']], ], 'nav_border_separator' => [ 'type' => 'separator', 'depends' => [['nav_color_tab', '=', 'normal']], ], 'nav_border' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [['nav_color_tab', '=', 'normal']], ], 'nav_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['nav_color_tab', '=', 'normal']], ], 'nav_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'min' => 0, 'max' => 100, 'responsive' => true, 'depends' => [['nav_color_tab', '=', 'normal']], ], // Hover 'hover_tab_color' => [ 'type' => 'color', 'std' => '#FFFFFF', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['nav_color_tab', '=', 'hover']], ], 'hover_tab_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [['nav_color_tab', '=', 'hover']], ], 'icon_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [['nav_color_tab', '=', 'hover']], ], 'hover_nav_border_separator' => [ 'type' => 'separator', 'depends' => [['nav_color_tab', '=', 'hover']], ], 'hover_tab_border_width' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [['nav_color_tab', '=', 'hover']], 'std' => '', ], 'hover_tab_border_color' => [ 'type' => 'color', 'std' => '', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['nav_color_tab', '=', 'hover']], ], // Active 'active_tab_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#333333', 'depends' => [['nav_color_tab', '=', 'active']], ], 'active_tab_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#e5e5e5', 'depends' => [['nav_color_tab', '=', 'active']], ], 'icon_color_active' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'depends' => [['nav_color_tab', '=', 'active']], ], 'active_nav_border_separator' => [ 'type' => 'separator', 'depends' => [['nav_color_tab', '=', 'active']], ], 'active_tab_border_width' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'std' => '', 'depends' => [['nav_color_tab', '=', 'active']], ], 'active_tab_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['nav_color_tab', '=', 'active']], ], // Nav Media 'image_or_icon_style_separator' => [ 'type' => 'separator', ], 'image_or_icon_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MEDIA'), 'values' => [ 'icon_style' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'image_style' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE'), ], 'std' => 'icon_style', ], 'nav_icon_postion' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), ], 'std' => 'left', 'inline' => true, 'depends' => [['image_or_icon_style', '=', 'icon_style']], ], 'icon_fontsize' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'responsive' => true, 'max' => 400, 'depends' => [['image_or_icon_style', '=', 'icon_style']], ], 'icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'depends' => [['image_or_icon_style', '=', 'icon_style']], ], //Image Style 'nav_image_postion' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), ], 'std' => 'left', 'inline' => true, 'depends' => [['image_or_icon_style', '=', 'image_style']], ], 'image_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'responsive' => true, 'max' => 200, 'std' => ['xl' => 30], 'depends' => [['image_or_icon_style', '=', 'image_style']], ], 'image_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'responsive' => true, 'max' => 200, 'std' => ['xl' => 30], 'depends' => [['image_or_icon_style', '=', 'image_style']], ], 'image_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'depends' => [['image_or_icon_style', '=', 'image_style']], ], ], ], 'tab_content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TAB_CONTENT'), 'depends' => [['style', '=', 'custom']], 'fields' => [ 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'content_font_family', 'size' => 'content_fontsize', 'line_height' => 'content_lineheight', 'uppercase' => 'content_font_style.uppercase', 'italic' => 'content_font_style.italic', 'underline' => 'content_font_style.underline', 'weight' => 'content_font_style.weight', ], ], 'content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'content_backround' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#F7F7F9', ], 'content_border_separator' => [ 'type' => 'separator', ], 'content_border' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'min' => 0, 'max' => 10, 'info' => 'px', 'std' => '0', ], 'content_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'content_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'min' => 0, 'max' => 100, ], // Dimensions 'content_separator' => [ 'type' => 'separator', ], 'content_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'responsive' => true, 'min' => 10, 'max' => 100, 'info' => '%', 'std' => ['xl' => 100], ], 'content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], 'content_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'content_box_shadow_separator' => [ 'type' => 'separator', ], 'show_boxshadow' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW'), 'std' => 1, ], 'shadow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#000', 'depends' => [['show_boxshadow', '=', 1]], ], 'shadow_horizontal' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW_HORIZONTAL'), 'max' => 100, 'depends' => [['show_boxshadow', '=', 1]], ], 'shadow_vertical' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW_VERTICAL'), 'max' => 100, 'depends' => [['show_boxshadow', '=', 1]], ], 'shadow_blur' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW_BLUR'), 'max' => 100, 'depends' => [['show_boxshadow', '=', 1]], ], 'shadow_spread' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW_SPREAD'), 'max' => 100, 'depends' => [['show_boxshadow', '=', 1]], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��tab/.htaccess��0000555��00000000355�15231074400�0007110 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��animated_number/assets/images/icon.png��0000644��00000003455�15231074400�0014106 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:34CBF30F40E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:34CBF31040E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:34CBF30D40E111E69A38F8F21A167467" stRef:documentID="xmp.did:34CBF30E40E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��\|��IDATx��\�q�0L��;8ӁSAL �� NN�T�WNI��;)��E��D��[\|ڧ�ʈ�E��K��K��:��$!�<!md�K.�~�RXZ�{.\�\&��k`�Z:��7�.�$6H��ӟ��p��"0-�W�\|�O��>p��em1��a�b 1"�NN�L%�!��TM�}�!w��\#8HS�#,FZ#꿹��_��"�MŘ�b��d'�0�G��5a��G��p:aB�f ڕ(�9�a(��Xa�dHW��~9�H֎� u�r��:J�/�u�,�Kd��D��6��k��uc0�)�cׄ�6�W��{�a"s�f�;��'��RK�n0a��2��%�D3J�Ґ��v��f��a��eԲI ^`$E6�m�՗�I�6��o��s��s��٦�+f�w0��P2��M�&��a.�`~��P��%z�6�PeD3�+vecd&��/��ekwX1�l�-�1�8��(��Ox�zf,E-BuD��b �ܴϵe_��B�༷�q?:�r,Fׄ~�$u"�Z1��_2ɾ�Ic��2�����ꉎy�%��䎠֌��a �F�i��/�u_��(/+u��P��ϦۡB=󘌤�ߠ]��a+�a>b��s��IN��N�1�Vh�P��]�Y�I��V"ʣBUˮz��`QCv:��\|�iŁ�<�:�<l�&2aaE�O�U #��5k-�F�{h}��"��k�ϙF�b5l�I��9L�� Ph�y�0��nYd�$g�M25u�T��OP�@=b�5�4�1cR3��ʮ$V]e�� R�P��Pw�e��R��B˦��_�Z6�0��ւ��IEND�B`��animated_number/assets/images/.htaccess��0000555��00000000355�15231074400�0014243 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��animated_number/assets/.htaccess��0000555��00000000355�15231074400�0012776 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��animated_number/site.php��0000644��00000015740�15231074400�0011356 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonAnimated_number extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $number = (isset($settings->number) && $settings->number) ? $settings->number : 0; $duration = (isset($settings->duration) && $settings->duration) ? $settings->duration : 0; $format = (isset($settings->use_number_format) && $settings->use_number_format) ? $settings->use_number_format : 0; $counter_title = (isset($settings->counter_title) && $settings->counter_title) ? $settings->counter_title : ''; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $number_position = (isset($settings->number_position) && $settings->number_position) ? 'animated-number-position-' . $settings->number_position : ''; $output = '<div class="sppb-addon sppb-addon-animated-number ' . $class . ' ' . $number_position . '">'; $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-animated-number" data-format="'. $format .'" data-digit="' . $number . '" data-duration="' . $duration . '">0</div>'; if ($counter_title) { $output .= '<div class="sppb-animated-number-title">' . $counter_title . '</div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $number_before_after_text = (isset($settings->number_before_after_text) && $settings->number_before_after_text) ? $settings->number_before_after_text : ''; $number_before_after_text_position = (isset($settings->number_before_after_text_position) && $settings->number_before_after_text_position) ? $settings->number_before_after_text_position : ''; $css = ''; $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $alignmentStyle = $cssHelper->generateStyle('.sppb-addon.sppb-addon-animated-number', $settings, ['alignment' => 'text-align'], false); $numberStyle = $cssHelper->generateStyle('.sppb-animated-number', $settings, ['color' => 'color'], false); $numberTypographyFallbacks = [ 'font' => 'number_font_family', 'size' => 'font_size', 'line_height' => 'line_height', 'weight' => 'number_font_wight', ]; $numberTypography = $cssHelper->typography('.sppb-animated-number', $settings, 'number_typography', $numberTypographyFallbacks); $titleStyle = $cssHelper->generateStyle('.sppb-animated-number-title', $settings, ['title_color' => 'color', 'title_margin' => 'margin'], ['title_color' => false, 'title_margin' => false], ['title_margin' => 'spacing']); $numberTitleTypographyFallbacks = [ 'font' => 'title_font_family', 'size' => 'title_font_size', 'line_height' => 'title_line_height', 'weight' => 'title_fontstyle.weight', 'italic' => 'title_fontstyle.italic', 'underline' => 'title_fontstyle.underline', 'uppercase' => 'title_fontstyle.uppercase', ]; $numberTitleTypography = $cssHelper->typography('.sppb-animated-number-title', $settings, 'title_typography', $numberTitleTypographyFallbacks); $css .= $alignmentStyle; $css .= $numberStyle; $css .= $numberTypography; $css .= $titleStyle; $css .= $numberTitleTypography; if ($number_before_after_text_position === 'right') { if ($number_before_after_text) { $css .= $addon_id . ' .sppb-animated-number::after {'; $css .= 'content:"' . $number_before_after_text . '";'; $css .= 'display: inline-block;'; $css .= '}'; } } else { if ($number_before_after_text) { $css .= $addon_id . ' .sppb-animated-number::before {'; $css .= 'content:"' . $number_before_after_text . '";'; $css .= 'display: inline-block;'; $css .= '}'; } } return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var addonId = "sppb-addon-" + data.id; var number_position = (!_.isEmpty(data.number_position) && data.number_position) ? "animated-number-position-"+data.number_position : ""; #> <style type="text/css"> <# if(data.number_before_after_text_position == "right") { #> #{{ addonId }} .sppb-animated-number::after{ content:"{{data.number_before_after_text}}"; } <# } else { #> #{{ addonId }} .sppb-animated-number::before{ content:"{{data.number_before_after_text}}"; } <# } #> '; // global $output .= $lodash->alignment('text-align', '.sppb-addon-animated-number', 'data.alignment'); // number $numberTypographyFallbacks = [ 'font' => 'data.number_font_family', 'size' => 'data.font_size', 'line_height' => 'data.line_height', 'weight' => 'data.number_font_wight' ]; $output .= $lodash->color('color', '.sppb-animated-number', 'data.color'); $output .= $lodash->typography('.sppb-animated-number', 'data.number_typography', $numberTypographyFallbacks); // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_font_size', 'line_height' => 'data.title_line_height', 'uppercase' => 'data.title_fontstyle?.uppercase', 'italic' => 'data.title_fontstyle?.italic', 'underline' => 'data.title_fontstyle?.underline', 'weight' => 'data.title_fontstyle?.weight' ]; $output .= $lodash->spacing('margin', '.sppb-animated-number-title', 'data.title_margin'); $output .= $lodash->color('color', '.sppb-animated-number-title', 'data.title_color'); $output .= $lodash->typography('.sppb-animated-number-title', 'data.title_typography', $titleTypographyFallbacks); $output .= ' </style> <div class="sppb-addon sppb-addon-animated-number {{ data.class }} {{number_position}}"> <div class="sppb-addon-content"> <div class="sppb-animated-number sp-inline-editable-element" data-id={{data.id}} data-fieldName="number" contenteditable="true" data-format="{{data.use_number_format}}" data-digit="{{ data.number }}" data-duration="{{ data.duration }}">0</div> <# if(data.counter_title){ #> <div class="sppb-animated-number-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="counter_title" contenteditable="true"> {{{data.counter_title}}} </div> <# } #> </div> </div>'; return $output; } } ��animated_number/admin.php��0000644��00000012566�15231074400�0011505 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'animated_number', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M5.538 2.27h2.308v13.46H5.192V5.078l-2.538.711L2 3.52l3.538-1.25zM9.962 15.73v-1.98l4.596-4.73c1.025-1.078 1.538-1.975 1.538-2.693 0-.526-.166-.949-.5-1.27-.32-.32-.737-.48-1.25-.48-1.013 0-1.763.526-2.25 1.577l-2.23-1.308c.423-.923 1.031-1.628 1.826-2.115A4.91 4.91 0 0114.308 2c1.218 0 2.262.385 3.134 1.154.872.756 1.308 1.782 1.308 3.077 0 1.397-.737 2.833-2.212 4.308l-2.634 2.634h5.058v2.558h-9zM26.77 7.73c.91.27 1.647.744 2.21 1.424.578.667.866 1.474.866 2.423 0 1.384-.468 2.468-1.404 3.25-.923.782-2.057 1.173-3.404 1.173-1.05 0-1.993-.237-2.826-.711-.821-.488-1.417-1.2-1.789-2.135l2.27-1.308c.333 1.039 1.115 1.558 2.345 1.558.68 0 1.206-.16 1.577-.48.385-.334.577-.783.577-1.347 0-.551-.192-.994-.577-1.327-.371-.333-.897-.5-1.576-.5h-.577l-1.02-1.538 2.654-3.462h-5.27V2.27h8.462v2.192L26.77 7.73z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M29 24a1 1 0 01-1 1H4a1 1 0 110-2h24a1 1 0 011 1zM24 29a1 1 0 01-1 1H8a1 1 0 110-2h15a1 1 0 011 1z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'number' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_NUMBER'), 'std' => '1000', ], 'duration' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ANIMATION_DURATION'), 'std' => '1000', ], 'number_before_after_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_PREFIX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_BEF_AFT_TEXT_DESC'), 'placeholder' => '+,K,$', 'inline' => true, ], 'number_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_POSITION_DESC'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), 'bottom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), ], 'inline' => true, ], 'number_before_after_text_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_PREFIX_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_BEF_AFT_TEXT_POS_DESC'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BEFORE'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_AFTER'), ], 'std' => 'left', ], 'use_number_format' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_USE_FORMAT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ANIMATED_NUMBER_USE_NUMBER_FORMAT'), 'std' => 0, ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => ['xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], ], ], 'number' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NUMBER'), 'fields' => [ 'number_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'number_font_family', 'size' => 'font_size', 'line_height' => 'line_height', 'weight' => 'number_font_wight', ], ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'inline' => true ], ] ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'counter_title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'Animated Number', ], 'title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_font_size', 'line_height' => 'title_line_height', 'weight' => 'title_fontstyle.weight', 'italic' => 'title_fontstyle.italic', 'underline' => 'title_fontstyle.underline', 'uppercase' => 'title_fontstyle.uppercase', ], ], 'title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR') ], ], ], ], ]); ��animated_number/.htaccess��0000555��00000000355�15231074400�0011474 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_content/assets/images/icon.png��0000644��00000003200�15231074400�0013554 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:322AF35F6E2011E68C659DE9C4E07AC1" xmpMM:DocumentID="xmp.did:322AF3606E2011E68C659DE9C4E07AC1"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:322AF35D6E2011E68C659DE9C4E07AC1" stRef:documentID="xmp.did:322AF35E6E2011E68C659DE9C4E07AC1"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�`M��IDATx�윱kA�4FE ��B�B(Hhm��BK-��Z% ��C� j��Q��bE�q�°lr;w3��f��ov��8��ZEF`F`F��%��"i��q�c��)��~V'}�C2��ƀ�}^�U�$y��`��j�^_��vHn Vr�吆d�Q�M`�އX�I#��nbR{��.��"=�6˧p��ظ��f��V��wQ$S��]��8:�B7��8JX��5�i��-��>�>lyXc�q�Y�YM�#��U�3��X��Y�z�wS[��u��C��X��xV��F�2��(��\ȸ�K)��~i��=�3i?��é�q��U��O�2%j�ʚ4��ۣ�B�Qx��/{H��5JVZ� /6�5d�H�M�`��Lh��)XKA�Y`��2o4�9nB��zױ�Z��W�� M!�W�n7(�T�dBێ�F0�Ĺ��[��I��E\|&++i��$�Ⱝ��I��QM�V�G3�T�lt>�hV��E��6$I�B�jX�<��I[�\�VT+�u򝼬&��'o.`��/`X��! ��j��>��QF`F`��2;�A�v�8� ��N2)��u��>��E`F`F`�� 90٥ ��IEND�B`��image_content/assets/images/.htaccess��0000555��00000000355�15231074400�0013725 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_content/assets/.htaccess��0000555��00000000355�15231074400�0012460 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image_content/site.php��0000644��00000034775�15231074400�0011051 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Layout\FileLayout; use Joomla\CMS\Uri\Uri; class SppagebuilderAddonImage_content extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Options $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_src = isset($image->src) ? $image->src : $image; $image_alignment = (isset($settings->image_alignment) && $settings->image_alignment) ? $settings->image_alignment : ''; $aria_label = (isset($settings->aria_label) && $settings->aria_label) ? $settings->aria_label : ''; $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $button_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : ''; // $button_url = (isset($settings->button_url) && $settings->button_url) ? $settings->button_url : ''; $button_classes = (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_classes .= (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ''; $button_classes .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_classes .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_classes .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $button_icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; $button_position = (isset($settings->button_position) && $settings->button_position) ? $settings->button_position : ''; // $button_attribs = (isset($settings->button_target) && $settings->button_target) ? ' rel="noopener noreferrer" target="' . $settings->button_target . '"' : ''; // $button_attribs .= (isset($settings->button_url) && $settings->button_url) ? ' href="' . $settings->button_url . '"' : ''; list($buttonLink, $buttonTarget) = AddonHelper::parseLink($settings, 'button_url', ['url' => 'button_url', 'new_tab' => 'button_target']); $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fas ' . $button_icon; } if ($button_icon_position === 'left') { $button_text = ($button_icon) ? '<i class="' . $button_icon . '" aria-hidden="true"></i> ' . $button_text : $button_text; } else { $button_text = ($button_icon) ? $button_text . ' <i class="' . $button_icon . '" aria-hidden="true"></i>' : $button_text; } $button_output = !empty($button_text) ? '<a href="' . $buttonLink . '" ' . $buttonTarget . ' id="btn-' . $this->addon->id . '" class="sppb-btn' . $button_classes . '">' . $button_text . '</a>' : ''; if ($image_alignment === 'left') { $content_class = ' sppb-col-sm-offset-6'; } else { $content_class = ''; } if ($image_src && $text) { $output = '<div class="sppb-addon sppb-addon-image-content aligment-' . $image_alignment . ' clearfix ' . $class . '">'; $updated_aria_label = !empty($aria_label) ? strip_tags($aria_label) : strip_tags($title); // Image if (strpos($image_src, 'http://') !== false \|\| strpos($image_src, 'https://') !== false) { $output .= '<div class="sppb-image-holder" style="background-image: url(' . $image_src . ');" role="img" aria-label="' . $updated_aria_label . '">'; } else { $output .= '<div class="sppb-image-holder" style="background-image: url(' . Uri::base(true) . '/' . $image_src . ');" role="img" aria-label="' . $updated_aria_label . '">'; } $output .= '</div>'; // Content $output .= '<div class="sppb-container">'; $output .= '<div class="sppb-row">'; if ($image_alignment === 'left') { $output .= '<div class="sppb-col-sm-6"></div>'; } $output .= '<div class="sppb-col-sm-6' . $content_class . '">'; $output .= '<div class="sppb-content-holder">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-image-content-title sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= ($text) ? '<p class="sppb-image-content-text">' . $text . '</p>' : ''; $output .= $button_output; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $css_path = new FileLayout('addon.css.button', $layout_path); $settings = $this->addon->settings; $cssHelper = new CSSHelper($addon_id); $css = ''; $imageContentStyle = $cssHelper->generateStyle('.sppb-addon-image-content .sppb-content-holder', $settings, ['content_padding' => 'padding'], false, ['content_padding' => 'spacing']); $textContentTypography = $cssHelper->typography('.sppb-image-content-text', $settings, 'text_typography', []); $css .= $imageContentStyle; $css .= $textContentTypography; $css .= $css_path->render(array('addon_id' => $addon_id, 'options' => $settings, 'id' => 'btn-' . $this->addon->id)); $css .= $cssHelper->generateStyle('.sppb-btn', $settings, ['button_margin_top' => 'margin-top'], 'px'); return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let content_class = ""; let img = {} if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { img = data.image } else { img = {src: data.image} } if (data.image_alignment == "left") { content_class = " sppb-col-sm-offset-6"; } let button_text = data.button_text; let icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.button_icon : data.button_icon; if (data.button_icon_position == "left" && data.button_icon) { button_text = \'<i class="\' + icon_name + \'"></i> \' + data.button_text; } else if(data.button_icon){ button_text = data.button_text + \' <i class="\' + icon_name + \'"></i>\'; } let button_classes = ""; if (data.button_size) { button_classes = button_classes + " sppb-btn-" + data.button_size; } if (data.button_type) { button_classes = button_classes + " sppb-btn-" + data.button_type; } if (data.button_shape) { button_classes = button_classes + " sppb-btn-" + data.button_shape; } else { button_classes = button_classes + " sppb-btn-rounded"; } if (data.button_appearance) { button_classes = button_classes + " sppb-btn-" + data.button_appearance; } #> <style type="text/css">'; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // image $output .= '<# if (img.src.indexOf("https://") == -1 && img.src.indexOf("https://") == -1) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-image-holder {background-image: url({{ pagebuilder_base + img.src }});}'; $output .= '<# } else { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-image-holder {background-image: url({{ img.src }});}'; $output .= '<# } #>'; // button start $buttonTypographyFallbacks = [ 'font' => 'data.button_font_family', 'size' => 'data.button_fontsize', 'letter_spacing' => 'data.button_letterspace', 'uppercase' => 'data.button_font_style?.uppercase', 'italic' => 'data.button_font_style?.italic', 'underline' => 'data.button_font_style?.underline', 'weight' => 'data.button_font_style?.weight' ]; $output .= $lodash->typography('.sppb-btn', 'data.button_typography', $buttonTypographyFallbacks); $output .= '<# if (data.button_size == "custom") { #>'; $output .= $lodash->spacing('padding', '.sppb-btn', 'data.button_padding'); $output .= '<# } #>'; $output .= $lodash->unit('margin-top', '.sppb-btn', 'data.button_margin_top', 'px'); $output .= '<# if (data.button_block == "sppb-btn-block") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {display: block;}'; $output .= '<# } #>'; // custom style $output .= '<# if (data.button_type == "custom") { #>'; $output .= $lodash->color('color', '.sppb-btn', 'data.button_color'); $output .= $lodash->color('color', '.sppb-btn:hover', 'data.button_color_hover'); $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {background-color: transparent;}'; $output .= $lodash->unit('border-color', '.sppb-btn', 'data.button_background_color', '', false); $output .= $lodash->unit('border-color', '.sppb-btn:hover', 'data.button_background_color_hover', '', false); $output .= '<# } else if (data.button_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {border: none;}'; $output .= $lodash->color('background-color', '.sppb-btn', 'data.button_background_gradient'); $output .= $lodash->color('background-color', '.sppb-btn:hover', 'data.button_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '.sppb-btn', 'data.button_background_color'); $output .= $lodash->color('background-color', '.sppb-btn:hover', 'data.button_background_color_hover'); $output .= '<# } #>'; $output .= '<# } #>'; // link $output .= '<# if (data.button_type == "link") { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-btn {padding: 0; border-width: 0; text-decoration: none; border-radius: 0;}'; $output .= $lodash->color('color', '.sppb-btn', 'data.link_button_color'); $output .= $lodash->unit('border-color', '.sppb-btn', 'data.link_button_border_color', '', false); $output .= $lodash->unit('border-bottom-width', '.sppb-btn', 'data.link_button_border_width', 'px'); $output .= $lodash->unit('padding-bottom', '.sppb-btn', 'data.link_button_padding_bottom', 'px'); $output .= $lodash->color('color', '.sppb-btn:hover, .sppb-btn:focus', 'data.link_button_hover_color'); $output .= $lodash->unit('border-color', '.sppb-btn:hover, .sppb-btn:focus', 'data.link_button_border_hover_color', '', false); $output .= '<# } #>'; // button end // title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); // content $output .= $lodash->typography('.sppb-image-content-text', 'data.text_typography'); $output .= $lodash->spacing('padding', '.sppb-addon-image-content .sppb-content-holder', 'data.content_padding'); $output .= ' </style> <div class="sppb-addon sppb-addon-image-content aligment-{{ data.image_alignment }} clearfix {{ data.class }}"> <div class="sppb-image-holder"></div> <div class="sppb-container"> <div class="sppb-row"> <# if(data.image_alignment == "left") { #> <div class="sppb-col-sm-6"></div> <# } #> <div class="sppb-col-sm-6 {{ content_class }}"> <div class="sppb-content-holder"> <# if (!_.isEmpty(data.title)) { #> <{{ data.heading_selector }} class="sppb-image-content-title sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}> <# } #> <# if (data.text) { #> <div id="addon-text-{{data.id}}" class="sppb-image-content-text sp-editable-content" data-id={{data.id}} data-fieldName="text">{{{ data.text }}}</div> <# } #> <# if (button_text) { const isMenuBtn = _.isString(data.button_url?.menu) && data.button_url.type === "menu" && data.button_url?.menu; const isPageBtn = _.isString(data.button_url?.page) && data.button_url.type === "page" && data.button_url?.page; const isObjectBtn = _.isObject(data.button_url) && ((data.button_url.type === "url" && data.button_url?.url !== "") \|\| isMenuBtn \|\| isPageBtn); let urlObjBtn = {}; let urlBtn = ""; let targetBtn= ""; let relBtn = ""; urlObjBtn = isObjectBtn ? data.button_url : window.getSiteUrl(data.button_url, data.btn_target); if(urlObjBtn.type === "url") { urlBtn = urlObjBtn.url; } if(urlObjBtn.type === "menu") { urlBtn = urlObjBtn.menu \|\| ""; } if(urlObjBtn.type === "page") { urlBtn = urlObjBtn.page ? `index.php?option=com_sppagebuilder&view=page&id=${urlObjBtn.page}` : ""; } targetBtn = urlObjBtn.new_tab ? "_blank": ""; relBtn += urlObjBtn.nofollow ? "nofollow": ""; relBtn += urlObjBtn.noopener ? " noopener": ""; relBtn += urlObjBtn.noreferrer ? " noreferrer": ""; #> <a href=\'{{ urlBtn }}\' target=\'{{ targetBtn }}\' rel=\'{{ relBtn }}\' class="sppb-btn {{ button_classes }}">{{{ button_text }}}</a> <# } #> </div> </div> </div> </div> </div> '; return $output; } } ��image_content/admin.php��0000644��00000033450�15231074400�0011162 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'image_content', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CONTENT_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.084 15.049l-3.24-3.24-4.65 4.648h25.611L19.24 6.892l-8.156 8.157zm8.253-8.254zm9.703 9.897zM11.084 12.22l6.84-6.84a1.862 1.862 0 012.633 0l9.898 9.898a1.862 1.862 0 01-1.317 3.18H2.862a1.862 1.862 0 01-1.317-3.18l4.982-4.981a1.862 1.862 0 012.633 0l1.924 1.923z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M31 25a1 1 0 01-1 1H2a1 1 0 110-2h28a1 1 0 011 1zM19 30a1 1 0 01-1 1H2a1 1 0 110-2h16a1 1 0 011 1z" fill="currentColor"/><path d="M7.789 5.544a2.772 2.772 0 100-5.544 2.772 2.772 0 000 5.544z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'std' => "The recording starts with the patter of a summer squall. Later, a drifting tone like that of a not-quite-tuned-in radio station rises and for a while drowns out the patter. These are the sounds encountered by.<br /><br />NASA’s Cassini spacecraft as it dove through the gap between Saturn and its innermost ring on April 26, the first of 22 such encounters before it will plunge into Saturn’s atmosphere in September." ], 'text_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'std' => [ 'xl' => '120px 0 120px 50px', 'lg' => '80px 0 80px 40px', 'md' => '80px 0 80px 40px', 'sm' => '20px 0 40px 0px', 'xs' => '20px 0 40px 0px' ], 'responsive' => true ], 'image_separator' => [ 'type' => 'separator', ], 'image' => [ 'type' => 'media', 'std' => ['src' => 'https://sppagebuilder.com/addons/carousel/carousel-bg.jpg'] ], 'image_alignment' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'aria_label' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ARIA_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ARIA_LABEL_DESC'), 'std' => '' ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ], ], 'button_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), ], 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'button_font_family', 'size' => 'button_fontsize', 'letter_spacing' => 'button_letterspace', 'weight' => 'button_font_style.weight', 'italic' => 'button_font_style.italic', 'underline' => 'button_font_style.underline', 'uppercase' => 'button_font_style.uppercase', ], ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', 'inline' => true, ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [['button_type', '=', 'link']] ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'depends' => [['type', '!=', 'link']] ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['button_type', '!=', 'link']] ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['button_size', '=', 'custom']] ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [['button_type', '!=', 'link']] ], 'button_icon_separator' => [ 'type' => 'separator', ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'button_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'button_margin_separator' => [ 'type' => 'separator', ], 'button_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'std' => ['xl' => 20], 'responsive' => true, 'max' => 400, ], 'button_style_tab_separator' => [ 'type' => 'separator', ], 'button_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'custom']], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'] ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], // link style 'link_button_color_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'link']], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], ], ], ], ]); ��image_content/.htaccess��0000555��00000000355�15231074400�0011156 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��button_group/assets/images/icon.png��0000644��00000002376�15231074400�0013504 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:08556E6140E111E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:08556E6240E111E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:08556E5F40E111E69A38F8F21A167467" stRef:documentID="xmp.did:08556E6040E111E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��Ć��lIDATx�� 0��q�7P'�� d�@�@��t� t-�hxh.�I��1�h)��23u3�P\� �d��U}!^�lk��j��0`;{S��ǡ}�!Cr �0� VI��27��:��0��Ut�0��#�`�FZ�ߛ�u�m��6��i=X��4le�(�+��\OIm{�\4�� w\|��Y0��`�ְ\?��kϠ�`�ܙU�["�$�0��#�`��h4��ʗ��4$�I�LMM�{��@�$`�0��0`��]�}��w�/H>:�A�EΉ�X��ڐV1��ҁ/��J�b=�qa�U!��IEND�B`��button_group/assets/images/.htaccess��0000555��00000000355�15231074400�0013640 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��button_group/assets/.htaccess��0000555��00000000355�15231074400�0012373 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��button_group/site.php��0000644��00000036202�15231074400�0010747 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Layout\FileLayout; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonButton_group extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? ' ' . $this->addon->settings->class : ''; $output = '<div class="sppb-addon sppb-addon-button-group' . $class . '">'; $output .= '<div class="sppb-addon-content">'; if (isset($this->addon->settings->sp_button_group_item) && count((array) $this->addon->settings->sp_button_group_item)) { foreach ($this->addon->settings->sp_button_group_item as $key => $value) { if ($value->title \|\| $value->icon) { list($link, $target) = AddonHelper::parseLink($value, 'url', [ 'new_tab' => 'target', 'url' => 'url' ]); $class = (isset($value->type) && $value->type) ? ' sppb-btn-' . $value->type : ''; $class .= (isset($value->size) && $value->size) ? ' sppb-btn-' . $value->size : ''; $class .= (isset($value->block) && $value->block) ? ' ' . $value->block : ''; $class .= (isset($value->shape) && $value->shape) ? ' sppb-btn-' . $value->shape : ' sppb-btn-rounded'; $class .= (isset($value->appearance) && $value->appearance) ? ' sppb-btn-' . $value->appearance : ''; $attribs = (isset($value->target) && $value->target) ? ' rel="noopener noreferrer" target="' . $value->target . '"' : ''; $attribs .= ' id="btn-' . ($this->addon->id . $key) . '"'; $text = (isset($value->title) && $value->title) ? $value->title : ''; $icon = (isset($value->icon) && $value->icon) ? $value->icon : ''; $icon_position = (isset($value->icon_position) && $value->icon_position) ? $value->icon_position : 'left'; $icon_arr = array_filter(explode(' ', $icon)); if (count($icon_arr) === 1) { $icon = 'fa ' . $icon; } if ($icon_position === 'left') { $text = ($icon) ? '<i class="' . $icon . '" aria-hidden="true"></i> ' . $text : $text; } else { $text = ($icon) ? $text . ' <i class="' . $icon . '" aria-hidden="true"></i>' : $text; } $hrefTag = !empty($link) ? 'href="' . $link .'"' : ''; $output .= '<a '. $hrefTag .' ' . $target . $attribs . ' class="sppb-btn ' . $class . '">' . $text . '</a>'; } } } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $layout_path = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $cssHelper = new CSSHelper($addon_id); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $css = ''; $groupStyle = $cssHelper->generateStyle('.sppb-addon-content', $settings, ['margin' => 'margin: -%s']); $groupStyle .= $cssHelper->generateStyle('.sppb-addon-content .sppb-btn', $settings, ['margin' => 'margin']); $alignmentStyle = $cssHelper->generateStyle('.sppb-addon.sppb-addon-button-group', $settings, ['alignment' => 'text-align'], false); $css .= $groupStyle; $css .= $alignmentStyle; // Buttons style if (isset($settings->sp_button_group_item) && count((array) $settings->sp_button_group_item)) { foreach ($settings->sp_button_group_item as $key => $value) { if ($value->title) { $buttonLayout = new FileLayout('addon.css.button', $layout_path); $options = new stdClass; $options->button_type = (isset($value->type) && $value->type) ? $value->type : ''; $options->button_appearance = (isset($value->appearance) && $value->appearance) ? $value->appearance : ''; $options->button_color = (isset($value->color) && $value->color) ? $value->color : ''; $options->button_color_hover = (isset($value->color_hover) && $value->color_hover) ? $value->color_hover : ''; $options->button_background_color = (isset($value->background_color) && $value->background_color) ? $value->background_color : ''; $options->button_background_color_hover = (isset($value->background_color_hover) && $value->background_color_hover) ? $value->background_color_hover : ''; $options->button_padding = (isset($value->button_padding) && $value->button_padding) ? $value->button_padding : ''; if (isset($options->button_padding) && is_object($options->button_padding)) { $options->button_padding = $cssHelper::generateMissingBreakPoints($options->button_padding); } $options->button_size = isset($value->size) ? $value->size : null; // Button Type Link $options->link_button_color = (isset($value->link_button_color) && $value->link_button_color) ? $value->link_button_color : ''; $options->link_border_color = (isset($value->link_border_color) && $value->link_border_color) ? $value->link_border_color : ''; $options->link_button_border_width = (isset($value->link_button_border_width) && $value->link_button_border_width) ? $value->link_button_border_width : ''; $options->link_button_padding_bottom = (isset($value->link_button_padding_bottom) && gettype($value->link_button_padding_bottom) == 'string') ? $value->link_button_padding_bottom : ''; // Link Hover $options->link_button_hover_color = (isset($value->link_button_hover_color) && $value->link_button_hover_color) ? $value->link_button_hover_color : ''; $options->link_button_border_hover_color = (isset($value->link_button_border_hover_color) && $value->link_button_border_hover_color) ? $value->link_button_border_hover_color : ''; $options->button_background_gradient = (isset($value->background_gradient) && $value->background_gradient) ? $value->background_gradient : new stdClass(); $options->button_background_gradient_hover = (isset($value->background_gradient_hover) && $value->background_gradient_hover) ? $value->background_gradient_hover : new stdClass(); $options->button_typography = !empty($value->typography) ? $value->typography : null; $selector_css = new FileLayout('addon.css.selector', $layout_path); $css .= $selector_css->render( [ 'options' => $value, 'addon_id' => $addon_id, 'selector' => '#btn-' . ($this->addon->id . $key) ] ); $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $options, 'id' => 'btn-' . ($this->addon->id . $key))); } } } return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }} '); $output = ' <# var addonId = data.id; #> <style type="text/css">'; // global $output .= $lodash->alignment('text-align', '.sppb-addon-button-group .sppb-addon-content', 'data.alignment'); $output .= $lodash->unit('margin', '.sppb-addon-button-group .sppb-addon-content', 'data.margin', 'px', true, '-'); $output .= $lodash->unit('margin', '.sppb-addon-button-group .sppb-addon-content .sppb-btn', 'data.margin', 'px'); $output .= ' <# _.each(data.sp_button_group_item, function(button, key) { #>'; // Button typography $buttonTypographyFallbacks = [ 'font' => 'button.font_family', 'size' => 'button.fontsize', 'letter_spacing' => 'button.letterspace', 'weight' => 'button.font_style?.weight', 'italic' => 'button.font_style?.italic', 'underline' => 'button.font_style?.underline', 'uppercase' => 'button.font_style?.uppercase', ]; $output .= $lodash->typography('#btn-{{ addonId }}{{ key }}.sppb-btn-{{ button.type }}', 'button.typography', $buttonTypographyFallbacks); // Custom $output .= '<# if (button.type == "custom") { #>'; $output .= $lodash->color('color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.color'); $output .= $lodash->color('color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom:hover', 'button.color_hover'); $output .= '<# if (button.appearance != "outline") { #>'; $output .= $lodash->color('background-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom:hover', 'button.background_color_hover'); $output .= '<# } #>'; $output .= '<# if(_.isObject(button.button_padding)) { ' . $lodash->generateMissingBreakPoints('button.button_padding') .' #>'; $output .= $lodash->spacing('padding', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.button_padding'); $output .= '<# } else { #>'; $output .= $lodash->spacing('padding', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.button_padding'); $output .= '<# } #>'; $output .= $lodash->unit('font-size', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.fontsize', 'px'); // Outline $output .= '<# if (button.appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.background_color'); $output .= $lodash->border('border-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom:hover', 'button.background_color_hover'); $output .= '#sppb-addon-{{ addonId }} #btn-{{ addonId }}{{ key }}.sppb-btn-custom { background-color: transparent; }'; // 3D $output .= '<# } else if (button.appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.background_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.background_color '); // Gradient $output .= '<# } else if (button.appearance == "gradient" && _.isObject(button.background_gradient) ) { #>'; $output .= '#sppb-addon-{{ addonId }} #btn-{{ addonId }}{{ key }}.sppb-btn-custom { border: none; } '; $output .= $lodash->color('background-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.background_gradient'); $output .= $lodash->color('background-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom:hover', 'button.background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-custom', 'button.background_color'); $output .= '<# } #>'; $output .= '<# } #>'; // Link $output .= '<# if (button.type == "link") { #>'; // Normal $output .= $lodash->color('color', '#btn-{{ addonId }}{{ key }}.sppb-btn-link', 'button.link_button_color'); $output .= $lodash->border('border-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-link', 'button.link_border_color'); $output .= $lodash->unit('border-bottom-width', '#btn-{{ addonId }}{{ key }}.sppb-btn-link', 'button.link_button_border_width', 'px', false); $output .= $lodash->unit('padding-bottom', '#btn-{{ addonId }}{{ key }}.sppb-btn-link', 'button.link_button_padding_bottom', 'px', false); $output .= '#sppb-addon-{{ addonId }} #btn-{{ addonId }}{{ key }}.sppb-btn-link { text-decoration: none; }'; $output .= '#sppb-addon-{{ addonId }} #btn-{{ addonId }}{{ key }}.sppb-btn-link { border-radius: 0; }'; // Hover $output .= '<# if (button.link_button_status == "hover") { #>'; $output .= $lodash->color('color', '#btn-{{ addonId }}{{ key }}.sppb-btn-link:hover, #btn-{{ addonId }}{{ key }}.sppb-btn-link:focus', 'button.link_button_hover_color'); $output .= $lodash->border('border-color', '#btn-{{ addonId }}{{ key }}.sppb-btn-link:hover, #btn-{{ addonId }}{{ key }}.sppb-btn-link:focus', 'button.link_button_border_hover_color'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= '<# }); #>'; $output .= ' </style> <div class="sppb-addon sppb-addon-button-group {{ data.class }}"> <div class="sppb-addon-content"> <# _.each(data.sp_button_group_item, function(button, key){ var classList = button.class; classList += " sppb-btn-"+button.type; classList += " sppb-btn-"+button?.size; classList += " sppb-btn-"+button?.shape; if(!_.isEmpty(button.appearance)){ classList += " sppb-btn-"+button.appearance; } classList += " "+button.block; let icon_arr = (typeof button.icon !== "undefined" && button.icon) ? button.icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+button.icon : button.icon; / Button Link / const isUrlObject = _.isObject(button?.url) && ( !!button?.url?.url \|\| !!button?.url?.page \|\| !!button?.url?.menu); const isUrlString = _.isString(button?.url) && button?.url !== ""; let href; let target; let rel; let relData=""; if(isUrlObject \|\| isUrlString ){ const urlObj = button?.url?.url ? button?.url : window.getSiteUrl(button?.url, button?.target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; target = new_tab ? `target="_blank"` : ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; rel = `rel="${relData}"`; const buttonUrl = (type === "url" && url) \|\| ( type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page ) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; href = buttonUrl ? `href=${buttonUrl}` : ""; } #> <a {{href}} {{target}} {{rel}} id="btn-{{ addonId }}{{ key }}" class="sppb-btn {{ classList }}"><# if(button.icon_position == "left" && !_.isEmpty(button.icon)) { #><i class="{{ icon_name }}"></i> <# } #><span class="sp-editable-content" data-id={{ data.id }} data-button-group-index={{ key }} data-fieldName="text" data-placeholder="Add text...">{{{ button.title }}}</span><# if(button.icon_position == "right" && !_.isEmpty(button.icon)) { #> <i class="{{ icon_name }}"></i><# } #></a> <# }); #> </div> </div> <# if(!data.sp_button_group_item.length){ #> <div class="sppb-empty-addon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="140.1px" height="24.2px" viewBox="0 0 140.1 24.2" > <path class="st0" d="M19,13.5c-0.4-0.4-0.8-0.4-1.1,0.1c-0.9,1.1-1.9,2.1-2.9,3c-3.5,3-7.6,4.7-12.1,5.5 c-0.6,0.1-0.8-0.1-0.8-0.7c0-0.9,0-1.9,0-2.8l0,0l0,0l0,0V5.5V4.9c0-0.2,0-0.4,0.3-0.5c0.4-0.3,0.7,0.2,1.1,0.5 c3.4,2.4,6.8,4.9,10.2,7.3c0.5,0.3,0.5,0.5,0.1,0.9c-2.6,2.4-5.5,4.1-8.9,5.1c-1.2,0.3-1.2,0.3-1.2,1.6c0,0.5,0.1,0.6,0.6,0.5 c1-0.2,2-0.5,2.9-0.8c3.7-1.4,6.8-3.5,9.4-6.5c0.6-0.7,0.6-0.6-0.1-1.2C11.1,7.9,5.9,4.2,0.7,0.5C0.6,0.4,0.4,0.3,0.3,0.4 c-0.2,0-0.1,0.2-0.1,0.4c0,0.9,0,1.8,0,2.7c0,0.3,0,0.4,0,0.6v3.2l0,0v2.6v1.2V13v1.4v1.5l0,0l-0.1,4.3l0,0c0,0.3,0,0.5,0,0.7 c0,0.8,0,1.7,0,2.5c0,0.4,0.1,0.6,0.6,0.6c2.1-0.1,4.1-0.4,6.1-1c5-1.5,9.1-4.2,12.5-8.1C19.9,14.2,19.9,14.2,19,13.5z"/> <path class="st1" d="M9.1,12.3c0.1-0.1,0.1-0.2,0-0.3c-1.2-0.9-2.4-1.7-3.5-2.5C5.4,9.4,5.3,9.2,5.2,9.3 c-0.1,0-0.1,0.1-0.1,0.2v0.2v4.5C6.8,14.1,8.2,13.1,9.1,12.3z"/> </svg> </div> <# } #> '; return $output; } }��button_group/admin.php��0000644��00000044534�15231074400�0011102 0��ustar�00��<?php / * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'general', 'addon_name' => 'button_group', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_BUTTON_GROUP'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_BUTTON_GROUP_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 13a1 1 0 011-1h10a1 1 0 110 2H11a1 1 0 01-1-1z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5 7c-1.648 0-3 1.352-3 3v8c0 1.648 1.352 3 3 3h3a1 1 0 110 2H5c-2.752 0-5-2.248-5-5v-8c0-2.752 2.248-5 5-5h22c2.752 0 5 2.248 5 5v8c0 2.752-2.248 5-5 5h-3a1 1 0 110-2h3c1.648 0 3-1.352 3-3v-8c0-1.648-1.352-3-3-3H5z" fill="currentColor"/><path opacity=".5" d="M16 17c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm2 5.625h-1.375V24c0 .375-.25.625-.625.625s-.625-.25-.625-.625v-1.375H14c-.375 0-.625-.25-.625-.625s.25-.625.625-.625h1.375V20c0-.375.25-.625.625-.625s.625.25.625.625v1.375H18c.375 0 .625.25.625.625s-.25.625-.625.625z" fill="currentColor"/></svg>', 'settings' => [ 'buttons' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTONS'), 'fields' => [ 'sp_button_group_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTONS'), 'attr' => [ 'button' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_TEXT_DESC'), 'std' => 'Button' ], 'url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_URL'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_URL_DESC'), ], 'typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'fontsize', 'letter_spacing' => 'letterspace', 'weight' => 'font_style.weight', 'italic' => 'font_style.italic', 'underline' => 'font_style.underline', 'uppercase' => 'font_style.uppercase', ], ], 'type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'inline' => true, 'std' => 'primary' ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'depends' => [['type', '=', 'link']], ], 'appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), ], 'inline' => true, 'std' => 'flat', 'depends' => [['type', '!=', 'link']] ], 'shape' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', ], 'size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'responsive' => true, 'depends' => [['size', '=', 'custom']] ], 'block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK_DESC'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], ], ], ], // Icon 'icon' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'fields' => [ 'icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'icon_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left' ], ], ], // Custom Style 'style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'depends' => [['type', '=', 'custom']], 'fields' => [ 'style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, ], 'color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_COLOR_DESC'), 'std' => '#fff', 'depends' => [['style_tab', '!=', 'hover']], ], 'color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#fff', 'depends' => [['style_tab', '=', 'hover']], ], 'background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#444444', 'depends' => [ ['appearance', '!=', 'gradient'], ['style_tab', '!=', 'hover'], ], ], 'background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#222', 'depends' => [ ['appearance', '!=', 'gradient'], ['style_tab', '=', 'hover'], ], ], 'background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['appearance', '=', 'gradient'], ['style_tab', '!=', 'hover'], ], ], 'background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['appearance', '=', 'gradient'], ['style_tab', '=', 'hover'], ], ], ], ], // Link Style 'link_style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'depends' => [['type', '=', 'link']], 'fields' => [ 'link_style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['link_style_tab', '!=', 'hover']], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [['link_style_tab', '!=', 'hover']], ], 'link_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['link_style_tab', '!=', 'hover']], ], //Link Hover 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['link_style_tab', '=', 'hover']], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['link_style_tab', '=', 'hover']], ], ], ], ], ], 'margin_separator' => [ 'type' => 'separator', ], 'margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GAP'), 'responsive' => true, 'max' => 100, 'std' => ['xl' => 5], ], 'alignment_separator' => [ 'type' => 'separator', ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '' ], ], ], ], ], ]); ��button_group/.htaccess��0000555��00000000355�15231074400�0011071 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��accordion/assets/images/icon.png��0000644��00000000404�15231074400�0012704 0��ustar�00��PNG �� IHDR��L��L��5�L��$PLTE��XG��tRNS��@�0 ��p`�>:��IDATH�c�� ՕMR5B��4�pQƴ+�DSe��X��` � L� �� a��R\|P�7�)c� DhP8�t0�� 3�o�T�"zp'K��Cc0��&��k`��%_:IIڔ��IEND�B`��accordion/assets/images/.htaccess��0000555��00000000355�15231074400�0013052 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��accordion/assets/.htaccess��0000555��00000000355�15231074400�0011605 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��accordion/site.php��0000644��00000027606�15231074400�0010171 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / // No direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonAccordion extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $style = (isset($settings->style) && $settings->style) ? $settings->style : 'panel-default'; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; $icon_position = (isset($settings->icon_position) && $settings->icon_position) ? $settings->icon_position : ''; $output = ''; $output = '<div class="sppb-addon sppb-addon-accordion ' . $class . '">'; if ($title) { $output .= '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>'; } $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-panel-group">'; if (isset($settings->sp_accordion_item) && is_array($settings->sp_accordion_item) && count($settings->sp_accordion_item)) { foreach ($settings->sp_accordion_item as $key => $item) { $item_title = (isset($item->title) && $item->title) ? $item->title : ''; $output .= '<div class="sppb-panel sppb-' . $style . '">'; $output .= '<button type="button" class="sppb-reset-button-styles sppb-w-full sppb-panel-heading' . (($key == 0) ? ' active' : '') . ' ' . ($icon_position == 'right' ? 'sppb-accordion-icon-position-right' : '') . '" id="sppb-ac-heading-' . $this->addon->id . '-key-' . $key . '" aria-expanded="' . (($key == 0) ? 'true' : 'false') . '" aria-controls="sppb-ac-content-' . $this->addon->id . '-key-' . $key . '">'; if (isset($item->icon) && $item->icon != '' && $style == 'panel-custom') { $output .= '<span class="sppb-accordion-icon-wrap" aria-label="' . trim(strip_tags($item_title)) . '">'; $icon_arr = array_filter(explode(' ', $item->icon)); if (count($icon_arr) === 1) { $item->icon = 'fa ' . $item->icon; } $output .= '<i class="' . $item->icon . '" aria-hidden="true"></i> '; $output .= '</span>'; //.sppb-accordion-icon-wrap } $output .= '<span class="sppb-panel-title" aria-label="' . trim(strip_tags($item_title)) . '">'; if (isset($item->icon) && $item->icon != '' && $style !== 'panel-custom') { $icon_arr = array_filter(explode(' ', $item->icon)); if (count($icon_arr) === 1) { $item->icon = 'fa ' . $item->icon; } $output .= '<i class="' . $item->icon . '" aria-hidden="true"></i> '; } $output .= $item_title; $output .= '</span>'; //.sppb-panel-title if ($style !== 'panel-custom') { $output .= '<span class="sppb-toggle-direction" aria-label="Toggle Direction Icon ' . ($key + 1) . '"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>'; } $output .= '</button>'; //.sppb-panel-heading $output .= '<div id="sppb-ac-content-' . $this->addon->id . '-key-' . $key . '" class="sppb-panel-collapse"' . (($key != 0) ? ' style="display: none;"' : '') . ' aria-labelledby="sppb-ac-heading-' . $this->addon->id . '-key-' . $key . '">'; $output .= '<div class="sppb-panel-body">'; $output .= isset($item->content) ? $item->content : ''; $output .= '</div>'; //.sppb-panel-body $output .= '</div>'; //.sppb-panel-collapse $output .= '</div>'; //.sppb-panel } } $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $css = ''; $cssHelper = new CSSHelper($addon_id); $itemHeaderFontStyle = $cssHelper->typography( '.sppb-panel-custom .sppb-panel-heading .sppb-panel-title', $settings, 'item_title_typography', [ 'font' => 'item_title_font_family', 'size' => 'item_title_fontsize', 'line_height' => 'item_title_lineheight', 'letter_spacing' => 'item_title_letterspace', 'uppercase' => 'item_title_font_style.uppercase', 'italic' => 'item_title_font_style.italic', 'underline' => 'item_title_font_style.underline', 'weight' => 'item_title_font_style.weight', ] ); // @todo: item_margin is removed from the settings, but it is still used in the generateStyle method. $itemStyle = $cssHelper->generateStyle('.sppb-panel.sppb-panel-custom', $settings, ['item_margin' => 'margin', 'item_padding' => 'padding', 'item_bg' => 'background', 'item_border_color' => 'border-color', 'item_border_width' => 'border-style: solid; border-width', 'item_border_radius' => 'border-radius'], ['item_padding' => false, 'item_margin' => false, 'item_bg' => false, 'item_border_color' => false], ['item_padding' => 'spacing', 'item_margin' => 'spacing']); $spacingStyle = $cssHelper->generateStyle('.sppb-panel-group .sppb-panel.sppb-panel-custom:not(:last-child)', $settings, ['item_spacing' => 'margin-bottom']); $titleStyle = $cssHelper->generateStyle('.sppb-panel-custom .sppb-panel-heading', $settings, ['item_title_bg_color' => 'background', 'item_title_text_color' => 'color', 'item_title_padding' => 'padding'], false, ['item_title_padding' => 'spacing']); $iconStyle = $cssHelper->generateStyle('.sppb-panel-custom .sppb-accordion-icon-wrap', $settings, ['icon_margin' => 'margin', 'icon_text_color' => 'color', 'icon_fontsize' => 'font-size'], ['icon_margin' => false, 'icon_text_color' => false], ['icon_margin' => 'spacing']); $contentStyle = $cssHelper->generateStyle('.sppb-panel-custom .sppb-panel-body', $settings, ['item_content_padding' => 'padding', 'item_border_width' => 'border-top-style: solid; border-top-width', 'item_border_color' => 'border-top-color'], ['item_content_padding' => 'px', 'item_border_width' => 'px', 'item_border_color' => false], ['item_content_padding' => 'spacing']); $activeTitleStyle = $cssHelper->generateStyle('.sppb-panel-custom .sppb-panel-heading.active', $settings, ['active_title_bg_color' => 'background', 'active_title_text_color' => 'color'], false); $activeIconStyle = $cssHelper->generateStyle('.sppb-panel-custom .active .sppb-accordion-icon-wrap', $settings, ['active_icon_color' => 'color', 'active_icon_rotate' => 'transform: rotate(%sdeg)'], false); $css .= $itemStyle; $css .= $iconStyle; $css .= $titleStyle; $css .= $contentStyle; $css .= $spacingStyle; $css .= $activeIconStyle; $css .= $activeTitleStyle; $css .= $itemHeaderFontStyle; return $css; } /* * Attach inline scripts. * * @return string / public function js() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $openitem = (isset($settings->openitem) && $settings->openitem) ? $settings->openitem : ''; if ($openitem) { $js = "jQuery(document).ready(function($){'use strict'; if('" . $openitem . "' === 'hide') { $( '" . $addon_id . "' + ' .sppb-addon-accordion .sppb-panel-heading').removeClass('active'); } else { $( '" . $addon_id . "' + ' .sppb-addon-accordion .sppb-panel-heading').addClass('active'); } $( '" . $addon_id . "' + ' .sppb-addon-accordion .sppb-panel-collapse')." . $openitem . "(); });"; return $js; } return; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css">'; // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->color('color', '.sppb-addon-title', 'data.title_text_color'); $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); // Accordion $itemTitleTypographyFallbacks = [ 'font' => 'data.item_title_font_family', 'size' => 'data.item_title_fontsize', 'line_height' => 'data.item_title_lineheight', 'letter_spacing' => 'data.item_title_letterspace', 'uppercase' => 'data.item_title_font_style?.uppercase', 'italic' => 'data.item_title_font_style?.italic', 'underline' => 'data.item_title_font_style?.underline', 'weight' => 'data.item_title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-panel-title', 'data.item_title_typography', $itemTitleTypographyFallbacks); $output .= $lodash->unit('font-size', '.sppb-accordion-icon-wrap', 'data.icon_fontsize', 'px'); $output .= $lodash->spacing('margin', '.sppb-accordion-icon-wrap', 'data.icon_margin'); $output .= $lodash->transform('rotate', '.active .sppb-accordion-icon-wrap', 'data.active_icon_rotate', 'deg'); $output .= $lodash->spacing('padding', '.sppb-panel-body', 'data.item_content_padding'); // custom $output .= '<# if (data.style == "panel-custom") { #>'; $output .= $lodash->spacing('padding', '.sppb-panel.sppb-panel-custom', 'data.item_padding'); $output .= $lodash->spacing('padding', '.sppb-panel-custom .sppb-panel-heading', 'data.item_title_padding'); $output .= $lodash->unit('margin-bottom', '.sppb-panel-group .sppb-panel:not(:last-child)', 'data.item_spacing', 'px'); // panel $output .= $lodash->color('background-color', '.sppb-panel', 'data.item_bg'); $output .= $lodash->unit('border-radius', '.sppb-panel', 'data.item_border_radius', 'px'); // icon $output .= $lodash->color('color', '.sppb-accordion-icon-wrap', 'data.icon_text_color'); $output .= $lodash->color('color', '.active .sppb-accordion-icon-wrap', 'data.active_icon_color'); // heading $output .= $lodash->color('color', '.sppb-panel-heading', 'data.item_title_text_color'); $output .= $lodash->color('background-color', '.sppb-panel-heading', 'data.item_title_bg_color'); $output .= $lodash->color('color', '.sppb-panel-heading.active', 'data.active_title_text_color'); $output .= $lodash->color('background-color', '.sppb-panel-heading.active', 'data.active_title_bg_color'); $output .= $lodash->spacing('margin', '.sppb-panel.sppb-panel-custom', 'data.item_margin'); // accordion $output .= '<# if (!_.isEmpty(data.item_border_width)) { #>'; $output .= '#sppb-addon-{{ data.id }} .sppb-panel.sppb-panel-custom {border-style: solid;}'; $output .= $lodash->unit('border-width', '.sppb-panel.sppb-panel-custom', 'data.item_border_width', 'px', false); $output .= $lodash->unit('border-color', '.sppb-panel.sppb-panel-custom', 'data.item_border_color', '', false); $output .= '#sppb-addon-{{ data.id }} .sppb-panel-body {border-top-style: solid;}'; $output .= $lodash->unit('border-top-width', '.sppb-panel-body', 'data.item_border_width', 'px', false); $output .= $lodash->unit('border-top-color', '.sppb-panel-body', 'data.item_border_color', '', false); $output .= '<# } #>'; $output .= '<# } #>'; $output .= ' </style> '; return $output; } } ��accordion/admin.php��0000644��00000037504�15231074400�0010313 0��ustar�00��<?php /* * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'accordion', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g opacity=".5" fill-rule="evenodd" clip-rule="evenodd" fill="currentColor"><path d="M32 3c0 .552-.428 1-.956 1H12.956C12.428 4 12 3.552 12 3s.428-1 .956-1h18.088c.528 0 .956.448.956 1zM32 8c0 .552-.428 1-.956 1H12.956C12.428 9 12 8.552 12 8s.428-1 .956-1h18.088c.528 0 .956.448.956 1zM24 13c0 .552-.436 1-.975 1h-10.05A.988.988 0 0112 13c0-.552.437-1 .975-1h10.05c.539 0 .975.448.975 1zM32 24c0 .552-.428 1-.956 1H12.956c-.528 0-.956-.448-.956-1s.428-1 .956-1h18.088c.528 0 .956.448.956 1zM24 29c0 .552-.436 1-.975 1h-10.05A.988.988 0 0112 29c0-.552.437-1 .975-1h10.05c.539 0 .975.448.975 1z"/></g><path d="M.54 2h6.92c.48 0 .72.51.381.81L4.381 5.86a.59.59 0 01-.761 0L.159 2.81c-.34-.3-.1-.81.38-.81zM.54 23h6.92c.48 0 .72.51.381.81l-3.46 3.051a.59.59 0 01-.761 0L.159 23.81c-.34-.3-.1-.81.38-.81z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ITEMS'), 'fields' => [ 'sp_accordion_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_TITLE_DESC'), 'std' => 'Accordion Title', ], 'icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ICON_DESC'), ], 'content' => [ 'type' => 'builder', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_CONTENT_DESC'), 'std' => 'Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.', ], ], ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'openitem' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_OPEN_ITEM'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_OPEN_ITEM_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_OPEN_FIRST_ITEM'), 'show' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_OPEN_ALL_ITEM'), 'hide' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_CLOSE_ALL_ITEM'), ], ], 'style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_STYLE_DESC'), 'values' => [ 'panel-modern' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MODERN'), 'panel-default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'panel-primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'panel-success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'panel-info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'panel-warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'panel-danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'panel-faq' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_STYLE_FAQ'), 'panel-custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'panel-custom' ], ], ], 'accordion' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION'), 'depends' => [['style', '=', 'panel-custom']], 'fields' => [ 'item_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), 'std' => '#FFFFFF', 'depends' => [['style', '=', 'panel-custom']], ], 'item_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ITEM_MARGIN'), 'responsive' => true, 'depends' => [['style', '=', 'panel-custom']], ], 'item_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ITEM_PADDING'), 'responsive' => true, 'depends' => [['style', '=', 'panel-custom']], ], 'item_border_separator' => [ 'type' => 'separator', 'depends' => [['style', '=', 'panel-custom']], ], 'item_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'min' => 0, 'max' => 10, 'info' => 'px', 'std' => '1', 'depends' => [['style', '=', 'panel-custom']], ], 'item_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '#D5D7E0', 'depends' => [['style', '=', 'panel-custom']], ], 'item_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'min' => 1, 'max' => 100, 'responsive' => true, 'std' => ['xl' => 4], 'depends' => [['style', '=', 'panel-custom']], ], 'item_spacing_separator' => [ 'type' => 'separator', 'depends' => [['style', '=', 'panel-custom']], ], 'item_spacing' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SPACING'), 'responsive' => true, 'std' => ['xl' => 10], 'depends' => [['style', '=', 'panel-custom']], ], ], ], 'header' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_HEADER'), 'depends' => [['style', '=', 'panel-custom']], 'fields' => [ 'item_title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['style', '=', 'panel-custom']], ], 'icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_LINK_LIST_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'depends' => [['style', '=', 'panel-custom']], ], 'icon_fontsize' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_SIZE'), 'responsive' => true, 'max' => 400, 'depends' => [['style', '=', 'panel-custom']], ], 'icon_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_MARGIN'), 'responsive' => true, 'max' => 400, 'depends' => [['style', '=', 'panel-custom']], ], 'active_icon_rotate' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_ICON_ROTATION'), // active 'max' => 360, 'info' => 'deg', 'std' => 0, 'depends' => [['style', '=', 'panel-custom']], ], 'item_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'item_title_font_family', 'size' => 'item_title_fontsize', 'line_height' => 'item_title_lineheight', 'letter_spacing' => 'item_title_letterspace', 'uppercase' => 'item_title_font_style.uppercase', 'italic' => 'item_title_font_style.italic', 'underline' => 'item_title_font_style.underline', 'weight' => 'item_title_font_style.weight', ], 'depends' => [['style', '=', 'panel-custom']], ], 'item_title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['style', '=', 'panel-custom']], ], ], ], 'header_colors_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_HEADER_COLORS_TITLE'), 'depends' => [['style', '=', 'panel-custom']], 'fields' => [ 'header_style_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active'], ], 'std' => 'normal', 'tabs' => true, ], 'item_title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['header_style_tab', '=', 'normal']], ], 'item_title_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['header_style_tab', '=', 'normal']], ], 'icon_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_COLOR'), 'depends' => [['header_style_tab', '=', 'normal']], ], 'active_title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['header_style_tab', '=', 'active']], ], 'active_title_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [['header_style_tab', '=', 'active']], ], 'active_icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ICON_COLOR'), 'depends' => [['header_style_tab', '=', 'active']], ], ] ], 'content_style' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_ACCORDION_CONTENT'), 'depends' => [['style', '=', 'panel-custom']], 'fields' => [ 'item_content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['style', '=', 'panel-custom']], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR') ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��accordion/.htaccess��0000555��00000000355�15231074400�0010303 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��popover/site.php��0000644��00000074716�15231074400�0007726 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonPopover extends SppagebuilderAddons { /* * The render method of the Popover addon. * * @return string * @since 5.1.0 / public function render() { $settings = $this->addon->settings; $addon_title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $addon_title_position = (isset($settings->title_position) && $settings->title_position) ? $settings->title_position : 'top'; $addon_heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $output = ""; $output .= '<div class="sppb-addon sppb-addon-popover' . $class . '">'; $output .= ($addon_title && $addon_title_position != 'bottom') ? '<' . $addon_heading_selector . ' class="sppb-addon-title">' . $addon_title . '</' . $addon_heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content"> <div id="sppb-popover-inline" class="sppb-inline">'; // Common Settings $background_image_src = isset($settings->background_image->src) ? $settings->background_image->src : ($settings->background_image ?? ''); $gap = isset($settings->gap) ? $settings->gap : 10; // Display $showTitle = isset($settings->show_title) ? $settings->show_title : true; $showContent = isset($settings->show_content) ? $settings->show_content : true; $showImage = isset($settings->show_image) ? $settings->show_image : true; $showLink = isset($settings->show_link) ? $settings->show_link : true; // Marker $markerMode = (isset($settings->marker_mode) && $settings->marker_mode) ? $settings->marker_mode : 'click'; $enableMarkerRipple = isset($settings->enable_marker_ripple_effect) ? $settings->enable_marker_ripple_effect : false; // Popover $popoverPosition = empty($settings->popover_position) ? 'right' : $settings->popover_position; $popoverImageWithoutPadding = isset($settings->popover_image_without_padding) ? $settings->popover_image_without_padding : 1; $popoverImageBorder = !empty($settings->popover_image_border) ? $settings->popover_image_border : 'none'; // Title $titleStyle = (isset($settings->title_style) && $settings->title_style) ? $settings->title_style : null; $titleDecoration = !empty($settings->title_decoration) ? $settings->title_decoration : 'none'; $titleColor = !empty($settings->title_color) ? $settings->title_color : 'none'; // Meta $metaAlignment = !empty($settings->meta_alignment) ? $settings->meta_alignment : 'below_title'; // Link $linkText = !empty($settings->link_text) ? $settings->link_text : 'Read More'; if (strpos($background_image_src, "http://") !== false \|\| strpos($background_image_src, "https://") !== false) { $background_image_src = $background_image_src; } else { $original_src = Uri::base(true) . '/' . $background_image_src; $background_image_src = SppagebuilderHelperSite::cleanPath($original_src); } if ($background_image_src) { $alt = empty($settings->background_image_alt) ? '' : $settings->background_image_alt; $output .= '<picture> <img src="' . $background_image_src . '" alt="' . $alt . '" loading="eager"> </picture>'; } if (isset($settings->sp_popover_item) && is_array($settings->sp_popover_item) && count($settings->sp_popover_item)) { foreach ($settings->sp_popover_item as $key => $item) { // Marker $markerLeft = !isset($item->marker_left) ? 50 : $item->marker_left; $markerTop = !isset($item->marker_top) ? 50 : $item->marker_top; $markerClass = ""; $rippleElement = $enableMarkerRipple ? '<span class="sppb-popover-ripple-effect"></span>' : ''; $output .= '<button id="sppb-popover-marker" class="sppb-marker' . $markerClass . '" style="left: ' . $markerLeft . '%; top: ' . $markerTop . '%;" sppb-data="mode: ' . $markerMode . '" href="#" aria-label="Open" aria-haspopup="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="2.621" d="M2.104 8.655h13.103M8.654 2.104v13.103"/></svg>' . $rippleElement . '</button>'; // popover $popoverItemPosition = empty($item->popover_position) ? 'none' : $item->popover_position; $pos = $popoverItemPosition === 'none' ? $popoverPosition : $popoverItemPosition; $output .= '<div id="sppb-popover-content" sppb-data="pos: ' . $pos . '; mode: click; gap: ' . $gap . '" class="sppb-popover-wrap"> <div class="sppb-popover-content-item">'; // Image $image = empty($item->image) ? '' : $item->image; $image_src = isset($image->src) ? $image->src : $image; $image_width = (isset($image->width) && $image->width) ? $image->width : ''; $image_height = (isset($image->height) && $image->height) ? $image->height : ''; $imageWrapClass = ""; $imageClass = ""; if (!$popoverImageWithoutPadding) { $imageWrapClass .= ' sppb-padding'; if ($popoverImageBorder === 'rounded') { $imageClass .= ' sppb-border-rounded'; } else if ($popoverImageBorder === 'circle') { $imageClass .= ' sppb-border-circle'; } else if ($popoverImageBorder === 'pill') { $imageClass .= ' sppb-border-pill'; } } if ($image_src && $showImage) { $image_width ? 'width="' . $image_width . '"' : ''; $image_height ? 'height="' . $image_height . '"' : ''; $alt = empty($item->image_alt) ? '' : $item->image_alt; $output .= '<div class="sppb-card-media-top' . $imageWrapClass . '"> <picture> <img src="' . $image->src . '" ' . $image_width . ' ' . $image_height . ' class="' . $imageClass . '" alt="' . $alt . '"> </picture> </div>'; } $output .= '<div class="sppb-card-body">'; $metaElement = ""; // Meta $meta = empty($item->meta) ? '' : $item->meta; if ($meta) { $metaElement = '<div class="sppb-popover-content-meta">' . $meta . '</div>'; } if ($metaAlignment === 'above_title') { $output .= $metaElement; } // Title $title = empty($item->title) ? '' : $item->title; $titleClass = ""; if ($titleDecoration) { switch ($titleDecoration) { case 'divider': $titleClass .= ' sppb-decoration-divider'; break; case 'bullet': $titleClass .= ' sppb-decoration-bullet'; break; case 'line': $titleClass .= ' sppb-decoration-line'; break; } } if ($title && $showTitle) { if ($titleDecoration === 'line') { $backgroundColorClass = !empty($titleColor) && $titleColor === 'background' ? ' class="sppb-popover-text-background"' : ''; $output .= '<' . $titleStyle . ' class="sppb-popover-content-title' . $titleClass . '"><span' . $backgroundColorClass . '>' . $title . '</span></' . $titleStyle . '>'; } else { $titleClass .= !empty($titleColor) && $titleColor === 'background' ? ' sppb-popover-text-background' : ''; $output .= '<' . $titleStyle . ' class="sppb-popover-content-title' . $titleClass . '">' . $title . '</' . $titleStyle . '>'; } } if ($metaAlignment === 'below_title') { $output .= $metaElement; } // Content $content = empty($item->content) ? '' : $item->content; $contentClass = ""; if ($content && $showContent) { $output .= '<div class="sppb-popover-content-text' . $contentClass . '"><p>' . $content . '</p></div>'; } if ($metaAlignment === 'below_content') { $output .= $metaElement; } // Link list($href, $new_tab) = AddonHelper::parseLink($item, 'link', ['url' => 'link', 'new_tab' => 'target']); $linkItemText = empty($item->link_item_text) ? '' : $item->link_item_text; $hrefTag = !empty($href) ? 'href="' . $href . '"' : ''; $linkClass = ""; $linkWrapClass = ""; if ($hrefTag && $showLink) { $text = empty($linkItemText) ? $linkText : $linkItemText; $output .= '<div class="sppb-popover-content-link-wrap' . $linkWrapClass . '">'; $output .= '<a ' . $hrefTag . ' ' . $new_tab . ' class="sppb-popover-content-link' . $linkClass . '">' . $text . '</a>'; $output .= '</div>'; } $output .= '</div></div></div>'; } } $output .= '</div> </div>'; $output .= ($addon_title && $addon_title_position === 'bottom') ? '<' . $addon_heading_selector . ' class="sppb-addon-title" style="display: block;">' . $addon_title . '</' . $addon_heading_selector . '>' : ''; $output .= '</div>'; //.sppb-addon-popover return $output; } /* * The Popover addon's CSS stylings. * * @return string The CSS string. * @since 5.1.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ""; $css .= $cssHelper->generateStyle( '.sppb-popover-content-item', $settings, [ 'popover_background_color' => 'background-color' ], ['popover_background_color' => false], ); $css .= $cssHelper->generateStyle( '.sppb-popover-content-item .sppb-card-body', $settings, [ 'popover_padding' => 'padding', ], ['popover_padding' => false], ['popover_padding' => 'spacing'] ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-ripple-effect::before', $settings, [ 'marker_background_color' => 'background-color' ], ['marker_background_color' => false], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-ripple-effect::after', $settings, [ 'marker_background_color' => 'background-color' ], ['marker_background_color' => false], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', $settings, [ 'background_image_width' => ['width', 'max-width'], 'background_image_height' => 'height' ], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', $settings, [ 'popover_image_width' => ['width', 'max-width'], 'popover_image_height' => 'height', 'popover_image_padding' => 'padding', ], ['popover_image_padding' => false], ['popover_image_padding' => 'spacing'], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-content-title', $settings, [ 'title_color' => 'color', 'popover_title_margin' => 'margin', 'popover_title_padding' => 'padding', ], ['title_color' => false, 'popover_title_padding' => false, 'popover_title_margin' => false], ['popover_title_padding' => 'spacing', 'popover_title_margin' => 'spacing'] ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-content-text', $settings, [ 'popover_content_margin' => 'margin', 'popover_content_padding' => 'padding', 'popover_content_color' => 'color' ], ['popover_content_color' => false, 'popover_content_margin' => false, 'popover_content_padding' => false], ['popover_content_margin' => 'spacing', 'popover_content_padding' => 'spacing'] ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-content-link-wrap > a', $settings, [ 'popover_link_color' => 'color', ], [ 'popover_link_color' => false ] ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-content-link-wrap', $settings, [ 'popover_link_margin' => 'margin', 'popover_link_padding' => 'padding', ], ['popover_link_margin' => false, 'popover_link_padding' => false], ['popover_link_margin' => 'spacing', 'popover_link_padding' => 'spacing'] ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-content-meta', $settings, [ 'meta_color' => 'color', 'popover_meta_margin' => 'margin', 'popover_meta_padding' => 'padding', ], ['meta_color' => false, 'popover_meta_margin' => false, 'popover_meta_padding' => false], ['popover_meta_margin' => 'spacing', 'popover_meta_padding' => 'spacing'] ); // Marker $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-marker', $settings, [ 'marker_size' => ['width', 'height'], 'marker_icon_color' => 'color', 'marker_background_color' => 'background-color', ], ['marker_icon_color' => false, 'marker_background_color' => false], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-marker > svg', $settings, [ 'marker_icon_size' => ['width', 'height'], ], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-marker:hover', $settings, [ 'marker_icon_color_hover' => 'color', 'marker_background_color_hover' => 'background-color', ], ['marker_icon_color_hover' => false, 'marker_background_color_hover' => false], ); $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-popover-wrap', $settings, [ 'popover_width' => 'width', ], 'px', [], null, null, 'max-width:1150px;' ); // typography $css .= $cssHelper->typography('.sppb-popover-content-title', $settings, 'popover_title_typography'); $css .= $cssHelper->typography('.sppb-popover-content-meta', $settings, 'popover_meta_typography'); $css .= $cssHelper->typography('.sppb-popover-content-text > p', $settings, 'popover_content_typography'); $css .= $cssHelper->typography('.sppb-popover-content-link-wrap > a', $settings, 'popover_link_typography'); $border_radius = (isset($settings->border_radius) && $settings->border_radius) ? $settings->border_radius : 0; if ($border_radius) { $border_radius = explode(" ", $settings->border_radius); } if (is_array($border_radius) && (count($border_radius) > 2)) { $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', $settings, [ 'border_radius' => 'border-radius', ], [ 'border_radius' => false ], [ 'border_radius' => 'spacing' ] ); } else { $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', $settings, [ 'border_radius' => 'border-radius', ] ); } $popover_image_border_radius = (isset($settings->popover_image_border_radius) && $settings->popover_image_border_radius) ? $settings->popover_image_border_radius : 0; if ($popover_image_border_radius) { $popover_image_border_radius = explode(" ", $settings->popover_image_border_radius); } if (is_array($popover_image_border_radius) && (count($popover_image_border_radius) > 2)) { $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', $settings, [ 'popover_image_border_radius' => 'border-radius', ], [ 'popover_image_border_radius' => false ], [ 'popover_image_border_radius' => 'spacing' ] ); } else { $css .= $cssHelper->generateStyle( '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', $settings, [ 'popover_image_border_radius' => 'border-radius', ] ); } return $css; } public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/addons/popover.js'); } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 5.1.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $output .= $lodash->color( 'background-color', '.sppb-popover-content-item', 'data.popover_background_color' ); $output .= $lodash->spacing( 'padding', '.sppb-popover-content-item', 'data.popover_padding' ); $output .= $lodash->color( 'background-color', '.sppb-addon.sppb-addon-popover .sppb-popover-ripple-effect::before', 'data.marker_background_color' ); $output .= $lodash->color( 'background-color', '.sppb-addon.sppb-addon-popover .sppb-popover-ripple-effect::after', 'data.marker_background_color' ); $output .= $lodash->unit( 'height', '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', 'data.background_image_height', 'px' ); $output .= $lodash->unit( 'width', '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', 'data.background_image_width', 'px' ); $output .= $lodash->unit( 'max-width', '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', 'data.background_image_width', 'px' ); $output .= $lodash->unit( 'height', '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', 'data.popover_image_height', 'px' ); $output .= $lodash->unit( 'width', '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', 'data.popover_image_width', 'px' ); $output .= $lodash->unit( 'max-width', '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', 'data.popover_image_width', 'px' ); $output .= $lodash->color( 'color', '.sppb-addon.sppb-addon-popover .sppb-popover-content-title', 'data.title_color' ); $output .= $lodash->spacing( 'padding', '.sppb-addon.sppb-addon-popover .sppb-popover-content-title', 'data.popover_title_padding' ); $output .= $lodash->spacing( 'margin', '.sppb-addon.sppb-addon-popover .sppb-popover-content-title', 'data.popover_title_margin' ); $output .= $lodash->color( 'color', '.sppb-addon.sppb-addon-popover .sppb-popover-content-text', 'data.popover_content_color' ); $output .= $lodash->unit( 'margin-top', '.sppb-addon.sppb-addon-popover .sppb-popover-content-text', 'data.content_margin_top' ); $output .= $lodash->color( 'color', '.sppb-addon.sppb-addon-popover .sppb-popover-content-link-wrap > a', 'data.popover_link_color' ); $output .= $lodash->spacing( 'padding', '.sppb-addon.sppb-addon-popover .sppb-popover-content-link-wrap', 'data.popover_content_padding' ); $output .= $lodash->spacing( 'margin', '.sppb-addon.sppb-addon-popover .sppb-popover-content-link-wrap', 'data.popover_content_margin' ); $output .= $lodash->color( 'color', '.sppb-addon.sppb-addon-popover .sppb-popover-content-meta', 'data.meta_color' ); $output .= $lodash->spacing( 'padding', '.sppb-addon.sppb-addon-popover .sppb-popover-content-meta', 'data.popover_meta_padding' ); $output .= $lodash->spacing( 'margin', '.sppb-addon.sppb-addon-popover .sppb-popover-content-meta', 'data.popover_meta_margin' ); // Marker $output .= $lodash->color( 'color', '.sppb-addon.sppb-addon-popover .sppb-marker', 'data.marker_icon_color' ); $output .= $lodash->color( 'background-color', '.sppb-addon.sppb-addon-popover .sppb-marker', 'data.marker_background_color' ); $output .= $lodash->unit( 'width', '.sppb-addon.sppb-addon-popover .sppb-marker', 'data.marker_size', 'px' ); $output .= $lodash->unit( 'height', '.sppb-addon.sppb-addon-popover .sppb-marker', 'data.marker_size', 'px' ); $output .= $lodash->unit( 'width', '.sppb-addon.sppb-addon-popover .sppb-marker > svg', 'data.marker_icon_size', 'px' ); $output .= $lodash->unit( 'height', '.sppb-addon.sppb-addon-popover .sppb-marker > svg', 'data.marker_icon_size', 'px' ); $output .= $lodash->color( 'color', '.sppb-addon.sppb-addon-popover .sppb-marker:hover', 'data.marker_icon_color_hover' ); $output .= $lodash->color( 'background-color', '.sppb-addon.sppb-addon-popover .sppb-marker:hover', 'data.marker_background_color_hover' ); $output .= $lodash->unit( 'width', '.sppb-addon.sppb-addon-popover .sppb-popover-wrap', 'data.popover_width', 'px' ); // typography $output .= $lodash->typography('.sppb-popover-content-title', 'data.popover_title_typography'); $output .= $lodash->typography('.sppb-popover-content-meta', 'data.popover_meta_typography'); $output .= $lodash->typography('.sppb-popover-content-text > p', 'data.popover_content_typography'); $output .= $lodash->typography('.sppb-popover-content-link-wrap > a', 'data.popover_link_typography'); // title $typographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $typographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= '<# if((data.border_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', '.sppb-addon.sppb-addon-popover .sppb-inline > picture img', 'data.border_radius', 'px'); $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-addon.sppb-addon-popover .sppb-inline > picture img { {{window.getSplitRadius(data.border_radius)}} }'; $output .= '<# } #>'; $output .= '<# if((data.popover_image_border_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', '.sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img', 'data.popover_image_border_radius', 'px'); $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} .sppb-addon.sppb-addon-popover .sppb-card-media-top > picture img { {{window.getSplitRadius(data.border_radius)}} }';; $output .= '<# } #>'; $output .= '</style>'; $output .= ' <# var addon_title = (!_.isEmpty(data.title) && data.title) ? data.title : ""; var addon_title_position = (!_.isEmpty(data.title_position) && data.title_position) ? data.title_position : "top"; var addon_heading_selector = (!_.isEmpty(data.heading_selector) && data.heading_selector) ? data.heading_selector : "h3"; // Common Settings var background_image_src = !_.isEmpty(data.background_image.src) ? data.background_image.src : data.background_image; var gap = !_.isEmpty(data.gap) ? data.gap : 10; // Display var showTitle = !_.isUndefined(data.show_title) ? !!data.show_title : true; var showContent = !_.isUndefined(data.show_content) ? !!data.show_content : true; var showImage = !_.isUndefined(data.show_image) ? !!data.show_image : true; var showLink = !_.isUndefined(data.show_link) ? !!data.show_link : true; // Marker var markerMode = (!_.isEmpty(data.marker_mode) && data.marker_mode) ? data.marker_mode : "click"; var enableMarkerRipple = !_.isUndefined(data.enable_marker_ripple_effect) ? !!data.enable_marker_ripple_effect : false; // Popover var popoverPosition = _.isEmpty(data.popover_position) ? "right" : data.popover_position; var popoverImageWithoutPadding = !_.isEmpty(data.popover_image_without_padding) ? data.popover_image_without_padding : 1; var popoverImageBorder = !_.isEmpty(data.popover_image_border) ? data.popover_image_border : "none"; // Title var titleStyle = (!_.isEmpty(data.title_style) && data.title_style) ? data.title_style : null; var titleDecoration = !_.isEmpty(data.title_decoration) ? data.title_decoration : "none"; var titleColor = !_.isEmpty(data.title_color) ? data.title_color : "none"; // Meta var metaAlignment = !_.isEmpty(data.meta_alignment) ? data.meta_alignment : "below_title"; // Link var linkText = !_.isEmpty(data.link_text) ? data.link_text : "Read More"; #>'; $output .= '<div class="sppb-addon sppb-addon-popover"> <# if( !_.isEmpty( data.title ) && addon_title_position != "bottom" ){ #><{{ addon_heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ addon_heading_selector }}><# } #> <div class="sppb-addon-content"> <div id="sppb-popover-inline" class="sppb-inline"> <# if (background_image_src) { var alt = _.isEmpty(data.background_image_alt) ? "" : data.background_image_alt; #> <picture> <img src={{background_image_src}} alt={{alt}} loading="eager"> </picture> <# } #> <# if (data?.sp_popover_item?.length > 0) { data.sp_popover_item.forEach((item) => { // Marker var markerLeft = item?.marker_left ?? 50; var markerTop = item?.marker_top ?? 50; var markerClass = ""; var rippleElement = enableMarkerRipple ? "<span class=sppb-popover-ripple-effect></span>" : ""; #> <button id="sppb-popover-marker" class="sppb-marker {{markerClass}}" style="left: {{markerLeft}}%; top: {{markerTop}}%;" sppb-data="mode: {{markerMode}}" href="#" aria-label="Open" aria-haspopup="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-width="2.621" d="M2.104 8.655h13.103M8.654 2.104v13.103"/></svg> {{{rippleElement}}} </button> <# // popover var popoverItemPosition = _.isEmpty(item.popover_position) ? "none" : item.popover_position; var pos = popoverItemPosition === "none" ? popoverPosition : popoverItemPosition; #> <div id="sppb-popover-content" sppb-data="pos: {{pos}}; mode: click; gap: {{gap}}" class="sppb-popover-wrap"> <div class="sppb-popover-content-item"> <# // Image var image = _.isEmpty(item.image) ? "" : item.image; var image_src = !_.isEmpty(image.src) ? image.src : image; var image_width = (!_.isEmpty(image.width) && image.width) ? image.width : ""; var image_height = (!_.isEmpty(image.height) && image.height) ? image.height : ""; var imageWrapClass = ""; var imageClass = ""; if (image_src && showImage) { alt = _.isEmpty(item.image_alt) ? "" : item.image_alt; #> <div class="sppb-card-media-top {{imageWrapClass}}"> <picture> <img src={{image.src}} class={{imageClass}} alt={{alt}}> </picture> </div> <# } #> <div class="sppb-card-body"> <# var metaElement = ""; // Meta var meta = _.isEmpty(item.meta) ? "" : item.meta; if (meta) { metaElement = "<div class=sppb-popover-content-meta>" + meta + "</div>"; } if (metaAlignment === "above_title") { #> {{{metaElement}}} <# } #> <# // Title var title = _.isEmpty(item.title) ? "" : item.title; var titleClass = ""; if (titleDecoration) { switch (titleDecoration) { case "divider": titleClass += " sppb-decoration-divider"; break; case "bullet": titleClass += " sppb-decoration-bullet"; break; case "line": titleClass += " sppb-decoration-line"; break; } } if (title && showTitle) { if (titleDecoration === "line") { var backgroundColorClass = !_.isEmpty(titleColor) && titleColor === "background" ? " class=sppb-popover-text-background" : ""; #> <{{titleStyle}} class="sppb-popover-content-title {{titleClass}}"><span {{backgroundColorClass}}>{{title}}</span></ {{titleStyle}}> <# } else { titleClass += !_.isEmpty(titleColor) && titleColor === "background" ? " sppb-popover-text-background" : ""; #> <{{titleStyle}} class="sppb-popover-content-title {{titleClass}}">{{title}}</ {{titleStyle}}> <# } } #> <# if (metaAlignment === "below_title") { #> {{{metaElement}}} <# } #> <# // Content var content = _.isEmpty(item.content) ? "" : item.content; var contentClass = ""; if (content && showContent) { #> <div class="sppb-popover-content-text {{contentClass}}"><p>{{{content}}}</p></div> <# } if (metaAlignment === "below_content") { #> {{{metaElement}}} <# } // Link const isUrlObject = _.isObject(data?.url) && ( !!data?.url?.url \|\| !!data?.url?.page \|\| !!data?.url?.menu); const isUrlString = _.isString(data?.url) && data?.url !== ""; let href; let target; let rel; let relData=""; if(isUrlObject \|\| isUrlString ){ const urlObj = data?.url?.url ? data?.url : window.getSiteUrl(data?.url, data?.target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; target = new_tab ? `target="_blank"` : ""; relData += nofollow ? "nofollow" : ""; relData += noopener ? " noopener" : ""; relData += noreferrer ? " noreferrer" : ""; rel = `rel="${relData}"`; const buttonUrl = (type === "url" && url) \|\| ( type === "menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page ) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" + urlObj.page) \|\| ""; href = buttonUrl ? `href=${buttonUrl}` : ""; } var linkItemText = _.isEmpty(item.link_item_text) ? "" : item.link_item_text; var linkClass = ""; var linkWrapClass = ""; if (href && showLink) { var text = _.isEmpty(linkItemText) ? linkText : linkItemText; #> <div class="sppb-popover-content-link-wrap {{linkWrapClass}}"> <a {{href}} {{target}} {{rel}} class="sppb-popover-content-link {{linkClass}}">{{text}}</a> </div> <# } #> </div> </div> </div> <# }) } #> </div> </div> <# if( !_.isEmpty( data.title ) && addon_title_position === "bottom" ){ #><{{ addon_heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ addon_heading_selector }}><# } #> </div>'; return $output; } } ��popover/admin.php��0000644��00000054075�15231074400�0010046 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'popover', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.56168 13.5792V7.4095C7.56168 6.63105 8.16333 6 8.90551 6H19.6562C20.3983 6 21 6.63105 21 7.4095V15.8665C21 16.6449 20.3983 17.276 19.6562 17.276H11.0356C11.0537 17.4385 11.063 17.6039 11.063 17.7715C11.063 20.1069 9.25812 22 7.0315 22C4.80487 22 3 20.1069 3 17.7715C3 15.4361 4.80487 13.543 7.0315 13.543C7.21121 13.543 7.38818 13.5553 7.56168 13.5792ZM8.90551 7.4095H19.6562V15.8665H10.6317C10.2531 15.0808 9.64757 14.436 8.90551 14.0266V7.4095ZM7.25078 16.2404C7.30894 16.3014 7.34161 16.3842 7.34161 16.4704V17.4462H8.27196C8.3542 17.4462 8.43308 17.4805 8.49124 17.5415C8.5494 17.6025 8.58207 17.6852 8.58207 17.7715C8.58207 17.8578 8.5494 17.9405 8.49124 18.0015C8.43308 18.0625 8.3542 18.0968 8.27196 18.0968H7.34161V19.0726C7.34161 19.1588 7.30894 19.2416 7.25078 19.3026C7.19262 19.3636 7.11374 19.3979 7.0315 19.3979C6.94925 19.3979 6.87037 19.3636 6.81221 19.3026C6.75405 19.2416 6.72138 19.1588 6.72138 19.0726V18.0968H5.79104C5.70879 18.0968 5.62991 18.0625 5.57175 18.0015C5.51359 17.9405 5.48092 17.8578 5.48092 17.7715C5.48092 17.6852 5.51359 17.6025 5.57175 17.5415C5.62991 17.4805 5.70879 17.4462 5.79104 17.4462H6.72138V16.4704C6.72138 16.3842 6.75405 16.3014 6.81221 16.2404C6.87037 16.1794 6.94925 16.1452 7.0315 16.1452C7.11374 16.1452 7.19262 16.1794 7.25078 16.2404Z" fill="currentColor"/> </svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_CONTENT'), 'fields' => [ 'background_image' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_BACKGROUND_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_BACKGROUND_IMAGE_DESC'), 'type' => 'media', 'std' => [ 'src' => 'https://sppagebuilder.com/images/addons/popover/image.webp', 'height' => '', 'width' => '', ], ], 'background_image_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_BACKGROUND_IMAGE_WIDTH'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'background_image_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_BACKGROUND_IMAGE_HEIGHT'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'background_image_alt' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_BACKGROUND_IMAGE_ALT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_BACKGROUND_IMAGE_ALT_DESC'), 'std' => '', ], 'border_radius' => [ 'type' => 'advancedslider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'max' => 1200, ], ], ], 'popover_items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_ITEMS'), 'fields' => [ 'sp_popover_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_ITEMS'), 'std' => [ [ 'title' => 'Title', 'content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'image' => ['src' => 'https://sppagebuilder.com/images/addons/popover/inset.webp'], 'marker_left' => 20, 'marker_top' => 63, ], [ 'title' => 'Title', 'content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'image' => ['src' => 'https://sppagebuilder.com/images/addons/popover/inset.webp'], 'marker_left' => 40, 'marker_top' => 38, ], [ 'title' => 'Title', 'content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'image' => ['src' => 'https://sppagebuilder.com/images/addons/popover/inset.webp'], 'marker_left' => 55, 'marker_top' => 40, ], [ 'title' => 'Title', 'content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', 'image' => ['src' => 'https://sppagebuilder.com/images/addons/popover/inset.webp'], 'marker_left' => 41, 'marker_top' => 81, ], ], 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_TITLE_DESC'), 'std' => '', ], 'meta' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_META'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_META_DESC'), 'std' => '', ], 'content' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_CONTENT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_CONTENT_DESC'), 'std' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.', ], 'image' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_IMAGE_DESC'), 'type' => 'media', 'std' => [ 'src' => '', 'height' => '', 'width' => '', ], ], 'image_alt' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_IMAGE_ALT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_IMAGE_ALT_DESC'), 'std' => '', ], 'link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_LINK'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_LINK_DESC'), ], 'link_item_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_LINK_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_LINK_DESC'), 'std' => '', ], 'marker' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_MARKER'), 'fields' => [ 'marker_left' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_MARKER_LEFT'), 'max' => 100, 'min' => 0, 'std' => 50, ], 'marker_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_MARKER_TOP'), 'max' => 100, 'min' => 0, 'std' => 50, ], ], ], 'popover' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_POPOVER'), 'fields' => [ 'popover_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_POPOVER_POSITION'), 'values' => [ 'none' => 'None', 'top' => 'Top', 'bottom' => 'Bottom', 'left' => 'Left', 'right' => 'Right', ], 'std' => 'none', ], ], ], ], ], ], ], 'display' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_DISPLAY'), 'desc' => 'Show or hide content fields without the need to delete the content itself.', 'fields' => [ 'show_title' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_DISPLAY_SHOW_TITLE'), 'std' => 1, ], 'show_meta_text' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_DISPLAY_SHOW_META_TEXT'), 'std' => 1, ], 'show_content' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_DISPLAY_SHOW_CONTENT'), 'std' => 1, ], 'show_image' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_DISPLAY_SHOW_IMAGE'), 'std' => 1, ], 'show_link' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_DISPLAY_SHOW_LINK'), 'std' => 1, ], ], ], 'marker' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_MARKER'), 'fields' => [ 'marker_mode' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_MODE'), 'values' => [ 'click' => 'Click', 'hover' => 'Hover', ], 'std' => 'click', ], 'enable_marker_ripple_effect' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_RIPPLE_EFFECT'), 'std' => 0, ], 'marker_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_SIZE'), 'min' => 0, 'std' => ['xl' => 32], 'responsive' => true, ], 'marker_icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_ICON_SIZE'), 'min' => 0, 'std' => ['xl' => 16], 'responsive' => true, ], 'popover_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'normal', 'tabs' => true, ], 'marker_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_BG_COLOR'), 'depends' => [['popover_style_tab', '=', 'normal']] ], 'marker_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_BG_COLOR'), 'depends' => [['popover_style_tab', '!=', 'normal']] ], 'marker_icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_ICON_COLOR'), 'depends' => [['popover_style_tab', '=', 'normal']] ], 'marker_icon_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_MARKER_ICON_COLOR'), 'depends' => [['popover_style_tab', '!=', 'normal']] ], ], ], 'popover' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_POPOVER'), 'fields' => [ 'popover_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_POPOVER_POSITION'), 'values' => [ 'top' => 'Top', 'bottom' => 'Bottom', 'left' => 'Left', 'right' => 'Right', ], 'std' => 'right', ], 'popover_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_POPOVER_BG_COLOR'), 'std' => '#FFFFFF' ], 'popover_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_POPOVER_WIDTH'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_GAP'), ], 'popover_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'popover_title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_TITLE'), 'fields' => [ 'title_style' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_TITLE_STYLE'), 'std' => 'h3', ], 'title_decoration' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_TITLE_DECORATION'), 'values' => [ 'none' => 'None', 'divider' => 'Divider', 'bullet' => 'Bullet', 'line' => 'Line', ], 'std' => 'none', ], 'title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_TITLE_COLOR'), ], 'popover_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'popover_title_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'popover_title_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'popover_meta' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_META'), 'fields' => [ 'meta_alignment' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_META_ALIGNMENT'), 'values' => [ 'above_title' => 'Above Title', 'below_title' => 'Below Title', 'below_content' => 'Below Content', ], 'std' => 'below_title', ], 'meta_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_META_COLOR'), ], 'popover_meta_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'popover_meta_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'popover_meta_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'popover_text_content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_TEXT_CONTENT'), 'fields' => [ 'popover_content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_META_COLOR'), ], 'popover_content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'popover_content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'popover_content_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'popover_image' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_IMAGE'), 'fields' => [ 'popover_image_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_IMAGE_WIDTH'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'popover_image_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_IMAGE_HEIGHT'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'popover_image_border_radius' => [ 'type' => 'advancedslider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'max' => 1200, ], 'popover_image_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'popover_link' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_GROUP_LINK'), 'fields' => [ 'link_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_LINK_TEXT'), 'std' => 'Read More', ], 'popover_link_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_POPOVER_SETTINGS_META_COLOR'), ], 'popover_link_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), ], 'popover_link_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], 'popover_link_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_DESC'), 'std' => ['xl' => '', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'responsive' => true ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => 'Top', 'bottom' => 'Bottom', ], 'std' => 'top', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��popover/.htaccess��0000555��00000000355�15231074400�0010034 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��columns/site.php��0000644��00000001023�15231074400�0007671 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonColumns extends SppagebuilderAddons { public function render() { return ''; } public function css() { $settings = $this->addon->settings; return ''; } public static function getTemplate() { return ''; } } ��columns/admin.php��0000644��00000002051�15231074400�0010017 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig( [ 'type' => 'structure', 'addon_name' => 'columns', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_AJAX_CONTACT_COLUMN_OPTION'), 'desc' => Text::_('Columns Addon'), 'category' => 'Structure', 'icon' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.143 3v26h8.571V3H3.143zM2.07 1C1.48 1 1 1.448 1 2v28c0 .552.48 1 1.071 1h10.715c.591 0 1.071-.448 1.071-1V2c0-.552-.48-1-1.071-1H2.07zM20.286 3v26h8.571V3h-8.571zm-1.072-2c-.591 0-1.071.448-1.071 1v28c0 .552.48 1 1.071 1H29.93C30.52 31 31 30.552 31 30V2c0-.552-.48-1-1.072-1H19.215z" fill="currentColor"></path></svg>', 'attr' => [ 'general' => [], ], ] ); ��columns/.htaccess��0000555��00000000355�15231074400�0010022 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��timeline/assets/images/Icon.png��0000644��00000003500�15231074400�0012511 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:OriginalDocumentID="xmp.did:01C2924540E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:2BE659CDD1B411E68E64E45BC31FB4B8" xmpMM:InstanceID="xmp.iid:2BE659CCD1B411E68E64E45BC31FB4B8" xmp:CreatorTool="Adobe Photoshop CC 2017 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:eb62a7cd-cf57-4ecd-8e28-aa691b3ec02a" stRef:documentID="adobe:docid:photoshop:20aaabb0-1a0c-117a-9dfc-aea39044804f"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��TIDATx��\IhA�v�J4�%񦹸��'�D��!��"Ƞ7\��A0 "^ "��9�� qAqf��f��,=��{�ȯ��yS��WUW�l6k��1�<��\��9/%�4<��\��gj�`�A0�a1C��H�K�e��׈�'2o9��z�hu��f�N}q-q�<,�^G�q�O��)��&�AQ�C�Cz�)�\|$.�x5�%��묯M渉Y��&K ��#">@<��3c�V\&n�xӽ.ӊ��Ӕ�y�-��2�n�`��8D��u{�i�~�\�[��X�#�G�3��N��:�Nkz��Mw��!Xe��ݱ� �`�` "X�C��`�X,b�8Ь��jE"��?b�8B<#ʳ��Mn=� ��Fn6�/��B��4$O��񳘐�6$�6�U�l7@��C��׭�&��ﯚ��R��_�?�묢};3,��o�S�.?!>#nmk3�j��R�8�L�Ӌ��}$��c��5��8G�ƈ_C��X��gT}��@�X)�+�M+,�L��7�`�` X�c��A�`�Đ��5.�k$'A�}9Y��p�p{�v ��?MCr �q��G�g w��a{ң�q��5,��a�;P��v7��G��p�=yv��ݺE�{�6�#�a�A_��ʞ��ï�D�~g��bg��M��0�B$��𾨳y�^�1d��xU�bs"�� wGih�O��j��\|��b�C��0$!��\� 0�2�5��IEND�B`��timeline/assets/images/.htaccess��0000555��00000000355�15231074400�0012717 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��timeline/assets/.htaccess��0000555��00000000355�15231074400�0011452 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��timeline/site.php��0000644��00000026405�15231074400�0010032 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonTimeline extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $output = ''; $output .= '<div class="sppb-addon sppb-addon-timeline ' . $class . '">'; $output .= '<div class="sppb-addon-timeline-text-wrap">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '</div>'; $output .= '<div class="sppb-addon-timeline-wrapper">'; foreach ($this->addon->settings->sp_timeline_items as $key => $timeline) { $oddEven = ($key & 1) === 0 ? 'even' : 'odd'; $output .= '<div class="sppb-row timeline-movement ' . $oddEven . '">'; $output .= '<div class="timeline-badge"></div>'; if ($oddEven === 'odd') { $output .= '<div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item">'; if (isset($timeline->date) && $timeline->date) { $output .= '<p class="timeline-date text-end text-right">' . $timeline->date . '</p>'; } $output .= '</div>'; $output .= '<div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item">'; $output .= '<div class="timeline-panel">'; if (isset($timeline->title) && $timeline->title) { $output .= '<p class="title">' . $timeline->title . '</p>'; } if (isset($timeline->content) && $timeline->content) { $output .= '<div class="details">' . $timeline->content . '</div>'; } $output .= '</div>'; $output .= '</div>'; } elseif ($oddEven === 'even') { $output .= '<div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item mobile-block">'; if (isset($timeline->date) && $timeline->date) { $output .= '<p class="timeline-date text-start text-left">' . $timeline->date . '</p>'; } $output .= '</div>'; $output .= '<div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item">'; $output .= '<div class="timeline-panel left-part">'; if (isset($timeline->title) && $timeline->title) { $output .= '<p class="title">' . $timeline->title . '</p>'; } if (isset($timeline->content) && $timeline->content) { $output .= '<div class="details">' . $timeline->content . '</div>'; } $output .= '</div>'; $output .= '</div>'; $output .= '<div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item mobile-hidden">'; if (isset($timeline->date) && $timeline->date) { $output .= '<p class="timeline-date text-start text-left">' . $timeline->date . '</p>'; } $output .= '</div>'; } $output .= '</div>'; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $barStyle = $cssHelper->generateStyle('.sppb-addon-timeline .sppb-addon-timeline-wrapper:before,.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after,.sppb-addon-timeline .timeline-movement.even:before', $settings, ['bar_color' => 'background-color'], false); $barBorderStyle = $cssHelper->generateStyle('.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before,.sppb-addon-timeline .timeline-movement.even:after', $settings, ['bar_color' => 'border-color'], false); $panelStyle = $cssHelper->generateStyle('.sppb-addon-timeline .timeline-panel', $settings, ['background_color' => 'background-color'], false); $panelStyle .= $cssHelper->generateStyle('.sppb-addon-timeline .timeline-panel:before', $settings, ['background_color' => ['border-right-color', 'border-top-color']], false); $contentStyle = $cssHelper->generateStyle('.sppb-addon-timeline .timeline-panel .details', $settings, ['item_content_color' => 'color'], false); $titleStyle = $cssHelper->generateStyle('.sppb-addon-timeline .timeline-panel .title', $settings, ['item_title_color' => 'color'], false); $dateStyle = $cssHelper->generateStyle('.sppb-addon-timeline .timeline-date', $settings, ['item_date_color' => 'color'], false); $contentFontStyle = $cssHelper->typography('.sppb-addon-timeline .timeline-panel .details', $settings, 'item_content_typography'); $titleFontStyle = $cssHelper->typography('.sppb-addon-timeline .timeline-panel .title', $settings, 'item_title_typography'); $dateFontStyle = $cssHelper->typography('.sppb-addon-timeline .timeline-date', $settings, 'item_date_typography'); $css .= $barStyle; $css .= $dateStyle; $css .= $panelStyle; $css .= $titleStyle; $css .= $contentStyle; $css .= $dateFontStyle; $css .= $titleFontStyle; $css .= $barBorderStyle; $css .= $contentFontStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{data.id}}'); $output = ' <style type="text/css"> '; $output .= $lodash->color('background-color', '.timeline-panel', 'data.background_color'); $output .= $lodash->unit('border-color', '.timeline-panel:before', 'data.background_color'); $output .= $lodash->color('background-color', '.sppb-addon-timeline .sppb-addon-timeline-wrapper:before, .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after, .timeline-movement.even:before', 'data.bar_color'); $output .= $lodash->unit('border-color', '.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before, .sppb-addon-timeline .timeline-movement.even:after', 'data.bar_color'); $output .= $lodash->color('color', '.title', 'data.item_title_color'); $output .= $lodash->color('color', '.details', 'data.item_content_color'); $output .= $lodash->color('color', '.timeline-date', 'data.item_date_color'); //Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); //Item Title $output .= $lodash->typography('.title', 'data.item_title_typography'); //Content $output .= $lodash->typography('.details', 'data.item_content_typography'); //Date $output .= $lodash->typography('.timeline-date', 'data.item_date_typography'); $output .= ' </style> <div class="sppb-addon sppb-addon-timeline {{ data.class }}"> <div class="sppb-addon-timeline-text-wrap"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> </div> <div class="sppb-addon-timeline-wrapper"> <# _.each(data.sp_timeline_items, function(timeline_item, key){ let oddeven = ((key%2) == 0 ) ? "even":"odd"; #> <div class="sppb-row timeline-movement {{oddeven}}"> <div class="timeline-badge"></div> <# if(oddeven == "odd") { #> <div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item"> <p class="timeline-date text-end text-right">{{ timeline_item.date }}</p> </div> <div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item"> <div class="timeline-panel"> <p class="title sp-editable-content" id="addon-title-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_timeline_items-{{key}}-title">{{ timeline_item.title }}</p> <div class="details sp-editable-content" id="addon-content-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_timeline_items-{{key}}-content">{{{ timeline_item.content }}}</div> </div> </div> <# } else { #> <div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item mobile-block"> <p class="timeline-date text-start text-left">{{ timeline_item.date }}</p> </div> <div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item"> <div class="timeline-panel left-part"> <p class="title sp-editable-content" id="addon-title-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_timeline_items-{{key}}-title">{{ timeline_item.title }}</p> <div class="details sp-editable-content" id="addon-content-{{data.id}}-{{key}}" data-id={{data.id}} data-fieldName="sp_timeline_items-{{key}}-content">{{{ timeline_item.content }}}</div> </div> </div> <div class="sppb-col-xs-12 sppb-col-sm-6 timeline-item mobile-hidden"> <p class="timeline-date text-start text-left">{{ timeline_item.date }}</p> </div> <# } #> </div> <# }) #> </div> </div>'; return $output; } }��timeline/admin.php��0000644��00000020333�15231074400�0010150 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'timeline', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TIMELINE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TIMELINE_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" d="M17.23 25.846h2.462c.739 0 1.231.492 1.231 1.23 0 .74-.492 1.232-1.23 1.232H17.23v2.461C17.23 31.508 16.738 32 16 32c-.739 0-1.23-.492-1.23-1.23v-9.847h-2.462c-.739 0-1.231-.492-1.231-1.23 0-.74.492-1.232 1.23-1.232h2.462V6.155h-2.461c-.739 0-1.231-.492-1.231-1.23 0-.74.492-1.232 1.23-1.232h2.462V1.231C14.77.492 15.261 0 16 0c.738 0 1.23.492 1.23 1.23v9.847h2.462c.739 0 1.231.492 1.231 1.23 0 .74-.492 1.232-1.23 1.232H17.23v12.307z" fill="currentColor"/><path d="M7.385 1.23H1.23C.492 1.23 0 1.724 0 2.463v4.923c0 .738.492 1.23 1.23 1.23h6.155c.738 0 1.23-.492 1.23-1.23V2.462c0-.739-.492-1.231-1.23-1.231z" fill="currentColor"/><path opacity=".5" d="M30.77 8.615h-6.155c-.738 0-1.23.493-1.23 1.231v4.923c0 .739.492 1.231 1.23 1.231h6.154c.739 0 1.231-.492 1.231-1.23V9.845c0-.738-.492-1.23-1.23-1.23zM7.385 16H1.23C.492 16 0 16.492 0 17.23v4.924c0 .738.492 1.23 1.23 1.23h6.155c.738 0 1.23-.492 1.23-1.23V17.23c0-.739-.492-1.231-1.23-1.231z" fill="currentColor"/><path d="M30.77 23.385h-6.155c-.738 0-1.23.492-1.23 1.23v4.924c0 .738.492 1.23 1.23 1.23h6.154c.739 0 1.231-.492 1.231-1.23v-4.924c0-.738-.492-1.23-1.23-1.23z" fill="currentColor"/></svg>', 'settings' => [ 'items' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'fields' => [ 'sp_timeline_items' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'std' => 'Timeline Item Title', ], 'content' => [ 'type' => 'editor', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'std' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.', ], 'date' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DATE'), 'std' => '12 June 2030', ], ], ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'options_tab' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'value' => 'typography'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'value' => 'color'], ], 'std' => 'typography', 'tabs' => true, ], 'item_title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'depends' => [ ['options_tab', '!=', 'color'] ], ], 'item_content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [ ['options_tab', '!=', 'color'] ], ], 'item_date_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TIMELINE_DATE'), 'depends' => [ ['options_tab', '!=', 'color'] ], ], 'bar_color' => [ 'type' => 'color', 'std' => '#3366FF', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TIMELINE_BAR_COLOR'), 'depends' => [ ['options_tab', '=', 'color'] ], ], 'background_color' => [ 'type' => 'color', 'std' => '#FFFFFF', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [ ['options_tab', '=', 'color'] ], ], 'item_title_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'depends' => [ ['options_tab', '=', 'color'] ], ], 'item_content_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [ ['options_tab', '=', 'color'] ], ], 'item_date_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TIMELINE_DATE'), 'depends' => [ ['options_tab', '=', 'color'] ], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��timeline/.htaccess��0000555��00000000355�15231074400�0010150 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonial_carousel/assets/images/testimonial-carousel-1.svg��0000644��00000006527�15231074400�0020570 0��ustar�00��<svg width="146" height="152" viewBox="0 0 146 152" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path fill="#F2F3F7" d="M0 0h146v152h-146z"/><g transform="translate(18.718 52.328)" fill="#D6D9DD"><rect id="Rectangle-Copy-6" width="108.564" height="3.738" rx="1.5"/><rect y="9.967" width="108.564" height="3.738" rx="1.5"/><rect y="19.934" width="78.615" height="3.738" rx="1.5"/></g><g transform="translate(18.718 108.885)" fill="#D6D9DD"><ellipse cx="11.231" cy="11.967" rx="11.231" ry="11.213"/><rect x="28.701" y="5.738" width="33.692" height="6.23" rx="3"/><rect x="28.701" y="15.705" width="49.915" height="2.492" rx="1.246"/></g><path d="M27.209 39.869h-5.491c-1.657 0-3-1.343-3-3v-5.695c0-3.201.678-5.728 2.034-7.579 1.356-1.852 3.681-3.487 6.974-4.906l2.483 4.62c-2.025.934-3.425 1.865-4.2 2.79-.775.926-1.206 2.02-1.294 3.283h2.494c1.657 0 3 1.343 3 3v4.486c0 1.657-1.343 3-3 3zm13.259 0h-5.491c-1.657 0-3-1.343-3-3v-5.695c0-3.201.678-5.728 2.034-7.579 1.356-1.852 3.681-3.487 6.974-4.906l2.483 4.62c-2.025.934-3.425 1.865-4.2 2.79-.775.926-1.206 2.02-1.294 3.283h2.494c1.657 0 3 1.343 3 3v4.486c0 1.657-1.343 3-3 3z" fill="#D6D9DD" fill-rule="nonzero"/><g fill="#D6D9DD" fill-rule="nonzero"><path d="M27.988 92.236c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256zM40.466 92.236c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256zM52.945 92.236c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256zM65.424 92.236c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256z"/><path d="M74.967 94.221l1.705-1.652-2.351-.345-1.053-2.125-1.053 2.125-2.351.345 1.705 1.652-.407 2.342 2.106-1.107 2.1 1.107-.401-2.342zm2.936-1.986c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .15-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256z"/></g></g></svg>��testimonial_carousel/assets/images/icon.png��0000644��00000001532�15231074400�0015173 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��!IDATx��k��յm۶m�fm۶�6�'��Ƶm-O�l�_��`g��O~ ��g��I�/}aY��ȃ��3X�_�=�@�` i�g\�� i��3XH��`� i��`�"4A��l?^H�킱A6�{MpQɟc�ȅ8X�lgi�j��t��F�b�B�i0�V�G"��q?��L�`�bC!,��C�`�a:`�!��8��`,�sb1%��u�,h0�� M�fŮKh0��)�v�!� ��7��bH�M �RnO�`�Z@b�� ^��p�} ��i&�#C�Eҟ�Ly�/1pי�n�FHH�Lz?�?$��Ȥ`�A��M�Xr-ć��_��a^�w!.�b)��ҿkb0�M��¿��n�NH�k�(�8 �xF��`o��5��6@J��`.إ�\|�%�v��' �>�UsL�i0 ��4��`,a4{�i0�أ��hܥ�<`��R�P\��c225X�H}5X�u��5�Ex 0bc7�26�}p�Q#��I\iT0�3�A�ۘ`�E�AB�oR��#;��0!XH�\|dB�q��ʄ`!1� �z@b�a�}��4!X66CB�h�a_��r�>4� ��3��V(�x� /��aC!=ѱ�_��靗��ى��6ġ�_,�sO�`�R��030��5�L�)Z�z��k0Z��bO��F���wb �3��]��;��^�F�SOϒ��nD".g�.6 �b��<y��4" o��IEND�B`��testimonial_carousel/assets/images/avatar-3.svg��0000644��00000000576�15231074400�0015703 0��ustar�00��<svg width="146" height="76" viewBox="0 0 146 76" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path fill="#F2F3F7" d="M0 0h146v76h-146z"/><g transform="translate(12.479 12.459)" fill="#D6D9DD"><ellipse cx="13.726" cy="13.705" rx="13.726" ry="13.705"/><rect y="33.639" width="49.915" height="7.475" rx="3"/><rect y="47.344" width="87.35" height="3.738" rx="1.5"/></g></g></svg>��testimonial_carousel/assets/images/testimonial-carousel-3.svg��0000644��00000006140�15231074400�0020561 0��ustar�00��<?xml version="1.0" encoding="UTF-8"?> <svg width="146px" height="153px" viewBox="0 0 146 153" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 57.1 (83088) - https://sketch.com --> <title>Group 16</title> <desc>Created with Sketch.</desc> <g id="Assets" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-Copy" transform="translate(-595.000000, -700.000000)"> <g id="Group-16" transform="translate(595.000000, 700.000000)"> <rect id="Rectangle-Copy-58" fill="#F2F3F7" x="0" y="0" width="146" height="152.239316"></rect> <g id="Group-7" transform="translate(7.487179, 12.478632)"> <path d="M127.025641,0 C129.23478,-4.05812251e-16 131.025641,1.790861 131.025641,4 L131.025641,67.1282051 C131.025641,69.3373441 129.23478,71.1282051 127.025641,71.1282051 L69.004,71.128 L64.8888889,76.2852963 L60.763,71.128 L4,71.1282051 C1.790861,71.1282051 8.11897984e-15,69.3373441 0,67.1282051 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L127.025641,0 Z" id="Combined-Shape" fill="#D6D9DD"></path> <g id="Group-10" transform="translate(12.478632, 34.940171)" fill="#F2F3F7"> <rect id="Rectangle-Copy-6" x="0" y="0" width="106.068376" height="3.74358974" rx="1.5"></rect> <rect id="Rectangle-Copy-16" x="0" y="9.98290598" width="106.068376" height="3.74358974" rx="1.5"></rect> <rect id="Rectangle-Copy-8" x="0" y="19.965812" width="76.1196581" height="3.74358974" rx="1.5"></rect> </g> <g id="Group-13" transform="translate(12.478632, 12.478632)" fill="#F2F3F7" font-family="FontAwesome" font-size="8" font-weight="normal"> <text id="Star---FontAwesome"> <tspan x="0" y="7.99145299"></tspan> </text> <text id="Star---FontAwesome-Copy"> <tspan x="12.4786325" y="7.99145299"></tspan> </text> <text id="Star---FontAwesome-Copy-2"> <tspan x="24.957265" y="7.99145299"></tspan> </text> <text id="Star---FontAwesome-Copy-3"> <tspan x="37.4358974" y="7.99145299"></tspan> </text> <text id="Star-Outlined---FontAwesome"> <tspan x="49.9145299" y="7.99145299"></tspan> </text> </g> </g> <circle id="Oval-Copy-5" fill="#D6D9DD" cx="73.6239316" cy="108.564103" r="11.2307692"></circle> <rect id="Rectangle" fill="#D6D9DD" x="57.4017094" y="126.034188" width="32.4444444" height="6.23931624" rx="3"></rect> <rect id="Rectangle-Copy-6" fill="#D6D9DD" x="48.6666667" y="136.017094" width="49.9145299" height="2.4957265" rx="1.24786325"></rect> </g> </g> </g> </svg>��testimonial_carousel/assets/images/avatar-2.svg��0000644��00000000640�15231074400�0015672 0��ustar�00��<svg width="146" height="76" viewBox="0 0 146 76" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><path fill="#F2F3F7" d="M0 0h146v76h-146z"/><g transform="translate(12.479 24.918)" fill="#D6D9DD"><ellipse cx="107.726" cy="13.705" rx="13.726" ry="13.705"/><rect id="Rectangle" x="37" y="5" width="49.915" height="7.475" rx="3"/><rect y="19" width="87.35" height="3.738" rx="1.5"/></g></g></svg>��testimonial_carousel/assets/images/testimonial-carousel-2.svg��0000644��00000006532�15231074400�0020565 0��ustar�00��<svg width="146" height="152" viewBox="0 0 146 152" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path fill="#F2F3F7" d="M0 0h146v152h-146z"/><g transform="translate(18.718 72.262)" fill="#D6D9DD"><rect id="Rectangle-Copy-6" width="108.564" height="3.738" rx="1.5"/><rect y="9.967" width="108.564" height="3.738" rx="1.5"/><rect y="19.934" width="78.615" height="3.738" rx="1.5"/></g><g transform="translate(18.718 19.18)" fill="#D6D9DD"><ellipse cx="11.231" cy="11.967" rx="11.231" ry="11.213"/><rect x="28.701" y="5.738" width="33.692" height="6.23" rx="3"/><rect x="28.701" y="15.705" width="49.915" height="2.492" rx="1.246"/></g><path d="M27.209 108.394h-5.491c-1.657 0-3 1.343-3 3v5.695c0 3.201.678 5.728 2.034 7.579 1.356 1.852 3.681 3.487 6.974 4.906l2.483-4.62c-2.025-.934-3.425-1.865-4.2-2.79-.775-.926-1.206-2.02-1.294-3.283h2.494c1.657 0 3-1.343 3-3v-4.486c0-1.657-1.343-3-3-3zm13.259 0h-5.491c-1.657 0-3 1.343-3 3v5.695c0 3.201.678 5.728 2.034 7.579 1.356 1.852 3.681 3.487 6.974 4.906l2.483-4.62c-2.025-.934-3.425-1.865-4.2-2.79-.775-.926-1.206-2.02-1.294-3.283h2.494c1.657 0 3-1.343 3-3v-4.486c0-1.657-1.343-3-3-3z" fill="#D6D9DD" fill-rule="nonzero"/><g fill="#D6D9DD" fill-rule="nonzero"><path d="M27.988 53.613c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256zM40.466 53.613c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256zM52.945 53.613c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256zM65.424 53.613c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .145-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256z"/><path d="M74.967 55.598l1.705-1.652-2.351-.345-1.053-2.125-1.053 2.125-2.351.345 1.705 1.652-.407 2.342 2.106-1.107 2.1 1.107-.401-2.342zm2.936-1.986c0 .1-.072.195-.145.267l-2.022 1.969.479 2.781.006.111c0 .15-.067.278-.228.278-.078 0-.156-.028-.223-.067l-2.501-1.313-2.501 1.313c-.072.039-.145.067-.223.067-.162 0-.234-.133-.234-.278l.011-.111.479-2.781-2.028-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.531c.05-.106.145-.228.273-.228.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.089.312.256z"/></g></g></svg>��testimonial_carousel/assets/images/avatar-4.svg��0000644��00000000637�15231074400�0015702 0��ustar�00��<svg width="146" height="76" viewBox="0 0 146 76" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="none"><path fill="#F2F3F7" d="M0 0h146v76h-146z"/><g transform="translate(12.479 36.459)" fill="#D6D9DD"><ellipse cx="13.726" cy="13.705" rx="13.726" ry="13.705"/><rect id="Rectangle" y="-23.361" width="49.915" height="7.475" rx="3"/><rect y="-10" width="87.35" height="3.738" rx="1.5"/></g></g></svg>��testimonial_carousel/assets/images/avatar-1.svg��0000644��00000000623�15231074400�0015672 0��ustar�00��<svg width="146" height="76" viewBox="0 0 146 76" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path fill="#F2F3F7" d="M0 0h146v76h-146z"/><g transform="translate(12.479 24.918)" fill="#D6D9DD"><ellipse cx="13.726" cy="13.705" rx="13.726" ry="13.705"/><rect x="33.692" y="4.984" width="49.915" height="7.475" rx="3"/><rect x="33.692" y="18.689" width="87.35" height="3.738" rx="1.5"/></g></g></svg>��testimonial_carousel/assets/images/.htaccess��0000555��00000000355�15231074400�0015336 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonial_carousel/assets/.htaccess��0000555��00000000355�15231074400�0014071 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��testimonial_carousel/site.php��0000644��00000127666�15231074400�0012464 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Uri\Uri; class SppagebuilderAddonTestimonial_carousel extends SppagebuilderAddons { public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? ' ' . $settings->class : ''; $testimonial_carousel_layout = (isset($settings->testimonial_carousel_layout) && $settings->testimonial_carousel_layout) ? $settings->testimonial_carousel_layout : ''; $carousel_autoplay = (isset($settings->carousel_autoplay) && $settings->carousel_autoplay) ? $settings->carousel_autoplay : 0; $carousel_speed = (isset($settings->carousel_speed) && $settings->carousel_speed) ? $settings->carousel_speed : 1500; $carousel_interval = (isset($settings->carousel_interval) && $settings->carousel_interval) ? $settings->carousel_interval : 4500; $carousel_margin_xl = 15; $carousel_margin_lg = ''; $carousel_margin_md = ''; $carousel_margin_sm = ''; $carousel_margin_xs = ''; if(isset($settings->carousel_margin_original) && is_object(($settings->carousel_margin_original))) { $carousel_margin_xl = (isset($settings->carousel_margin_original->xl) && $settings->carousel_margin_original->xl) ? $settings->carousel_margin_original->xl : ''; $carousel_margin_lg = (isset($settings->carousel_margin_original->lg) && $settings->carousel_margin_original->lg) ? $settings->carousel_margin_original->lg : ''; $carousel_margin_md = (isset($settings->carousel_margin_original->md) && $settings->carousel_margin_original->md) ? $settings->carousel_margin_original->md : ''; $carousel_margin_sm = (isset($settings->carousel_margin_original->sm) && $settings->carousel_margin_original->sm) ? $settings->carousel_margin_original->sm : ''; $carousel_margin_xs = (isset($settings->carousel_margin_original->xs) && $settings->carousel_margin_original->xs) ? $settings->carousel_margin_original->xs : ''; } else { $carousel_margin = (isset($settings->carousel_margin) && $settings->carousel_margin) ? $settings->carousel_margin : ''; $carousel_margin_xl = $carousel_margin; $carousel_margin_lg = $carousel_margin; $carousel_margin_md = $carousel_margin; $carousel_margin_sm = $carousel_margin; $carousel_margin_xs = $carousel_margin; } $carousel_item_number_xl = (isset($settings->carousel_item_number_original->xl) && $settings->carousel_item_number_original->xl) ? $settings->carousel_item_number_original->xl : 3; $carousel_item_number_lg = (isset($settings->carousel_item_number_original->lg) && $settings->carousel_item_number_original->lg) ? $settings->carousel_item_number_original->lg : 3; $carousel_item_number_md = (isset($settings->carousel_item_number_original->md) && $settings->carousel_item_number_original->md) ? $settings->carousel_item_number_original->md : 3; $carousel_item_number_sm = (isset($settings->carousel_item_number_original->sm) && $settings->carousel_item_number_original->sm) ? $settings->carousel_item_number_original->sm : 3; $carousel_item_number_xs = (isset($settings->carousel_item_number_original->xs) && $settings->carousel_item_number_original->xs) ? $settings->carousel_item_number_original->xs : 1; $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 0; //Arrow style $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 0; $arrow_icon = (isset($settings->arrow_icon) && $settings->arrow_icon) ? $settings->arrow_icon : 'angle'; $left_arrow = ''; $right_arrow = ''; if ($arrow_icon == 'long_arrow') { $left_arrow = 'fa-long-arrow-left'; $right_arrow = 'fa-long-arrow-right'; } else { $left_arrow = 'fa-angle-left'; $right_arrow = 'fa-angle-right'; } //Quote icon $quote_icon = ''; if (isset($settings->show_quote_icon) && $settings->show_quote_icon) { $quote_icon .= '<div class="sppb-testimonial-carousel-icon">'; $quote_icon .= '<i class="fa fa-quote-left" aria-hidden="true"></i>'; $quote_icon .= '</div>'; } //Output $output = '<div class="sppb-addon sppb-carousel-extended' . $class . ' sppb-testimonial-carousel-' . $testimonial_carousel_layout . '" data-left-arrow="' . $left_arrow . '" data-right-arrow="' . $right_arrow . '" data-arrow="' . $carousel_arrow . '" data-dots="' . $carousel_bullet . '" data-testi-layout="' . $testimonial_carousel_layout . '" data-autoplay="' . $carousel_autoplay . '" data-speed="' . $carousel_speed . '" data-interval="' . $carousel_interval . '" data-margin-xl="' . $carousel_margin_xl . '" data-margin-lg="' . $carousel_margin_lg . '" data-margin-md="' . $carousel_margin_md . '" data-margin-sm="' . $carousel_margin_sm . '" data-margin-xs="' . $carousel_margin_xs . '" data-item-number-xl="' . $carousel_item_number_xl . '" data-item-number-lg="' . $carousel_item_number_lg . '" data-item-number-md="' . $carousel_item_number_md . '" data-item-number-sm="' . $carousel_item_number_sm . '" data-item-number-xs="' . $carousel_item_number_xs . '">'; if (isset($settings->sp_testimonial_carousel_item) && is_array($settings->sp_testimonial_carousel_item)) { foreach ($settings->sp_testimonial_carousel_item as $item_key => $carousel_item) { $uniqId = 'sppb-testi-' . $this->addon->id . '-carousel-item-key-' . $item_key; $client_details = ''; $carousel_img = isset($carousel_item->testimonial_carousel_img) && $carousel_item->testimonial_carousel_img ? $carousel_item->testimonial_carousel_img : ''; $carousel_img_src = isset($carousel_img->src) ? $carousel_img->src : $carousel_img; $client_details .= '<div class="sppb-testimonial-carousel-content-wrap">'; if ($carousel_img_src) { $client_details .= '<div class="sppb-testimonial-carousel-img-wrap">'; $client_details .= '<img src="' . $carousel_img_src . '" alt="' . (isset($carousel_item->client_name) ? $carousel_item->client_name : '') . '">'; $client_details .= '</div>'; } $client_details .= '<div class="sppb-testimonial-carousel-name-designation">'; if (isset($carousel_item->client_name)) { $client_details .= '<div class="sppb-testimonial-carousel-name">'; $client_details .= $carousel_item->client_name; $client_details .= '</div>'; } if (isset($carousel_item->client_desgination)) { $client_details .= '<div class="sppb-testimonial-carousel-designation">'; $client_details .= $carousel_item->client_desgination; $client_details .= '</div>'; } $client_details .= '</div>'; $client_details .= '</div>'; $rating = ''; if (isset($carousel_item->show_rating) && $carousel_item->show_rating) { $rating .= '<div class="sppb-testimonial-carousel-client-rating rating-key-' . $item_key . '"><span class="sppb-testimonial-carousel-rating"></span></div>'; } $output .= '<div id="' . $uniqId . '" class="sppb-carousel-extended-item">'; if ($testimonial_carousel_layout == 'testi_layout1') { $output .= $quote_icon; } if ($testimonial_carousel_layout == 'testi_layout2') { $output .= $client_details; }; $output .= '<div class="sppb-testimonial-carousel-item-content">'; if ($testimonial_carousel_layout == 'testi_layout2' \|\| $testimonial_carousel_layout == 'testi_layout3') { $output .= $rating; }; if (isset($carousel_item->client_message)) { $output .= '<div class="sppb-testimonial-carousel-message">'; $output .= $carousel_item->client_message; $output .= '</div>'; } if ($testimonial_carousel_layout == 'testi_layout1') { $output .= $rating; }; $output .= '</div>'; if ($testimonial_carousel_layout == 'testi_layout1' \|\| $testimonial_carousel_layout == 'testi_layout3') { $output .= $client_details; }; if ($testimonial_carousel_layout == 'testi_layout2') { $output .= $quote_icon; } $output .= '</div>'; } } $output .= '</div>'; return $output; } public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/sp_carousel.js'); } public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $settings->arrow_border_width = (isset($settings->arrow_border_width) && $settings->arrow_border_width) ? $settings->arrow_border_width : 0; $settings->bullet_border_width = (isset($settings->bullet_border_width) && $settings->bullet_border_width) ? $settings->bullet_border_width : 0; $testimonial_carousel_layout = (isset($settings->testimonial_carousel_layout) && $settings->testimonial_carousel_layout) ? $settings->testimonial_carousel_layout : ''; //Arrow Style $carousel_arrow = (isset($settings->carousel_arrow) && $settings->carousel_arrow) ? $settings->carousel_arrow : 1; $settings->arrow_line_height = (isset($settings->arrow_height) && $settings->arrow_height) ? (int) $settings->arrow_height - (int) $settings->arrow_border_width : null; if ($carousel_arrow) { $carouselArrowProps = [ 'arrow_height' => 'height', 'arrow_line_height' => 'line-height', 'arrow_width' => 'width', 'arrow_background' => 'background', 'arrow_color' => 'color', 'arrow_font_size' => 'font-size', 'arrow_border_width' => 'border-style: solid; border-width', 'arrow_border_color' => 'border-color', 'arrow_border_radius' => 'border-radius', 'arrow_position_verti' => 'margin-top', 'arrow_position_hori' => ['margin-left', 'margin-right'], ]; $carouselArrowUnits = [ 'arrow_background' => false, 'arrow_color' => false, 'arrow_border_color' => false, 'arrow_position_verti' => '%', 'arrow_position_hori' => 'px', ]; $carouselArrowHoverProps = [ 'arrow_hover_background' => 'background', 'arrow_hover_color' => 'color', 'arrow_hover_border_color' => 'border-color', ]; $carouselArrowHoverUnits = [ 'arrow_hover_background' => false, 'arrow_hover_color' => false, 'arrow_hover_border_color' => false, ]; $arrowStyle = ''; $arrowStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control', $settings, $carouselArrowProps, $carouselArrowUnits); $arrowHoverStyle = $cssHelper->generateStyle('.sppb-carousel-extended-nav-control .nav-control:hover', $settings, $carouselArrowHoverProps, $carouselArrowHoverUnits); $css .= $arrowStyle; $css .= $arrowHoverStyle; } //Bullet Style $carousel_bullet = (isset($settings->carousel_bullet) && $settings->carousel_bullet) ? $settings->carousel_bullet : 1; $settings->bullet_line_height = (isset($settings->bullet_height) && $settings->bullet_height) ? (($settings->bullet_height) - ($settings->bullet_border_width)) : ""; if ($carousel_bullet) { $carouselBulletProps = [ 'bullet_width' => 'width', 'bullet_background' => 'background', 'bullet_height' => 'height', 'bullet_line_height' => 'line-height', 'bullet_color' => 'color', 'bullet_font_size' => 'font-size', 'bullet_border_width' => 'border-style: solid; border-width', 'bullet_border_color' => 'border-color', 'bullet_border_radius' => 'border-radius', ]; $carouselBulletUnits = [ 'bullet_background' => false, 'bullet_color' => false, 'bullet_border_color' => false, ]; $carouselBulletHoverProps = [ 'bullet_active_background' => 'background', ]; $carouselBulletHoverUnits = [ 'bullet_active_background' => false, ]; $bulletStyle = ''; $bulletStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-dots ul li', $settings, $carouselBulletProps, $carouselBulletUnits); $bulletStyle .= $cssHelper->generateStyle('.sppb-carousel-extended-dots', $settings, ['bullet_position_verti' => 'bottom', 'bullet_position_hori' => 'left'], ['bullet_position_verti' => '%', 'bullet_position_hori' => 'px']); $bulletHoverStyle = $cssHelper->generateStyle('.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span', $settings, $carouselBulletHoverProps, $carouselBulletHoverUnits); $css .= $bulletStyle; $css .= $bulletHoverStyle; } //Avatar style $avatar_layout = (isset($settings->avatar_layout) && $settings->avatar_layout) ? $settings->avatar_layout : ''; $settings->content_alignment = $cssHelper->parseAlignment($settings, 'content_alignment'); $settings->content_alignment_wrap = $cssHelper->parseAlignment($settings, 'content_alignment', false); $margin = ''; if ($testimonial_carousel_layout !== 'testi_layout3') { if ($avatar_layout == 'avatar_layout1') { $margin = 'margin-right'; } elseif ($avatar_layout == 'avatar_layout2') { $margin = 'margin-left'; } elseif ($avatar_layout == 'avatar_layout3') { $margin = 'margin-bottom'; } elseif ($avatar_layout == 'avatar_layout4') { $margin = 'margin-top'; } } $avatarStyleProps = [ 'avatar_height' => 'height', 'avatar_width' => 'width', 'avatar_gap' => $margin, ]; $avatarStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-img-wrap', $settings, $avatarStyleProps); $css .= $avatarStyle; if (!empty($settings->content_alignment_wrap) && is_object($settings->content_alignment_wrap)) { $css .= $addon_id . ' .sppb-testimonial-carousel-img-wrap {'; if ($settings->content_alignment_wrap->xl == "left" /\|\| $settings->content_alignment_wrap->lg == "left" \|\| $settings->content_alignment_wrap->md == "left" \|\| $settings->content_alignment_wrap->sm == "left" \|\| $settings->content_alignment_wrap->xs == "left"/) { $css .= 'margin-right: auto;'; } elseif ($settings->content_alignment_wrap->xl == "right" && $testimonial_carousel_layout == 'testi_layout3' && $avatar_layout != 'avatar_layout1'/\|\| $settings->content_alignment_wrap->lg == "right" \|\| $settings->content_alignment_wrap->md == "right" \|\| $settings->content_alignment_wrap->sm == "right" \|\| $settings->content_alignment_wrap->xs == "right"/) { $css .= 'margin-left: auto;'; } elseif ($settings->content_alignment_wrap->xl == "center" /\|\| $settings->content_alignment_wrap->lg == "center" \|\| $settings->content_alignment_wrap->md == "center" \|\| $settings->content_alignment_wrap->sm == "center" \|\| $settings->content_alignment_wrap->xs == "center"/) { $css .= 'margin-left: auto;'; $css .= 'margin-right: auto;'; } $css .= '}'; } $avatarBorderRadiusStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-img-wrap img', $settings, ['avatar_border_radius' => 'border-radius']); $css .= $avatarBorderRadiusStyle; if ($testimonial_carousel_layout == 'testi_layout3') { // $css .= $cssHelper->generateStyle('.sppb-testimonial-carousel-content-wrap', $settings, ['content_alignment_wrap' => 'align-items'], false); $css .= $addon_id . ' .sppb-testimonial-carousel-content-wrap {'; $css .= 'align-items: initial;'; $css .= 'flex-direction: column;'; $css .= '}'; } else { if ($avatar_layout == 'avatar_layout2') { $css .= $addon_id . ' .sppb-testimonial-carousel-content-wrap {'; $css .= 'flex-direction: row-reverse;'; $css .= '}'; $css .= $addon_id . ' .sppb-testimonial-carousel-name-designation {'; $css .= 'text-align: right;'; $css .= '}'; } elseif ($avatar_layout == 'avatar_layout3') { // $css .= $cssHelper->generateStyle('.sppb-testimonial-carousel-content-wrap', $settings, ['content_alignment_wrap' => 'align-items'], false); $css .= $addon_id . ' .sppb-testimonial-carousel-content-wrap {'; $css .= 'align-items: initial;'; $css .= 'flex-direction: column;'; $css .= '}'; } elseif ($avatar_layout == 'avatar_layout4') { // $css .= $cssHelper->generateStyle('.sppb-testimonial-carousel-content-wrap', $settings, ['content_alignment_wrap' => 'align-items'], false); $css .= $addon_id . ' .sppb-testimonial-carousel-content-wrap {'; $css .= 'align-items: initial;'; $css .= 'flex-direction: column-reverse;'; $css .= '}'; } if ($avatar_layout == 'avatar_layout1') { $css .= $addon_id . ' .sppb-testimonial-carousel-name-designation {'; $css .= 'text-align: left;'; $css .= '}'; } } //Quote icon style if ($testimonial_carousel_layout == 'testi_layout1') { $margin = 'margin-bottom'; } elseif ($testimonial_carousel_layout == 'testi_layout2') { $margin = 'margin-top'; } $quoteStyleProps = [ 'quote_icon_size' => 'font-size', 'quote_icon_color' => 'color', 'quote_icon_gap' => $margin, ]; $quoteStyleUnits = [ 'quote_icon_color' => false, ]; $quoteStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-icon', $settings, $quoteStyleProps, $quoteStyleUnits); $css .= $quoteStyle; //Rating style $marginRating = ''; if ($testimonial_carousel_layout == 'testi_layout1' \|\| $testimonial_carousel_layout == 'testi_layout3') { $marginRating = 'margin-bottom'; } elseif ($testimonial_carousel_layout == 'testi_layout2') { $marginRating = 'margin-top'; } $ratingStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-rating', $settings, ['rating_size' => 'font-size', 'rating_color' => 'color', 'rating_gap' => $marginRating], ['rating_color' => false]); $css .= $ratingStyle; if (isset($settings->sp_testimonial_carousel_item) && is_array($settings->sp_testimonial_carousel_item)) { foreach ($settings->sp_testimonial_carousel_item as $item_key => $carousel_item) { $uniqId = '#sppb-testi-' . $this->addon->id . '-carousel-item-key-' . $item_key; $css .= $uniqId . '.sppb-carousel-extended-item .sppb-testimonial-carousel-rating:before {'; $css .= 'width:' . ((20 $carousel_item->client_rating) - 2) . '%'; $css .= '}'; } } //Name style $nameTypographyStyle = $cssHelper->typography('.sppb-testimonial-carousel-name', $settings, 'name_typography', [ 'font' => 'name_font_family', 'size' => 'name_fontsize', 'line_height' => 'name_lineheight', 'letter_spacing' => 'name_letterspace', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', 'weight' => 'name_font_style.weight', ]); $css .= $nameTypographyStyle; $nameStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-name', $settings, ['name_text_color' => 'color', 'name_margin' => 'margin'], ['name_text_color' => false, 'name_margin' => false]); $css .= $nameStyle; //Designation style $designationStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-designation', $settings, ['designation_text_color' => 'color'], false); $css .= $designationStyle; $designationTypographyStyle = $cssHelper->typography('.sppb-testimonial-carousel-designation ', $settings, 'title_typography', [ 'font' => 'designation_font_family', 'size' => 'designation_fontsize', 'line_height' => 'designation_lineheight', 'letter_spacing' => 'designation_letterspace', 'uppercase' => 'designation_font_style.uppercase', 'italic' => 'designation_font_style.italic', 'underline' => 'designation_font_style.underline', 'weight' => 'designation_font_style.weight', ]); $css .= $designationTypographyStyle; //Message style $itemContentProps = [ 'message_margin_bottom' => ($testimonial_carousel_layout == 'testi_layout3') ? 'margin-bottom' : null, 'message_background' => ($testimonial_carousel_layout == 'testi_layout3') ? 'background' : null, 'message_border_radius' => ($testimonial_carousel_layout == 'testi_layout3') ? 'border-radius' : null, 'message_padding' => ($testimonial_carousel_layout == 'testi_layout3') ? 'padding' : null, ]; $css .= $cssHelper->generateStyle('.sppb-testimonial-carousel-item-content', $settings, $itemContentProps, ['message_background' => false, 'message_padding' => false], ['message_padding' => 'spacing']); $messageStyleProps = [ 'message_text_color' => 'color', 'message_margin_top' => 'margin-top', 'message_margin_bottom' => ($testimonial_carousel_layout != 'testi_layout3') ? 'margin-bottom' : null, ]; $messageStyleUnits = [ 'message_text_color' => false, ]; $messageStyle = $cssHelper->generateStyle('.sppb-testimonial-carousel-message', $settings, $messageStyleProps, $messageStyleUnits); $css .= $messageStyle; $messageTypographyFallbacks = [ 'font' => 'message_font_family', 'size' => 'message_fontsize', 'line_height' => 'message_lineheight', 'letter_spacing' => 'message_letterspace', 'uppercase' => 'message_font_style.uppercase', 'italic' => 'message_font_style.italic', 'underline' => 'message_font_style.underline', 'weight' => 'message_font_style.weight', ]; $messageTypography = $cssHelper->typography('.sppb-testimonial-carousel-message', $settings, 'message_typography', $messageTypographyFallbacks); $css .= $messageTypography; $arrowHeightStyle = $cssHelper->generateStyle('.sppb-carousel-extended-nav-control', $settings, ['arrow_height' => 'top: -%s']); $css .= $arrowHeightStyle; //Item style $itemStyle = $cssHelper->generateStyle('.sppb-carousel-extended-item', $settings, ['content_alignment' => 'text-align', 'content_background' => 'background', 'content_padding' => 'padding', 'content_border_radius' => 'border-radius'], ['content_background' => false, 'content_padding' => false, 'content_alignment' => false], ['content_padding' => 'spacing']); $css .= $itemStyle; return $css; } public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <style type="text/css">'; $output .= '<# if (data.carousel_arrow) { #>'; $output .= $lodash->unit('margin-top', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_verti', '%'); $output .= $lodash->unit('margin-left', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_hori', 'px'); $output .= $lodash->unit('margin-right', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_position_hori', 'px'); $output .= $lodash->unit('font-size', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_font_size', 'px', false); $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_radius', 'px', false); $output .= $lodash->unit('width', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_width', 'px', false); //normal $output .= $lodash->border('border-color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_color'); $output .= $lodash->color('color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_color'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_background'); // hover $output .= $lodash->border('border-color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_border_color'); $output .= $lodash->color('color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_color'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-nav-control .nav-control:hover', 'data.arrow_hover_background'); $output .= '<# if (data.arrow_height) { #>'; $output .= $lodash->unit('height', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_height', 'px', false); $output .= '<# let lineHeight = data.arrow_height - ((data.arrow_border_width != undefined) ? data.arrow_border_width : 0);#>'; $output .= $lodash->unit('line-height', '.sppb-carousel-extended-nav-control .nav-control', 'lineHeight', 'px', false); $output .= '<# } #>'; $output .= '<# if (data.arrow_border_width) { #>'; $output .= $lodash->unit('border-width', '.sppb-carousel-extended-nav-control .nav-control', 'data.arrow_border_width', 'px', false); $output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-nav-control .nav-control { border-style: solid; }'; $output .= '<# } #>'; $output .= $lodash->unit('top', '.sppb-carousel-extended-nav-control', 'data.arrow_height', 'px', false, '-'); $output .= '<# } #>'; // Bullet $output .= '<# if (data.carousel_bullet) { #>'; $output .= $lodash->unit('bottom', '.sppb-carousel-extended-dots', 'data.bullet_position_verti', '%'); $output .= $lodash->unit('left', '.sppb-carousel-extended-dots', 'data.bullet_position_hori', 'px'); $output .= ' <# if (data.bullet_height) { #>'; $output .= $lodash->unit('height', '.sppb-carousel-extended-dots ul li', 'data.bullet_height', 'px', false); $output .= $lodash->unit('line-height', '.sppb-carousel-extended-dots ul li', '(data.bullet_height)-(data.bullet_border_width)', 'px', false); $output .= '<# } #>'; $output .= ' <# if (data.bullet_height) { #>'; $output .= $lodash->unit('border-width', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_width', 'px', false); //$output .= '#sppb-addon-{{ data.id }} .sppb-carousel-extended-dots ul li { border-style: solid; }'; $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_radius', 'px', false); $output .= $lodash->unit('width', '.sppb-carousel-extended-dots ul li', 'data.bullet_width', 'px', false); $output .= $lodash->border('border-color', '.sppb-carousel-extended-dots ul li', 'data.bullet_border_color'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-dots ul li', 'data.bullet_background'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span', 'data.bullet_active_background'); $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.sppb-testimonial-carousel-item-content', 'data.content_border_radius', 'px'); $output .= $lodash->unit('height', '.sppb-testimonial-carousel-img-wrap', 'data.avatar_height', 'px'); $output .= $lodash->unit('width', '.sppb-testimonial-carousel-img-wrap', 'data.avatar_width', 'px'); $output .= $lodash->unit('border-radius', '.sppb-testimonial-carousel-img-wrap img', 'data.avatar_border_radius', 'px', false); $output .= $lodash->unit('font-size', '.sppb-testimonial-carousel-icon', 'data.quote_icon_size', 'px'); $output .= $lodash->color('color', '.sppb-testimonial-carousel-icon', 'data.quote_icon_color'); $output .= $lodash->unit('font-size', '.sppb-testimonial-carousel-rating', 'data.rating_size', 'px'); $output .= $lodash->color('color', '.sppb-testimonial-carousel-rating', 'data.rating_color'); $output .= '<# if (data.testimonial_carousel_layout === "testi_layout1") { #>'; $output .= $lodash->unit('margin-bottom', '.sppb-testimonial-carousel-rating', 'data.quote_icon_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.testimonial_carousel_layout === "testi_layout1" \|\| data.testimonial_carousel_layout === "testi_layout3") { #>'; $output .= $lodash->unit('margin-bottom', '.sppb-testimonial-carousel-icon', 'data.quote_icon_gap', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-testimonial-carousel-rating', 'data.rating_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.testimonial_carousel_layout === "testi_layout2") { #>'; $output .= $lodash->unit('margin-top', '.sppb-testimonial-carousel-icon', 'data.quote_icon_gap', 'px'); $output .= $lodash->unit('margin-top', '.sppb-testimonial-carousel-rating', 'data.rating_gap', 'px'); $output .= '<# } #>'; $output .= '<# if (data.content_alignment === "sppb-text-left" \|\| (_.isObject(data.content_alignment) && data.content_alignment.xl === "left")) {#>'; $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-img-wrap { margin-right:auto;}'; $output .= '<# } else if ((data.testimonial_carousel_layout != "testi_layout3" && data.avatar_layout == "avatar_layout1" && data.content_alignment == "sppb-text-right") \|\| ((_.isObject(data.content_alignment) && data.content_alignment.xl == "right") && data.testimonial_carousel_layout != "testi_layout3" && data.avatar_layout == "avatar_layout1")) {#>'; $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-img-wrap { margin-left:auto;}'; $output .= '<# } else if ((data.testimonial_carousel_layout == "testi_layout3" && data.content_alignment == "sppb-text-right") \|\| ((_.isObject(data.content_alignment) && data.content_alignment.xl == "right") && data.testimonial_carousel_layout == "testi_layout3")) {#>'; $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-img-wrap { margin-left:auto;}'; $output .= '<# } else if (data.content_alignment == "sppb-text-center" \|\| (_.isObject(data.content_alignment) && data.content_alignment.xl == "center")) {#>'; $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-img-wrap { margin-left:auto; margin-right:auto;}'; $output .= '<# } #>'; $output .= '<# if (data.testimonial_carousel_layout != "testi_layout3") { #>'; $output .= '<# if (data.avatar_layout == "avatar_layout1") { #>'; $output .= $lodash->unit('margin-right', '.sppb-testimonial-carousel-img-wrap', 'data.avatar_gap', 'px'); $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-name-designation { text-align: left; }'; $output .= '<# } #>'; $output .= '<# if (data.avatar_layout == "avatar_layout2") { #>'; $output .= $lodash->unit('margin-left', '.sppb-testimonial-carousel-img-wrap', 'data.avatar_gap', 'px'); $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-content-wrap { flex-direction: row-reverse; }'; $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-name-designation { text-align: right;}'; $output .= '<# } #>'; $output .= '<# if (data.avatar_layout == "avatar_layout3") { #>'; $output .= $lodash->unit('margin-bottom', '.sppb-testimonial-carousel-img-wrap', 'data.avatar_gap', 'px'); $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-content-wrap { align-items: initial; flex-direction: column;}'; $output .= '<# } #>'; $output .= '<# if (data.avatar_layout == "avatar_layout4") { #>'; $output .= $lodash->unit('margin-top', '.sppb-testimonial-carousel-img-wrap', 'data.avatar_gap', 'px'); $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-content-wrap { align-items: initial; flex-direction: column-reverse;}'; $output .= '<# } #>'; $output .= '<# } #>'; $output .= '<# if (data.testimonial_carousel_layout == "testi_layout3") { #>'; $output .= $lodash->unit('border-radius', '.sppb-testimonial-carousel-item-content', 'data.message_border_radius', 'px'); $output .= $lodash->color('background-color', '.sppb-testimonial-carousel-item-content', 'data.message_background'); $output .= $lodash->unit('margin-bottom', '.sppb-testimonial-carousel-item-content', 'data.message_margin_bottom', 'px'); $output .= $lodash->spacing('padding', '.sppb-testimonial-carousel-item-content', 'data.message_padding'); $output .= '#sppb-addon-{{ data.id }} .sppb-testimonial-carousel-content-wrap { align-items: initial; flex-direction: column;}'; $output .= '<# } #>'; $nameTypographyFallbacks = [ 'font' => 'data.name_font_family', 'size' => 'data.name_fontsize', 'line_height' => 'data.name_lineheight', 'letter_spacing' => 'data.name_letterspace', 'uppercase' => 'data.name_font_style?.uppercase', 'italic' => 'data.name_font_style?.italic', 'underline' => 'data.name_font_style?.underline', 'weight' => 'data.name_font_style?.weight', ]; $output .= $lodash->typography('.sppb-testimonial-carousel-name', 'data.name_typography', $nameTypographyFallbacks); $output .= $lodash->color('color', '.sppb-testimonial-carousel-name', 'data.name_text_color'); $output .= $lodash->spacing('margin', '.sppb-testimonial-carousel-name', 'data.name_margin'); $messageTypographyFallbacks = [ 'font' => 'data.message_font_family', 'size' => 'data.message_fontsize', 'line_height' => 'data.message_lineheight', 'letter_spacing' => 'data.message_letterspace', 'uppercase' => 'data.message_font_style?.uppercase', 'italic' => 'data.message_font_style?.italic', 'underline' => 'data.message_font_style?.underline', 'weight' => 'data.message_font_style?.weight', ]; $output .= $lodash->typography('.sppb-testimonial-carousel-message', 'data.message_typography', $messageTypographyFallbacks); $output .= $lodash->color('color', '.sppb-testimonial-carousel-message', 'data.message_text_color'); $output .= $lodash->unit('margin-top', '.sppb-testimonial-carousel-message', 'data.message_margin_top', 'px'); $output .= '<# if (data.testimonial_carousel_layout !== "testi_layout3") { #>'; $output .= $lodash->unit('margin-bottom', '.sppb-testimonial-carousel-message', 'data.message_margin_bottom', 'px'); $output .= '<# } #>'; $titleTypographyFallbacks = [ 'font' => 'data.designation_font_family', 'size' => 'data.designation_fontsize', 'line_height' => 'data.designation_lineheight', 'letter_spacing' => 'data.designation_letterspace', 'uppercase' => 'data.designation_font_style?.uppercase', 'italic' => 'data.designation_font_style?.italic', 'underline' => 'data.designation_font_style?.underline', 'weight' => 'data.designation_font_style?.weight', ]; $output .= $lodash->typography('.sppb-testimonial-carousel-designation', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->color('color', '.sppb-testimonial-carousel-designation', 'data.designation_text_color'); $output .= $lodash->color('background-color', '.sppb-carousel-extended-item', 'data.content_background'); $output .= $lodash->spacing('padding', '.sppb-carousel-extended-item', 'data.content_padding'); $output .= $lodash->alignment('text-align', '.sppb-carousel-extended-item', 'data.content_alignment'); $output .= ' <# if(_.isArray(data.sp_testimonial_carousel_item)){ _.each(data.sp_testimonial_carousel_item, function(carousel_item, caro_index){ const uniqId = `#sppb-testi-${data.id}-carousel-item-key-${caro_index}`; #> {{uniqId}}.sppb-carousel-extended-item .sppb-testimonial-carousel-rating:before { width:{{(20 * carousel_item.client_rating)-2}}%; } <# }) } #> </style> <# var left_arrow =""; var right_arrow = ""; if(data.arrow_icon=="long_arrow"){ left_arrow ="fa-long-arrow-left"; right_arrow = "fa-long-arrow-right"; } else { left_arrow ="fa-angle-left"; right_arrow = "fa-angle-right"; } let carousel_item_number_xl = 3; let carousel_item_number_lg = 3; let carousel_item_number_md = 3; let carousel_item_number_sm = 2; let carousel_item_number_xs = 1; if (_.isObject(data.carousel_item_number)) { carousel_item_number_xl = data.carousel_item_number.xl carousel_item_number_lg = data.carousel_item_number.lg carousel_item_number_md = data.carousel_item_number.md carousel_item_number_sm = data.carousel_item_number.sm carousel_item_number_xs = data.carousel_item_number.xs } let carousel_margin_xl = 15; let carousel_margin_lg = 15; let carousel_margin_md = 15; let carousel_margin_sm = 15; let carousel_margin_xs = 15; if (_.isObject(data.carousel_margin)) { carousel_margin_xl = data.carousel_margin.xl; carousel_margin_lg = data.carousel_margin.lg; carousel_margin_md = data.carousel_margin.md; carousel_margin_sm = data.carousel_margin.sm; carousel_margin_xs = data.carousel_margin.xs; } else { carousel_margin_xl = data.carousel_margin; carousel_margin_lg = data.carousel_margin; carousel_margin_md = data.carousel_margin; carousel_margin_sm = data.carousel_margin; carousel_margin_xs = data.carousel_margin; } let quote_icon = ""; if (data.show_quote_icon) { quote_icon += `<div class="sppb-testimonial-carousel-icon">`; quote_icon += `<i class="fa fa-quote-left" aria-hidden="true"></i>`; quote_icon += `</div>`; } #> <div class="sppb-addon sppb-carousel-extended {{data.class}} sppb-testimonial-carousel-{{data.testimonial_carousel_layout}}" data-left-arrow="{{left_arrow}}" data-right-arrow="{{right_arrow}}" data-arrow="{{data.carousel_arrow}}" data-dots="{{data.carousel_bullet}}" data-testi-layout="{{data.testimonial_carousel_layout}}" data-autoplay="{{data.carousel_autoplay}}" data-speed="{{data.carousel_speed}}" data-interval="{{data.carousel_interval}}" data-margin-xl="{{carousel_margin_xl}}" data-margin-lg="{{carousel_margin_lg}}" data-margin-md="{{carousel_margin_md}}" data-margin-sm="{{carousel_margin_sm}}" data-margin-xs="{{carousel_margin_xs}}" data-item-number-xl="{{carousel_item_number_xl \|\| 3}}" data-item-number-lg="{{carousel_item_number_lg \|\| 3}}" data-item-number-md="{{carousel_item_number_md \|\| 3}}" data-item-number-sm="{{carousel_item_number_sm \|\| 3}}" data-item-number-xs="{{carousel_item_number_xs \|\| 1}}"> <# if(_.isArray(data.sp_testimonial_carousel_item)){ _.each(data.sp_testimonial_carousel_item, function(carousel_item, caro_index){ const uniqId= `sppb-testi-${data.id}-carousel-item-key-${caro_index}`; let client_details = ""; var carouselImg = {} if (typeof carousel_item.testimonial_carousel_img !== "undefined" && typeof carousel_item.testimonial_carousel_img.src !== "undefined") { carouselImg = carousel_item.testimonial_carousel_img } else { carouselImg = {src: carousel_item.testimonial_carousel_img} } client_details += `<div class="sppb-testimonial-carousel-content-wrap">`; if(carouselImg.src){ client_details += `<div class="sppb-testimonial-carousel-img-wrap">`; client_details += `<img src=${carouselImg.src} alt=${carousel_item.client_name}>`; client_details += `</div>`; } client_details += `<div class="sppb-testimonial-carousel-name-designation">`; if(carousel_item.client_name){ client_details += `<div class="sppb-testimonial-carousel-name">`; client_details += `${carousel_item.client_name}`; client_details += `</div>`; } if(carousel_item.client_desgination){ client_details += `<div class="sppb-testimonial-carousel-designation">`; client_details += `${carousel_item.client_desgination}`; client_details += `</div>`; } client_details += `</div>`; client_details += `</div>`; let rating = ""; if(carousel_item.show_rating){ rating += `<div class="sppb-testimonial-carousel-client-rating"><span class="sppb-testimonial-carousel-rating"></span></div>`; } #> <div id="{{uniqId}}" class="sppb-carousel-extended-item"> <# if(data.testimonial_carousel_layout == "testi_layout1"){ #> {{{quote_icon}}} <# } if(data.testimonial_carousel_layout == "testi_layout2"){ #> {{{client_details}}} <# } #> <div class="sppb-testimonial-carousel-item-content"> <# if(data.testimonial_carousel_layout == "testi_layout2" \|\| data.testimonial_carousel_layout == "testi_layout3"){ #> {{{rating}}} <# } if(carousel_item.client_message) { #> <div class="sppb-testimonial-carousel-message"> {{carousel_item.client_message}} </div> <# } if(data.testimonial_carousel_layout == "testi_layout1"){ #> {{{rating}}} <# } #> </div> <# if(data.testimonial_carousel_layout == "testi_layout1" \|\| data.testimonial_carousel_layout == "testi_layout3"){ #> {{{client_details}}} <# } if(data.testimonial_carousel_layout == "testi_layout2"){ #> {{{quote_icon}}} <# } #> </div> <# }) } #> </div> '; return $output; } } ��testimonial_carousel/admin.php��0000644��00000123462�15231074400�0012576 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'testimonial_carousel', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CAROUSEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CAROUSEL_DESC'), 'category' => 'Slider', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><circle opacity=".5" cx="10.5" cy="30.5" r="1.5" fill="currentColor"/><circle opacity=".5" cx="22.5" cy="30.5" r="1.5" fill="currentColor"/><circle cx="16.5" cy="30.5" r="1.5" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22 2H10v21h12V2zM10 0a2 2 0 00-2 2v21a2 2 0 002 2h12a2 2 0 002-2V2a2 2 0 00-2-2H10z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M6 4a1 1 0 00-1-1H1a1 1 0 000 2h3v15H1a1 1 0 100 2h4a1 1 0 001-1V4zm20 17a1 1 0 001 1h4a1 1 0 100-2h-3V5h3a1 1 0 100-2h-4a.996.996 0 00-1 1v17z" fill="currentColor"/><path d="M13 7.496c0 .381.309.69.69.69h.779v.297c0 .527-.364.975-.858 1.097-.148.037-.273.157-.273.31v.848c0 .152.124.277.275.26a2.538 2.538 0 002.256-2.515V5.69a.69.69 0 00-.69-.69h-1.49a.69.69 0 00-.689.69v1.806zM16.6 7.496c0 .381.309.69.69.69h.779v.297c0 .527-.364.975-.858 1.097-.148.037-.273.157-.273.31v.848c0 .152.124.277.275.26a2.538 2.538 0 002.256-2.515V5.69a.69.69 0 00-.69-.69h-1.49a.69.69 0 00-.689.69v1.806z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M12 15a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1zM13 19a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" fill="currentColor"/></svg>', 'settings' => [ 'general' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'testimonial_carousel_layout' => [ 'type' => 'thumbnail', 'columns' => 3, 'values' => [ 'testi_layout1' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 152"><path opacity="0.1" d="M0 0h146v152H0V0z" fill="currentColor"/><path opacity="0.4" d="M125.782 52.328H20.218a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h105.564a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5zM125.782 62.295H20.218a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h105.564a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5zM95.833 72.262H20.218a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h75.615a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5z" fill="currentColor"/><path d="M29.949 132.065c6.202 0 11.23-5.021 11.23-11.213 0-6.193-5.028-11.213-11.23-11.213-6.203 0-11.231 5.02-11.231 11.213 0 6.192 5.028 11.213 11.23 11.213z" fill="currentColor"/><path opacity="0.6" d="M78.11 114.623H50.42a3 3 0 00-3 3v.23a3 3 0 003 3H78.11a3 3 0 003-3v-.23a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M96.088 124.59H48.665a1.246 1.246 0 000 2.492h47.423a1.246 1.246 0 000-2.492z" fill="currentColor"/><path opacity="0.15" d="M27.209 39.87h-5.491a3 3 0 01-3-3v-5.695c0-3.201.678-5.729 2.034-7.58 1.356-1.851 3.68-3.486 6.974-4.905l2.483 4.62c-2.025.934-3.425 1.864-4.2 2.79-.775.925-1.206 2.02-1.294 3.282h2.494a3 3 0 013 3v4.486a3 3 0 01-3 3v.002zm13.259 0h-5.491a3 3 0 01-3-3v-5.695c0-3.201.678-5.729 2.034-7.58 1.356-1.851 3.68-3.486 6.974-4.905l2.483 4.62c-2.025.934-3.425 1.864-4.2 2.79-.775.925-1.206 2.02-1.294 3.282h2.494a3 3 0 013 3v4.486a3 3 0 01-3 3v.002z" fill="currentColor"/><path d="M27.988 92.237c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zm12.478 0c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zm12.48 0c0 .1-.073.195-.146.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zm12.478 0c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zM74.967 94.222l1.705-1.652-2.35-.346-1.054-2.125-1.053 2.125-2.35.346 1.704 1.652-.407 2.342 2.106-1.107 2.1 1.107-.4-2.342zm2.936-1.986c0 .1-.072.194-.145.266l-2.022 1.97.48 2.78.005.111c0 .15-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.781-2.029-1.97c-.067-.072-.139-.166-.139-.266 0-.168.173-.235.312-.257l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.257z" fill="currentColor"/></svg>'], 'testi_layout2' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 152"><path opacity="0.1" d="M0 0h146v152H0V0z" fill="currentColor"/><path opacity="0.4" d="M125.782 72.262H20.218a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h105.564a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5zM125.782 82.228H20.218a1.5 1.5 0 00-1.5 1.5v.739a1.5 1.5 0 001.5 1.5h105.564a1.5 1.5 0 001.5-1.5v-.739a1.5 1.5 0 00-1.5-1.5zM95.833 92.195H20.218a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h75.615a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5z" fill="currentColor"/><path d="M29.949 42.36c6.202 0 11.23-5.02 11.23-11.213s-5.028-11.213-11.23-11.213c-6.203 0-11.231 5.02-11.231 11.213 0 6.192 5.028 11.213 11.23 11.213z" fill="currentColor"/><path opacity="0.6" d="M78.11 24.918H50.42a3 3 0 00-3 3v.23a3 3 0 003 3H78.11a3 3 0 003-3v-.23a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M96.088 34.885H48.665a1.246 1.246 0 100 2.492h47.423a1.246 1.246 0 100-2.492z" fill="currentColor"/><path opacity="0.15" d="M27.209 108.395h-5.491a3 3 0 00-3 3v5.695c0 3.201.678 5.728 2.034 7.579 1.356 1.852 3.68 3.487 6.974 4.906l2.483-4.62c-2.025-.934-3.425-1.865-4.2-2.79-.775-.926-1.206-2.02-1.294-3.283h2.494a3 3 0 003-3v-4.486a3 3 0 00-3-3v-.001zm13.259 0h-5.491a3 3 0 00-3 3v5.695c0 3.201.678 5.728 2.034 7.579 1.356 1.852 3.68 3.487 6.974 4.906l2.483-4.62c-2.025-.934-3.425-1.865-4.2-2.79-.775-.926-1.206-2.02-1.294-3.283h2.494a3 3 0 003-3v-4.486a3 3 0 00-3-3v-.001z" fill="currentColor"/><path d="M27.988 53.614c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zm12.478 0c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zm12.48 0c0 .1-.073.195-.146.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zm12.478 0c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .145-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256zM74.967 55.598l1.705-1.652-2.35-.345-1.054-2.125-1.053 2.125-2.35.345 1.704 1.652-.407 2.342 2.106-1.107 2.1 1.107-.4-2.342zm2.936-1.986c0 .1-.072.195-.145.267l-2.022 1.97.48 2.78.005.111c0 .15-.067.278-.228.278a.454.454 0 01-.223-.067l-2.5-1.313-2.502 1.313a.47.47 0 01-.223.067c-.162 0-.234-.133-.234-.278l.011-.11.48-2.782-2.029-1.969c-.067-.072-.139-.167-.139-.267 0-.167.173-.234.312-.256l2.797-.406 1.253-2.53c.05-.107.145-.229.273-.229.128 0 .223.122.273.228l1.253 2.531 2.797.406c.134.022.312.09.312.256z" fill="currentColor"/></svg>'], 'testi_layout3' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 153"><path opacity="0.1" d="M146 0H0v152.239h146V0z" fill="currentColor"/><path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M134.513 12.479a4 4 0 014 4v63.128a4 4 0 01-4 4H76.491l-4.115 5.157-4.126-5.157H11.487a4 4 0 01-4-4V16.478a4 4 0 014-4h123.026z" fill="currentColor"/><path d="M124.534 47.418H21.466a1.5 1.5 0 00-1.5 1.5v.744a1.5 1.5 0 001.5 1.5h103.068a1.5 1.5 0 001.5-1.5v-.744a1.5 1.5 0 00-1.5-1.5z" fill="#fff"/><path opacity="0.7" d="M124.534 57.4H21.466a1.5 1.5 0 00-1.5 1.5v.744a1.5 1.5 0 001.5 1.5h103.068a1.5 1.5 0 001.5-1.5V58.9a1.5 1.5 0 00-1.5-1.5z" fill="#fff"/><path opacity="0.5" d="M94.585 67.383h-73.12a1.5 1.5 0 00-1.5 1.5v.743a1.5 1.5 0 001.5 1.5h73.12a1.5 1.5 0 001.5-1.5v-.743a1.5 1.5 0 00-1.5-1.5z" fill="#fff"/><path d="M73.624 119.796c6.202 0 11.23-5.029 11.23-11.231 0-6.203-5.028-11.231-11.23-11.231-6.203 0-11.23 5.028-11.23 11.231 0 6.202 5.027 11.231 11.23 11.231z" fill="currentColor"/><path opacity="0.6" d="M86.846 126.035H60.402a3 3 0 00-3 3v.239a3 3 0 003 3h26.444a3 3 0 003-3v-.239a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M97.333 136.018H49.914a1.247 1.247 0 100 2.495h47.42a1.247 1.247 0 100-2.495z" fill="currentColor"/></svg>'], ], 'std' => 'testi_layout3', ], 'testimonial_carousel_separator' => [ 'type' => 'separator', ], 'sp_testimonial_carousel_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEMS'), 'std' => array_fill(0, 6, [ 'client_name' => 'John Doe', 'client_desgination' => 'Full Stack Developer', // @todo: fix the spelling 'client_message' => 'Testimonial carousel is modern and stylish addon for SP Page Builder . Instantly raise your website appearance with this stylish new addon.', 'show_rating' => 1, 'client_rating' => 4.5, 'testimonial_carousel_img' => '', ]), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADMIN_LABEL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADMIN_LABEL_DESC'), 'std' => 'Carousel Item Tittle', ], 'client_name' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_NAME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_NAME_DESC'), 'std' => 'John Doe', ], 'client_desgination' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_CLIENT_DESIGNATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_CLIENT_DESIGNATION_DESC'), 'std' => 'Full Stack Developer', ], 'client_message' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CAROUSEL_MESSAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CAROUSEL_MESSAGE_DESC'), 'std' => 'Testimonial carousel is modern and stylish addon for SP Page Builder . Instantly raise your website appearance with this stylish new addon.', ], 'show_rating' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING_ENABLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING_ENABLE_DESC'), 'std' => 1, ], 'client_rating' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_CLIENT_RATING_DESC'), 'depends' => [['show_rating', '!=', 0]], 'std' => 4.5, 'min' => 1, 'max' => 5, 'step' => .5, ], 'testimonial_carousel_img' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CLIENT_IMAGE_DESC'), 'std' => ['src' => 'https://sppagebuilder.com/addons/image_carousel/image-carousel-default.jpg'], ], ], ], 'content_alignment_separator' => [ 'type' => 'separator', ], 'content_alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'center', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ], ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'depends' => [['testimonial_carousel_layout', '!=', 'testi_layout3']], 'fields' => [ 'content_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), ], 'content_padding_separator' => [ 'type' => 'separator', ], 'content_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, ], 'content_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'min' => 0, 'max' => 300, ], ], ], 'name' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NAME'), 'fields' => [ 'name_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'name_font_family', 'size' => 'name_fontsize', 'line_height' => 'name_lineheight', 'letter_spacing' => 'name_letterspace', 'uppercase' => 'name_font_style.uppercase', 'italic' => 'name_font_style.italic', 'underline' => 'name_font_style.underline', 'weight' => 'name_font_style.weight', ], ], 'name_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#6d7175', ], 'name_separator' => [ 'type' => 'separator', ], 'name_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'responsive' => true, 'std' => ['xl' => '10px 0px 0px 0px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], ], ], ], 'designation' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DESIGNATION'), 'fields' => [ 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'designation_font_family', 'size' => 'designation_fontsize', 'line_height' => 'designation_lineheight', 'letter_spacing' => 'designation_letterspace', 'uppercase' => 'designation_font_style.uppercase', 'italic' => 'designation_font_style.italic', 'underline' => 'designation_font_style.underline', 'weight' => 'designation_font_style.weight', ], ], 'designation_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#888d92', ], ], ], 'message' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_MESSAGE'), 'fields' => [ 'message_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'message_font_family', 'size' => 'message_fontsize', 'line_height' => 'message_lineheight', 'letter_spacing' => 'message_letterspace', 'uppercase' => 'message_font_style.uppercase', 'italic' => 'message_font_style.italic', 'underline' => 'message_font_style.underline', 'weight' => 'message_font_style.weight', ], ], 'message_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#888d92', ], 'message_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#F8F8F8', 'depends' => [['testimonial_carousel_layout', '=', 'testi_layout3']], ], 'message_spacing_separator' => [ 'type' => 'separator', ], 'message_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'placeholder' => '10', 'responsive' => true, 'std' => ['xl' => '30px 30px 30px 30px', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => ''], 'depends' => [['testimonial_carousel_layout', '=', 'testi_layout3']], ], 'message_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'min' => 0, 'max' => 300, 'depends' => [['testimonial_carousel_layout', '=', 'testi_layout3']], ], 'message_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'responsive' => true, 'min' => 0, 'max' => 300, ], 'message_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'responsive' => true, 'std' => ['xl' => 40], 'min' => 0, 'max' => 300, ], ], ], 'avatar' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_AVATAR'), 'fields' => [ 'avatar_layout' => [ 'type' => 'thumbnail', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LAYOUT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_AVATAR_STYLE_DESC'), 'columns' => 2, 'values' => [ 'avatar_layout1' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 76"><path opacity="0.1" d="M0 0h146v76H0V0z" fill="currentColor"/><path d="M26.205 52.328c7.58 0 13.726-6.136 13.726-13.705 0-7.57-6.145-13.705-13.726-13.705-7.58 0-13.726 6.136-13.726 13.705s6.145 13.705 13.726 13.705z" fill="currentColor"/><path opacity="0.6" d="M93.086 29.902H49.17a3 3 0 00-3 3v1.475a3 3 0 003 3h43.915a3 3 0 003-3v-1.475a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M132.021 43.607h-84.35a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h84.35a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5z" fill="currentColor"/></svg>'], 'avatar_layout2' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 76"><path opacity="0.1" d="M0 0h146v76H0V0z" fill="currentColor"/><path d="M120.205 52.328c7.581 0 13.726-6.136 13.726-13.705 0-7.57-6.145-13.705-13.726-13.705-7.581 0-13.726 6.136-13.726 13.705s6.145 13.705 13.726 13.705z" fill="currentColor"/><path opacity="0.6" d="M96.394 29.918H52.479a3 3 0 00-3 3v1.475a3 3 0 003 3h43.915a3 3 0 003-3v-1.475a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M98.329 43.918h-84.35a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h84.35a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5z" fill="currentColor"/></svg>'], 'avatar_layout3' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 76"><path opacity="0.1" d="M0 0h146v76H0V0z" fill="currentColor"/><path d="M26.205 39.869c7.58 0 13.726-6.136 13.726-13.705 0-7.57-6.145-13.705-13.726-13.705-7.58 0-13.726 6.136-13.726 13.705s6.145 13.705 13.726 13.705z" fill="currentColor"/><path opacity="0.6" d="M59.394 46.098H15.479a3 3 0 00-3 3v1.475a3 3 0 003 3h43.915a3 3 0 003-3v-1.475a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M98.329 59.803h-84.35a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h84.35a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5z" fill="currentColor"/></svg>'], 'avatar_layout4' => ['svg' => '<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 146 76"><path opacity="0.1" d="M0 0h146v76H0V0z" fill="currentColor"/><path d="M26.205 63.869c7.58 0 13.726-6.136 13.726-13.705 0-7.57-6.145-13.705-13.726-13.705-7.58 0-13.726 6.136-13.726 13.705s6.145 13.705 13.726 13.705z" fill="currentColor"/><path opacity="0.6" d="M59.394 13.098H15.479a3 3 0 00-3 3v1.475a3 3 0 003 3h43.915a3 3 0 003-3v-1.475a3 3 0 00-3-3z" fill="currentColor"/><path opacity="0.3" d="M98.329 26.459h-84.35a1.5 1.5 0 00-1.5 1.5v.738a1.5 1.5 0 001.5 1.5h84.35a1.5 1.5 0 001.5-1.5v-.738a1.5 1.5 0 00-1.5-1.5z" fill="currentColor"/></svg>'], ], 'std' => 'avatar_layout3', 'depends' => [['testimonial_carousel_layout', '!=', 'testi_layout3']], ], 'avatar_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'std' => ['xl' => 60], 'responsive' => true, 'min' => 1, 'max' => 200, ], 'avatar_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => ['xl' => 60], 'responsive' => true, 'min' => 1, 'max' => 200, ], 'avatar_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'std' => 100, 'min' => 0, 'max' => 1000, ], 'avatar_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => ['xl' => 15], 'min' => 0, 'max' => 200, 'responsive' => true, 'depends' => [['testimonial_carousel_layout', '!=', 'testi_layout3']], ], ], ], 'quote' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_QUOTE'), 'fields' => [ 'show_quote_icon' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_QUOTE'), 'std' => 1, 'is_header' => 1, ], 'quote_icon_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#dbdbdb', 'depends' => [['show_quote_icon', '=', 1]], ], 'quote_icon_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 50], 'min' => 10, 'max' => 200, 'responsive' => true, 'depends' => [['show_quote_icon', '=', 1]], ], 'quote_icon_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => ['xl' => 20], 'min' => 0, 'max' => 200, 'responsive' => true, 'depends' => [['show_quote_icon', '=', 1]], ], ], ], 'ratings' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_RATINGS'), 'fields' => [ 'rating_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#ffb527', ], 'rating_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SIZE'), 'std' => ['xl' => 18], 'min' => 0, 'max' => 200, 'responsive' => true, ], 'rating_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN'), 'std' => ['xl' => 20], 'min' => 0, 'max' => 200, 'responsive' => true, ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'carousel_item_number' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_NUMBER_DESC'), 'min' => 1, 'max' => 15, 'responsive' => true, ], 'carousel_margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_ITEM_MARGIN_DESC'), 'responsive' => true, 'std' => ['xl' => 15], ], 'carousel_autoplay_separator' => [ 'type' => 'separator', ], 'carousel_autoplay' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_AUTOPLAY_DESC'), 'std' => 0, ], 'carousel_interval' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_INTERVAL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_CAROUSEL_INTERVAL_DESC'), 'std' => 4500, 'depends' => [['carousel_autoplay', '=', 1]], ], 'carousel_speed' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SPEED_DESC'), 'std' => 1500, ], // Bullets 'carousel_bullet_separator' => [ 'type' => 'separator', ], 'carousel_bullet' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_CONTROLLERS_DESC'), 'std' => 1, ], 'bullet_position_verti' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION_DESC'), 'min' => -100, 'max' => 100, 'responsive' => true, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_position_hori' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION_DESC'), 'min' => -2000, 'max' => 2000, 'responsive' => true, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 100, 'min' => 0, 'std' => 12, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 100, 'min' => 0, 'std' => 12, 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_style' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ACTIVE'), 'value' => 'active'], ], 'std' => 'normal', 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#dbdbdb', 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'normal']], ], 'bullet_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 20, 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'normal']], ], 'bullet_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'normal']], ], 'bullet_active_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#373bff', 'depends' => [['carousel_bullet', '=', 1], ['bullet_style', '=', 'active']], ], 'bullet_border_radius_separator' => [ 'type' => 'separator', 'depends' => [['carousel_bullet', '=', 1]], ], 'bullet_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS_DESC'), 'max' => 100, 'depends' => [['carousel_bullet', '=', 1]], ], // Arrow 'carousel_arrow_separator' => [ 'type' => 'separator', ], 'carousel_arrow' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_SHOW_ARROWS_DESC'), 'std' => 1, ], 'arrow_position_verti' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_VERTICAL_POSITION_DESC'), 'min' => -100, 'max' => 100, 'responsive' => true, 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_position_hori' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_CAROUSEL_CONTROLLER_HORI_POSITION_DESC'), 'min' => -200, 'max' => 200, 'responsive' => true, 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_icon' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON'), 'values' => [ 'angle' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON_ANGLE'), 'long_arrow' => Text::_('COM_SPPAGEBUILDER_ADDON_TESTIMONIAL_PRO_ARROWS_ICON_LONG_ARROW'), ], 'std' => 'long_arrow', 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_style' => [ 'type' => 'buttons', 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal_arrow'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover_arrow'], ], 'std' => 'normal_arrow', 'depends' => [['carousel_arrow', '=', 1]], ], 'arrow_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'std' => '', 'max' => 200, 'min' => 10, 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'std' => 50, ], 'arrow_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => '', 'max' => 200, 'min' => 10, 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'std' => 52, ], 'arrow_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#fff', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#373bff', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'min' => 0, 'max' => 100, 'std' => 24, 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'min' => 0, 'max' => 20, ], 'arrow_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '#373bff', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], ], 'arrow_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'normal_arrow'], ], 'max' => 1000, 'min' => 0, 'std' => '0', ], 'arrow_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'hover_arrow'], ], ], 'arrow_hover_background' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'hover_arrow'], ], ], 'arrow_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['carousel_arrow', '=', 1], ['arrow_style', '=', 'hover_arrow'], ], ], ], ], ], ]); ��testimonial_carousel/.htaccess��0000555��00000000355�15231074400�0012567 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pricelist/assets/images/icon.png��0000644��00000002605�15231074400�0012746 0��ustar�00��PNG �� IHDR��i7�@��gAMA��a�� cHRM��z&��u0��`��:��p��Q<��bKGD��#2�� pHYs�� B(�x��tIME�7\|�!��SIDATx��_h�e�?g;� C�D͵�sˋ��%��&�n��A(�X""^�b��P�.D�AAT��rG˖H�U�6��v��iz�#�}��}��b{�=�~y��l��w�M?�,}�;G?/1{��5hiPP�/��j1 �M��rA�J��,��5�Z�@-@��PPc��X�jjBX��C��g��B(�E��vP�Z��i�a�?$�J^W� ��`��+��&b��Yŧ�ſ��i�㭀��Q�(4���� (��\|��3�&�g�蠕��W{�K�=�`�b�(��fj��6�}��9w��o�~r�� /;�52�X�C��V��u�k�I��@W #�#`2��.�M�� L�Yz��iy`�a>��'`�6W�N�� b�]�y�C��U&�G�&��즩\|��Ԟ�`Ai�ϤU��/��=��M�'?R�+�`X��`X��`X�� `�ڀ:��ѝ�M�X�۬f@m"��f6��D��0JD��P��2��U�b� ��-��N�3:��! �7m�x��\.<�@��N��8_�:��W�z��圝��<�+�圙��I.W�}��F ��qg�33��e� "�t&�G�&��)>ci�x?�ړ_�~��W՞��c�k�?얘Z�@-@��PPc��X�jj,��RP��W�B�/��b��ڀuz��^氖-j7a��E��ڂuX-\|T�X��^#!q�/�R��:\/��J��9��;�Nmy']�!��U�ӓ�队��N9L�3��;��17��?W�]s��l��A�]~�B����!p�; ��%�g0�',��@�Gh��;��a族_�"Cj#�l��Ǘ��'?��Vm��%��PPc��X�jj,��5�Z�@-@ͬ�;B�j)�Rvk�yZ-@MC�Q?��s<�֡�Ϟ.9s�鸗��%tEXtdate:create�2018-08-29T08:55:14+02:00�M�>��%tEXtdate:modify�2018-08-29T08:55:14+02:00��tEXtSoftware�www.inkscape.org��<��IEND�B`��pricelist/assets/images/.htaccess��0000555��00000000355�15231074400�0013107 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pricelist/assets/.htaccess��0000555��00000000355�15231074400�0011642 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pricelist/site.php��0000644��00000057157�15231074400�0010232 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; // No direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonPricelist extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; // Options $text = (isset($settings->text) && $settings->text) ? $settings->text : ''; $price_position = (isset($settings->price_position) && $settings->price_position) ? $settings->price_position : 'right-to-title'; $price = (isset($settings->price) && $settings->price) ? $settings->price : '$20.00'; $discount_price = (isset($settings->discount_price) && $settings->discount_price) ? $settings->discount_price : ''; $add_line = (isset($settings->add_line) && $settings->add_line) ? $settings->add_line : 0; $line_style = (isset($settings->line_style) && $settings->line_style) ? $settings->line_style : 'solid'; $line_position = (isset($settings->line_position) && $settings->line_position) ? $settings->line_position : 'center'; $add_number_or_image = (isset($settings->add_number_or_image) && $settings->add_number_or_image) ? $settings->add_number_or_image : 0; $number_or_image_left = (isset($settings->number_or_image_left) && $settings->number_or_image_left) ? $settings->number_or_image_left : 'image'; $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_src = isset($image->src) ? $image->src : $image; $image_width = (isset($image->width) && $image->width) ? $image->width : ''; $image_height = (isset($image->height) && $image->height) ? $image->height : ''; $image_tag = (isset($settings->image_tag) && $settings->image_tag) ? $settings->image_tag : ''; $image_tag_text = (isset($settings->image_tag_text) && $settings->image_tag_text) ? $settings->image_tag_text : ''; $image_tag_radius = (isset($settings->image_tag_radius) && $settings->image_tag_radius) ? $settings->image_tag_radius : ''; $number_text = (isset($settings->number_text) && $settings->number_text) ? $settings->number_text : 1; // Lazy load image $placeholder = $image_src == '' ? false : $this->get_image_placeholder($image_src); if (strpos($image_src, "http://") !== false \|\| strpos($image_src, "https://") !== false) { $image = $image_src; } else { $image = Uri::base() . $image_src; } $content_alignment = ''; if ($price_position == "content-bottom") { $content_alignment = 'sppb-text-alignment'; } $split_price = preg_split("/[\.]+/", $price); $price_text = ''; $price_zero = ''; if ($split_price) { $price_text = isset($split_price[0]) ? $split_price[0] : ''; $price_zero = isset($split_price[1]) ? '.' . $split_price[1] : ''; } $dis_split_price = preg_split("/[\.]+/", $discount_price); $dis_price_text = ''; $dis_price_zero = ''; if ($dis_split_price) { $dis_price_text = isset($dis_split_price[0]) ? $dis_split_price[0] : ''; $dis_price_zero = isset($dis_split_price[1]) ? '.' . $dis_split_price[1] : ''; } // Building price $price_output = ''; $dis_price_output = ''; $line_style_output = ''; $discount_class = ''; if ($price_position && $discount_price) { $discount_class = 'discounted-price'; } if ($price_position && $price) { $price_output = '<span class="pricelist-price ' . $discount_class . '">' . $price_text . '<span class="pricelist-point-zero">' . $price_zero . '</span></span>'; } if ($price_position && $discount_price) { $dis_price_output = '<span class="pricelist-price">' . $dis_price_text . '<span class="pricelist-point-zero">' . $dis_price_zero . '</span></span>'; } if ($add_line && $line_style) { if ($line_position == 'title-bottom') { $line_style_output .= '<span class="pricelist-line title-bottom"><span class="pricelist-line-style-' . $line_style . '"></span></span>'; } else { $line_style_output .= '<span class="pricelist-line"><span class="pricelist-line-style-' . $line_style . '"></span></span>'; } } //Output $output = ''; $output .= '<div class="sppb-addon sppb-addon-pricelist ' . $class . '">'; if ($add_number_or_image) { $output .= '<div class="pricelist-left-image">'; if ($number_or_image_left == 'image') { $alt_text = ($title) ? $title : ''; $output .= '<img ' . ($placeholder ? 'class="sppb-element-lazy"' : '') . ' src="' . ($placeholder ? $placeholder : $image) . '" alt="' . $alt_text . '" ' . ($placeholder ? 'data-large="' . $image . '"' : '') . ' ' . ($image_width ? 'width="' . $image_width . '"' : '') . ' ' . ($image_height ? 'height="' . $image_height . '"' : '') . ' loading="lazy">'; if ($image_tag && $image_tag_text) { $tag_class = ($image_tag_radius) ? 'tag-radius' : ''; $output .= '<span class="pricelist-tag ' . $tag_class . '">' . $image_tag_text . '</span>'; } } else { $output .= '<div class="pricelist-left-number">'; $output .= $number_text; $output .= '</div>'; } $output .= '</div>'; } $output .= '<div class="pricelist-text-content ' . $content_alignment . '">'; if ($title) { $output .= '<div class="sppb-addon-title" style="display: block;">'; $output .= '<span class="pricelist-title-content">'; $output .= '<span class="pricelist-title">' . $title; if ($price_position == 'with-title') { $output .= '<span class="pricelist-price-with-title">' . $price_output . ' ' . $dis_price_output . '</span>'; } $output .= '</span>'; if ($line_position != 'title-bottom' && $price_position == 'right-to-title') { $output .= $line_style_output; } if ($price_position == 'right-to-title') { $output .= '<span class="pricelist-price-content">' . $price_output . ' ' . $dis_price_output . '</span>'; } $output .= '</span>'; $output .= '</div>'; } if ($line_position == 'title-bottom') { $output .= $line_style_output; } $output .= '<div class="sppb-addon-content">'; $output .= $text; $output .= '</div>'; if ($price_position == 'content-bottom') { $output .= '<span class="pricelist-price-content bottom-of-content">' . $price_output . ' ' . $dis_price_output . '</span>'; } if ($line_position != 'title-bottom' && $price_position == 'content-bottom') { $output .= $line_style_output; } $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $css = ''; $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $priceListTypographyStyle = $cssHelper->typography( '.sppb-addon-content', $settings, 'content_typography', [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight', ] ); $lineProps = [ 'line_size' => $settings->add_line ? 'border-bottom-width' : null, 'line_color' => $settings->add_line ? 'border-bottom-color' : null, ]; $lineStyle = $cssHelper->generateStyle('.pricelist-line span', $settings, $lineProps, ['line_color' => false]); $lineBottomProps = [ 'line_top_gap' => $settings->add_line && $settings->line_position === 'title-bottom' ? 'margin-top' : null, 'line_bottom_gap' => $settings->add_line && $settings->line_position === 'title-bottom' ? 'margin-bottom' : null, ]; $linePositionStyle = $cssHelper->generateStyle('.pricelist-line', $settings, ['line_position' => $settings->add_line ? ['-webkit-box-align', '-ms-flex-align', 'align-items'] : null,], false); $lineBottomStyle = $cssHelper->generateStyle('.pricelist-line.title-bottom', $settings, $lineBottomProps); $priceContentStyle = $cssHelper->generateStyle('.pricelist-price-content.bottom-of-content', $settings, ['price_top_gap' => 'margin-top', 'price_bottom_gap' => 'margin-bottom']); $priceTitleTypographyStyle = $cssHelper->typography('.pricelist-price-content.bottom-of-content', $settings, 'title_typography', [ 'font' => 'font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ]); $zeroPositionStyle = $cssHelper->generateStyle('.pricelist-point-zero', $settings, ['zero_position' => 'vertical-align'], false); $discountPriceStyle = $cssHelper->generateStyle('.pricelist-price.discounted-price', $settings, ['discount_price_position' => 'vertical-align'], false); $priceStyle = $cssHelper->generateStyle('.pricelist-price-content', $settings, ['price_color' => 'color',], false); $priceTypographyStyle = $cssHelper->typography( '.pricelist-price-content', $settings, 'price_typography', [ 'font' => 'price_font_family', 'size' => 'price_fontsize', 'weight' => 'price_fontweight', ] ); $contentPositionStyle = $cssHelper->generateStyle('.sppb-text-alignment', $settings, ['content_position' => 'text-align'], false); $positionMap = ['left' => 'flex-start', 'right' => 'flex-end', 'center' => 'center']; if (!empty($settings->content_position_original)) { if (\is_object($settings->content_position_original)) { $settings->content_position_alt = \json_decode(\json_encode($settings->content_position_original)); foreach ($settings->content_position_original as $key => $position) { $settings->content_position_alt->$key = isset($positionMap[$position]) ? $positionMap[$position] : ''; } } } $titlePositionStyle = $cssHelper->generateStyle('.pricelist-title-content', $settings, ['content_position_alt' => 'justify-content'], false); $tagStyle = $cssHelper->generateStyle( '.pricelist-tag', $settings, [ 'image_tag_bg' => $settings->image_tag ? 'background-color' : null, 'image_tag_radius' => $settings->image_tag ? 'border-radius' : null, 'image_tag_top_margin' => $settings->image_tag ? 'top' : null, 'image_tag_left_margin' => $settings->image_tag ? 'left' : null ], ['image_tag_bg' => false] ); if ($settings->add_number_or_image) { $numberOrImageStyle = $cssHelper->generateStyle('.pricelist-left-image', $settings, ['image_width' => ['-ms-flex: 0 0 %s', 'flex: 0 0 %s', 'max-width'], 'image_gutter' => 'padding-right'], ['image_width' => '%']); $settings->image_width = AddonUtils::parseDeviceData($settings->image_width, SpPgaeBuilderBase::$defaultDevice); if (!isset($settings->image_width)) { $settings->image_width = 15; } $settings->content_width = isset($settings->image_width_original) ? $settings->image_width_original : $settings->image_width; if(is_object($settings->content_width)) { foreach ($settings->content_width as $device => $value) { if(!empty($value)) { $settings->content_width->$device = 100 - (int) $value; } } } else { $settings->content_width = 100 - (int) $settings->content_width; } $imageWidthGutterStyle = $cssHelper->generateStyle('.pricelist-text-content', $settings, ['content_width' => ['-ms-flex: 0 0 %s', 'flex: 0 0 %s', 'max-width: %s'], 'image_gutter' => 'padding-left'], ['content_width' => '%']); $css .= $numberOrImageStyle; $css .= $imageWidthGutterStyle; } $imageBorderRadiusStyle = $cssHelper->generateStyle('.pricelist-left-number,.pricelist-left-image img', $settings, ['image_border_radius' => 'border-radius']); $numberStyle = $cssHelper->generateStyle( '.pricelist-left-number', $settings, [ 'number_bg_color' => 'background-color', 'number_color' => 'color', 'number_top_padding' => 'padding-top', 'number_bottom_padding' => 'padding-bottom', ], ['number_bg_color' => false, 'number_color' => false] ); $numberTypographyStyle = $cssHelper->typography( '.pricelist-left-number', $settings, 'number_typography', [ 'font' => 'number_font_family', 'size' => 'number_fontsize', 'italic' => 'number_fontstyle', 'weight' => 'number_fontweight', ] ); $css .= $tagStyle; $css .= $lineStyle; $css .= $priceStyle; $css .= $numberStyle; $css .= $lineBottomStyle; $css .= $zeroPositionStyle; $css .= $linePositionStyle; $css .= $priceContentStyle; $css .= $titlePositionStyle; $css .= $discountPriceStyle; $css .= $contentPositionStyle; $css .= $priceTypographyStyle; $css .= $numberTypographyStyle; $css .= $imageBorderRadiusStyle; $css .= $priceListTypographyStyle; $css .= $priceTitleTypographyStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let split_price = _.split(data.price, "."); let price_text = ""; let price_zero = ""; if(split_price){ price_text = !_.isEmpty(split_price[0]) ? split_price[0] : ""; price_zero = !_.isEmpty(split_price[1]) ? "."+split_price[1] : ""; } let dis_split_price = _.split(data.discount_price, "."); let dis_price_text = ""; let dis_price_zero = ""; if(dis_split_price){ dis_price_text = !_.isEmpty(dis_split_price[0]) ? dis_split_price[0] : ""; dis_price_zero = !_.isEmpty(dis_split_price[1]) ? "."+dis_split_price[1] : ""; } let discount_class = ""; let price_output = ""; let dis_price_output = ""; let line_style_output = ""; if(data.price_position && data.discount_price){ discount_class = "discounted-price"; } if(data.price_position && data.price){ price_output = \'<span class="pricelist-price \' + discount_class + \'">\'+ price_text + \'<span class="pricelist-point-zero">\'+price_zero+\'</span></span>\'; } if(data.price_position && data.discount_price){ dis_price_output = \'<span class="pricelist-price">\'+dis_price_text+\'<span class="pricelist-point-zero">\'+dis_price_zero+\'</span></span>\'; } if(data.add_line && data.line_style){ if(data.line_position == "title-bottom"){ line_style_output += \'<span class="pricelist-line title-bottom"><span class="pricelist-line-style-\'+data.line_style+\'"></span></span>\'; } else { line_style_output += \'<span class="pricelist-line"><span class="pricelist-line-style-\'+data.line_style+\'"></span></span>\'; } } let content_alignment = ""; if(data.price_position == "content-bottom"){ content_alignment = "sppb-text-alignment"; } let device_list = ["xl", "lg", "md", "sm", "xs"]; let content_width = ""; if(_.isObject(data.image_width)) { content_width = {}; for(const device of device_list) { if(!data.image_width[device]) { continue; } content_width[device] = 100 - Number(data.image_width[device]); } } else { content_width = 100 - Number(data.image_width); } #> <style type="text/css">'; // Content $contentTypographyFallbacks = [ 'font' => 'data.text_font_family', 'size' => 'data.text_fontsize', 'line_height' => 'data.text_lineheight', 'weight' => 'data.text_fontweight', ]; $output .= $lodash->typography('.sppb-addon-content', 'data.content_typography', $contentTypographyFallbacks); $output .= $lodash->unit('border-bottom-width', '.pricelist-line span', 'data.line_size', 'px'); $output .= '<# if (data.add_line \|\| data.price_position) { #>'; $output .= $lodash->border('border-bottom-width', '.pricelist-line span', 'data.line_size'); $output .= $lodash->border('border-bottom-color', '.pricelist-line span', 'data.line_color'); $output .= $lodash->unit('-webkit-box-align', '.pricelist-line', 'data.line_position', false); $output .= $lodash->unit('-ms-flex-align', '.pricelist-line', 'data.line_position', false); $output .= $lodash->unit('align-items', '.pricelist-line', 'data.line_position', false); $output .= '<# if (data.line_position == "title-bottom") { #>'; $output .= $lodash->unit('margin-top', '.pricelist-line.title-bottom', 'data.line_top_gap', 'px'); $output .= $lodash->unit('margin-bottom', '.pricelist-line.title-bottom', 'data.line_bottom_gap', 'px'); $output .= '<# } #>'; $output .= '<# } #>'; $output .= '<# if (data.price_top_gap \|\| data.price_bottom_gap) { #>'; $output .= '#sppb-addon-{{data.id}} .pricelist-price-content.bottom-of-content { display: block; }'; $output .= $lodash->unit('margin-top', '.pricelist-price-content.bottom-of-content', 'data.price_top_gap', 'px'); $output .= $lodash->unit('margin-bottom', '.pricelist-price-content.bottom-of-content', 'data.price_bottom_gap', 'px'); $output .= $lodash->unit('font-family', '.pricelist-price-content.bottom-of-content', 'data.font_family', ''); $output .= '<# } #>'; $output .= '<# if (data.add_number_or_image) { #>'; $output .= $lodash->flex('-ms-flex', '.pricelist-left-image', 'data.image_width', '%'); $output .= $lodash->flex('flex', '.pricelist-left-image', 'data.image_width', '%'); $output .= $lodash->unit('max-width', '.pricelist-left-image', 'data.image_width', '%'); $output .= $lodash->unit('padding-right', '.pricelist-left-image', 'data.image_gutter', 'px'); $output .= $lodash->flex('-ms-flex', '.pricelist-text-content', 'content_width', '%'); $output .= $lodash->flex('flex', '.pricelist-text-content', 'content_width', '%'); $output .= $lodash->unit('max-width', '.pricelist-text-content', 'content_width', '%'); $output .= $lodash->unit('padding-left', '.pricelist-text-content', 'data.image_gutter', 'px'); $output .= '<# } #>'; $output .= $lodash->color('color', '.pricelist-price-content', 'data.price_color'); $output .= '<# if (data.number_text && data.number_or_image_left=="number") { #>'; $output .= $lodash->color('background-color', '.pricelist-left-number', 'data.number_bg_color'); $output .= $lodash->color('color', '.pricelist-left-number', 'data.number_color'); $output .= $lodash->unit('padding-top', '.pricelist-left-number', 'data.number_top_padding', 'px'); $output .= $lodash->unit('padding-bottom', '.pricelist-left-number', 'data.number_bottom_padding', 'px'); $output .= '<# } #>'; $output .= $lodash->color('color', '.pricelist-price.discounted-price', 'data.discount_price_color'); $output .= '<# if (data.discount_price_position) { #>'; $output .= $lodash->unit('vertical-align', '.pricelist-price.discounted-price ', 'data.discount_price_position', '', false); $output .= '<# } #>'; $output .= $lodash->unit('border-radius', '.pricelist-left-number, .pricelist-left-image img', 'data.image_border_radius', '%'); $output .= $lodash->unit('border-radius', '.pricelist-tag', 'data.image_tag_radius', 'px'); $output .= $lodash->unit('top', '.pricelist-tag', 'data.image_tag_top_margin', 'px'); $output .= $lodash->unit('left', '.pricelist-tag', 'data.image_tag_left_margin', 'px'); $output .= $lodash->color('background-color', '.pricelist-tag', 'data.image_tag_bg'); $output .= $lodash->flexAlignment('.pricelist-title-content', 'data.content_position'); $output .= '<# if (data.zero_position) { #>'; $output .= $lodash->unit('vertical-align', '.pricelist-point-zero', 'data.zero_position', '', false); $output .= '<# } #>'; // Title $titleTypographyFallbacks = [ 'font' => 'data.font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.pricelist-title-content', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // Price $priceTypographyFallbacks = [ 'font' => 'data.price_font_family', 'size' => 'data.price_fontsize', 'weight' => 'data.price_fontweight', ]; $output .= $lodash->typography('.pricelist-price-content', 'data.price_typography', $priceTypographyFallbacks); // Number $numberTypographyFallbacks = [ 'font' => 'data.number_font_family', 'size' => 'data.number_fontsize', 'italic' => 'data.number_fontstyle', 'weight' => 'data.number_fontweight', ]; $output .= $lodash->typography('.pricelist-left-number', 'data.number_typography', $numberTypographyFallbacks); $output .= ' </style> <div class="sppb-addon sppb-addon-pricelist {{data.class}}"> <# if(data.add_number_or_image){ #> <div class="pricelist-left-image"> <# if(data.number_or_image_left=="image") { var priceListImg = {} if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { priceListImg = data.image } else { priceListImg = {src: data.image} } if(priceListImg.src.indexOf("http://") == -1 && priceListImg.src.indexOf("https://") == -1){ #> <img class="sppb-img-responsive" src=\'{{ pagebuilder_base + priceListImg.src }}\'> <# } else { #> <img class="sppb-img-responsive" src=\'{{ priceListImg.src }}\'> <# } if(data.image_tag && data.image_tag_text){ let tag_class = ""; if (data.image_tag_radius !== undefined && data.image_tag_radius) { tag_class = "tag-radius"; }; #> <span class="pricelist-tag {{tag_class}}">{{data.image_tag_text}}</span> <# } } else { #> <div class="pricelist-left-number"> {{data.number_text}} </div> <# } #> </div> <# } #> <div class="pricelist-text-content {{content_alignment}}"> <# if (data.title) { #> <div class="sppb-addon-title" style="display: block;"> <span class="pricelist-title-content"> <span class="pricelist-title"> <span class="sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{data.title}}}</span> <# if(data.price_position=="with-title"){ #> <span class="pricelist-price-with-title">{{{price_output}}} {{{dis_price_output}}}</span> <# } #> </span> <# if(data.line_position !== "title-bottom" && data.price_position=="right-to-title"){ #> {{{line_style_output}}} <# } #> <# if(data.price_position=="right-to-title"){ #> <span class="pricelist-price-content">{{{price_output}}} {{{dis_price_output}}}</span> <# } #> </span> </div> <# } #> <# if (data.line_position == "title-bottom") { #> {{{line_style_output}}} <# } #> <div class="sppb-addon-content sp-editable-content" id="addon-text-{{data.id}}" data-id={{data.id}} data-fieldName="text"> {{{data.text}}} </div> <# if (data.price_position=="content-bottom") { #> <span class="pricelist-price-content bottom-of-content">{{{price_output}}} {{{dis_price_output}}}</span> <# } #> <# if(data.line_position !== "title-bottom" && data.price_position=="content-bottom"){ #> {{{line_style_output}}} <# } #> </div> </div>'; return $output; } } ��pricelist/admin.php��0000644��00000043123�15231074400�0010342 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https: //www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'pricelist', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M5.379 6.36c-.53-.304-1.094-.535-1.652-.775a3.674 3.674 0 01-.907-.527c-.538-.445-.435-1.168.196-1.454.178-.08.365-.107.555-.119a4.088 4.088 0 012.087.428c.33.165.438.113.55-.242.117-.376.214-.758.323-1.137.073-.254-.017-.422-.248-.529a5.168 5.168 0 00-1.317-.408c-.597-.095-.597-.098-.6-.72-.003-.876-.003-.876-.851-.876-.123 0-.246-.003-.368 0-.396.012-.463.084-.475.498-.005.185 0 .37-.002.558-.003.549-.006.54-.514.731C.93 2.251.17 3.118.09 4.506c-.073 1.23.547 2.059 1.52 2.663.6.373 1.264.593 1.9.885.249.113.486.243.692.422.611.524.5 1.394-.226 1.723-.387.177-.798.22-1.219.165A5.302 5.302 0 01.898 9.79c-.343-.185-.444-.136-.561.249-.1.332-.19.668-.279 1.003-.12.451-.075.558.34.769.53.266 1.097.402 1.674.497.453.075.466.096.472.582.003.22.003.442.006.662.002.277.13.44.407.445.312.006.628.006.94-.003.257-.006.388-.15.388-.42 0-.3.014-.604.003-.904-.014-.307.114-.463.399-.544a3.144 3.144 0 001.643-1.093c1.194-1.503.74-3.704-.951-4.672z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M32 5c0 .552-.428 1-.956 1H10.956C10.428 6 10 5.552 10 5s.428-1 .957-1h20.087c.528 0 .956.448.956 1zM21 10a1 1 0 01-1 1h-9a1 1 0 110-2h9a1 1 0 011 1z" fill="currentColor"/><path d="M5.379 24.36c-.53-.304-1.094-.535-1.652-.775a3.675 3.675 0 01-.907-.527c-.538-.445-.435-1.168.196-1.454.178-.08.365-.107.555-.119a4.088 4.088 0 012.087.428c.33.165.438.113.55-.242.117-.376.214-.758.323-1.137.073-.254-.017-.422-.248-.529a5.166 5.166 0 00-1.317-.408c-.597-.095-.597-.098-.6-.72-.003-.876-.003-.876-.851-.876-.123 0-.246-.003-.368 0-.396.012-.463.084-.475.498-.005.185 0 .37-.002.558-.003.549-.006.54-.514.731C.93 20.251.17 21.118.09 22.506c-.073 1.23.547 2.059 1.52 2.663.6.373 1.264.593 1.9.885.249.113.486.243.692.422.611.524.5 1.394-.226 1.724-.387.176-.798.22-1.219.164a5.302 5.302 0 01-1.858-.575c-.343-.185-.444-.136-.561.249-.1.332-.19.668-.279 1.003-.12.451-.075.558.34.769.53.266 1.097.402 1.674.497.453.076.466.096.472.582.003.22.003.442.006.662.002.277.13.44.407.445.312.006.628.006.94-.003.257-.006.388-.15.388-.42 0-.3.014-.604.003-.904-.014-.307.114-.463.399-.544a3.144 3.144 0 001.643-1.093c1.194-1.503.74-3.704-.951-4.672z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M32 23c0 .552-.428 1-.956 1H10.956c-.528 0-.956-.448-.956-1s.428-1 .957-1h20.087c.528 0 .956.448.956 1zM21 28a1 1 0 01-1 1h-9a1 1 0 110-2h9a1 1 0 011 1z" fill="currentColor"/></svg>', 'settings' => [ 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'textarea', 'std' => 'Grilled Peach & Summer Berries' ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true ], ], ], 'price' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST_PRICE'), 'fields' => [ 'price' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_DESC'), 'placeholder' => '$20.00', 'std' => '$20.00', ], 'price_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'price_font_family', 'size' => 'price_fontsize', 'weight' => 'price_fontweight', ], ], 'price_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'price_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_POSITION_DESC'), 'values' => [ 'with-title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_WITH_TITLE'), 'right-to-title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_RIGHT_TITLE'), 'content-bottom' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_CONTENT_BOTTOM'), ], 'std' => 'right-to-title', ], 'price_top_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), ], 'price_bottom_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), ], // rename to decimal alignment 'zero_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_ZERO_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_ZERO_POSITION_DESC'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_PRICELIST_POSITION_TOP'), 'baseline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], 'std' => 'baseline', ], // add separator 'discount_price_separator' => [ 'type' => 'separator', ], 'discount_price' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_DISCOUNT'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_PRICE_DISCOUNT_DESC'), 'placeholder' => '$15.00', ], 'discount_price_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'discount_price_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => Text::_('COM_SPPAGEBUILDER_PRICELIST_POSITION_TOP'), 'baseline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], 'std' => 'baseline', ], // Line 'line_separator' => [ 'type' => 'separator', 'depends' => [['price_position', '!=', 'content-bottom']], ], 'add_line' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_DIVIDER'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_DESC'), 'std' => 1, 'depends' => [['price_position', '!=', 'content-bottom']], ], 'line_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_STYLE_DESC'), 'values' => [ 'solid' => Text::_('COM_SPPAGEBUILDER_PRICELIST_LINE_SOLID'), 'dotted' => Text::_('COM_SPPAGEBUILDER_PRICELIST_LINE_DOTTED'), 'dashed' => Text::_('COM_SPPAGEBUILDER_PRICELIST_LINE_DASHED'), 'double' => Text::_('COM_SPPAGEBUILDER_PRICELIST_LINE_DOUBLE'), ], 'std' => 'dotted', 'depends' => [['price_position', '!=', 'content-bottom'], ['add_line', '!=', 0]], ], 'line_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_SIZE_DESC'), 'max' => 20, 'depends' => [['price_position', '!=', 'content-bottom'], ['add_line', '!=', 0]], ], 'line_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [['price_position', '!=', 'content-bottom'], ['add_line', '!=', 0]], ], 'line_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_POSITION_DESC'), 'values' => [ 'center' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_POSITION_CENTER'), 'flex-end' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_POSITION_BOTTOM'), 'title-bottom' => Text::_('COM_SPPAGEBUILDER_PRICELIST_ADD_LINE_POSITION_TITLE_BOTTOM'), ], 'std' => 'center', 'depends' => [['price_position', '!=', 'content-bottom'], ['add_line', '!=', 0]], ], 'line_top_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'std' => 0, 'max' => 100, 'depends' => [ ['line_position', '!=', 'center'], ['line_position', '!=', 'flex-end'], ['price_position', '!=', 'content-bottom'], ['add_line', '!=', 0] ], ], 'line_bottom_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'std' => 0, 'max' => 100, 'depends' => [ ['line_position', '!=', 'center'], ['line_position', '!=', 'flex-end'], ['price_position', '!=', 'content-bottom'], ['add_line', '!=', 0] ], ], ], ], 'image_number' => [ 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_MEDIA'), 'fields' => [ 'add_number_or_image' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_MEDIA'), 'std' => 1, 'is_header' => 1, ], 'number_or_image_left' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_MEDIA_TYPE'), 'values' => [ 'image' => Text::_('COM_SPPAGEBUILDER_PRICELIST_LEFT_IMAGE'), 'number' => Text::_('COM_SPPAGEBUILDER_PRICELIST_LEFT_NUMBER'), ], 'std' => 'image', 'depends' => [['add_number_or_image', '!=', 0]], ], 'image' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST_IMG'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST_IMG_DESC'), 'show_input' => true, 'std' => [ 'src' => 'http://demo.joomshaper.com/2015/cuisine/images/frying-pank.jpg', ], 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ], ], 'image_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'responsive' => true, 'std' => 15, 'max' => 100, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ], ], 'image_gutter' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GAP'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_GUTTER_DESC'), 'max' => 100, 'responsive' => true, 'std' => 15, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ], ], 'image_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_BORDER_RADIUS_DESC'), 'std' => '', 'max' => 100, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ], ], 'separator_image_tag' => [ 'type' => 'separator', 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ], ], 'image_tag' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_DESC'), 'std' => 0, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ], ], 'image_tag_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_TEXT_DESC'), 'placeholder' => 'HOT', 'std' => 'HOT', 'inline' => true, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ['image_tag', '!=', 0], ], ], 'image_tag_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_BG'), 'std' => '#FA0606', 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ['image_tag', '!=', 0], ], ], 'image_tag_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_RADIUS'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_RADIUS_DESC'), 'max' => 100, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ['image_tag', '!=', 0], ], ], 'image_tag_top_margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_TOP_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_TOP_MARGIN_DESC'), 'std' => 0, 'max' => 500, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ['image_tag', '!=', 0], ], ], 'image_tag_left_margin' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_LEFT_MARGIN'), 'desc' => Text::_('COM_SPPAGEBUILDER_PRICELIST_IMAGE_TAG_LEFT_MARGIN_DESC'), 'std' => 0, 'max' => 500, 'depends' => [ ['add_number_or_image', '!=', 0], ['number_or_image_left', '=', 'image'], ['image_tag', '!=', 0], ], ], // Number 'number_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST_NUMBER'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICELIST_NUMBER_DESC'), 'std' => '01', 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], 'number_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'number_font_family', 'size' => 'number_fontsize', 'italic' => 'number_fontstyle', 'weight' => 'number_fontweight', ], 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], 'number_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], 'number_bg_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], 'number_spacing_separator' => [ 'type' => 'separator', 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], 'number_top_padding' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_TOP'), 'max' => 200, 'std' => '', 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], 'number_bottom_padding' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_BOTTOM'), 'max' => 200, 'std' => '', 'depends' => [ ['number_or_image_left', '!=', 'image'], ['add_number_or_image', '!=', 0] ], ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'text' => [ 'type' => 'editor', 'std' => 'Mixed greens, fresh pulled mozzarella, garden basil, Hawaiian sea salt,extra virgin olive oil' ], 'content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'text_font_family', 'size' => 'text_fontsize', 'line_height' => 'text_lineheight', 'weight' => 'text_fontweight', ], ], 'global_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'content_position_separator' => [ 'type' => 'separator', ], 'content_position' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'available_options' => ['left', 'center', 'right'], 'responsive' => true, ], ], ], ], ]); ��pricelist/.htaccess��0000555��00000000355�15231074400�0010340 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��gallery/assets/images/icon.png��0000644��00000002672�15231074400�0012413 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:BA5EC00E40E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:BA5EC00F40E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:A9A0534940E011E69A38F8F21A167467" stRef:documentID="xmp.did:A9A0534A40E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?> ?�M��(IDATx��q�0��7q�� &� t7��.��x1C��S0��"�+":�-'D�˪�� y��Yao�I�Xs" ִ&��M^�du��mʹ��^�o�r�a��l�!�.�Ԯ�r��pSX����2�Y!z�C�`��Y`H:�9��`��`��9��EM��V��f��RPͺ�\?��6�EsB�H�\��~5�A�WO��m� ��Bk�Q�컁�l�lX��Uo%h]�d!��X��&G�E�uG?�e�ІV��Yf��뭮׵��8[�IS�=X.����f��u줕Ƒa �u=�#ĲA�U^04�˄x�}l�mZ4��I��h<,�ʣ�qbX��#Ě��)�dh�+�z�>��a��L�m�D�9}h��CrN� �5��:��g,��+XF�� xICֻ�J��R�%��)(��`��`�0��{��sg��%u��O+�s�`�}� &yS��IEND�B`��gallery/assets/images/.htaccess��0000555��00000000355�15231074400�0012550 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��gallery/assets/.htaccess��0000555��00000000355�15231074400�0011303 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��gallery/site.php��0000644��00000020436�15231074400�0007661 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / use Joomla\CMS\Uri\Uri; //no direct access defined('_JEXEC') or die('Restricted access'); class SppagebuilderAddonGallery extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; $item_alignment = (isset($settings->item_alignment) && $settings->item_alignment) ? $settings->item_alignment : ''; $item_alignment = AddonUtils::parseDeviceData($item_alignment, SpPgaeBuilderBase::$defaultDevice); $output = '<div class="sppb-addon sppb-addon-gallery ' . $class . '">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= '<ul class="sppb-gallery clearfix gallery-item-' . $item_alignment . '">'; if (isset($settings->sp_gallery_item) && count((array) $settings->sp_gallery_item)) { foreach ($settings->sp_gallery_item as $key => $value) { $thumb_img = isset($value->thumb) && $value->thumb ? $value->thumb : ''; $thumb_src = isset($thumb_img->src) ? $thumb_img->src : $thumb_img; $thumb_width = isset($thumb_img->width) && $thumb_img->width ? $thumb_img->width : ''; $thumb_height = isset($thumb_img->height) && $thumb_img->height ? $thumb_img->height : ''; $full_img = isset($value->full) && $value->full ? $value->full : ''; $full_src = isset($full_img->src) ? $full_img->src : $full_img; if ($thumb_src) { if (strpos($thumb_src, "http://") !== false \|\| strpos($thumb_src, "https://") !== false) { $thumb_src = $thumb_src; } else { $thumb_src = Uri::base(true) . '/' . $thumb_src; } $placeholder = $thumb_src == '' ? false : $this->get_image_placeholder($thumb_src); $output .= '<li>'; $output .= ($full_src) ? '<a href="' . $full_src . '" class="sppb-gallery-btn">' : ''; $output .= '<img class="sppb-img-responsive' . ($placeholder ? ' sppb-element-lazy' : '') . '" src="' . ($placeholder ? $placeholder : $thumb_src) . '" alt="' . (isset($value->title) ? $value->title : '') . '" ' . ($placeholder ? 'data-large="' . $thumb_src . '"' : '') . ' ' . ($thumb_width ? 'width="' . $thumb_width . '"' : '') . ' ' . ($thumb_height ? 'height="' . $thumb_height . '"' : '') . ' loading="lazy">'; $output .= ($full_src) ? '</a>' : ''; $output .= '</li>'; } } } $output .= '</ul>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Attach inline stylesheet. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Attach external scripts. * * @return array * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Attach inline JavaScript. * * @return string The JS string. * @since 1.0.0 / public function js() { $addon_id = '#sppb-addon-' . $this->addon->id; $js = 'jQuery(function($){ $("' . $addon_id . ' ul li").magnificPopup({ delegate: "a", type: "image", mainClass: "mfp-no-margins mfp-with-zoom", gallery:{ enabled:true }, image: { verticalFit: true }, zoom: { enabled: true, duration: 300 } }); })'; return $js; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $css = ''; $galleryStyle = $cssHelper->generateStyle('.sppb-gallery', $settings, ['item_gap' => 'margin: -%s', 'item_alignment' => 'justify-content'], ['item_alignment' => false]); $galleryImageStyle = $cssHelper->generateStyle('.sppb-gallery img', $settings, ['width' => 'width', 'height' => 'height']); $galleryItemStyle = $cssHelper->generateStyle('.sppb-gallery li', $settings, ['item_gap' => 'margin']); $css .= $galleryStyle; $css .= $galleryItemStyle; $css .= $galleryImageStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; $output .= $lodash->alignment('justify-content', '.sppb-gallery', 'data.item_alignment'); $output .= $lodash->unit('width', '.sppb-gallery img', 'data.width', 'px'); $output .= $lodash->unit('height', '.sppb-gallery img', 'data.height', 'px'); $output .= $lodash->unit('margin', '.sppb-gallery li', 'data.item_gap', 'px'); $output .= $lodash->unit('margin', '.sppb-gallery', 'data.item_gap', 'px', true, '-'); // Title $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= ' </style> <div class="sppb-addon sppb-addon-gallery {{ data.class }}"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <ul class="sppb-gallery clearfix gallery-item-{{data.item_alignment}}"> <# _.each(data.sp_gallery_item, function (value, key) { var thumbImg = {} var fullImg = {} if (typeof value.thumb !== "undefined" && typeof value.thumb.src !== "undefined") { thumbImg = value.thumb } else { thumbImg = {src: value.thumb} } if (typeof value.full !== "undefined" && typeof value.full.src !== "undefined") { fullImg = value.full } else { fullImg = {src: value.full} } if(thumbImg.src) { #> <li> <# if(fullImg.src && fullImg.src.indexOf("http://") == -1 && fullImg.src.indexOf("https://") == -1){ #> <a href=\'{{ pagebuilder_base + fullImg.src }}\' class="sppb-gallery-btn"> <# } else if(fullImg.src){ #> <a href=\'{{ fullImg.src }}\' class="sppb-gallery-btn"> <# } if(thumbImg.src && thumbImg.src.indexOf("http://") == -1 && thumbImg.src.indexOf("https://") == -1){ #> <img class="sppb-img-responsive" src=\'{{ pagebuilder_base + thumbImg.src }}\' alt="{{ value.title }}"> <# } else if(thumbImg.src){ #> <img class="sppb-img-responsive" src=\'{{ thumbImg.src }}\' alt="{{ value.title }}"> <# } #> <# if(fullImg.src){ #> </a> <# } #> </li> <# } #> <# }); #> </ul> </div> </div> '; return $output; } } ��gallery/admin.php��0000644��00000013157�15231074400�0010007 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'repeatable', 'addon_name' => 'gallery', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M25.812 20.723l-7.524 4.568a5.057 5.057 0 01-5.865-.44l-2.127-1.776a3.034 3.034 0 00-3.623-.199L1.57 26.264.451 24.58l5.103-3.388a5.057 5.057 0 016.038.33l2.127 1.776c.996.832 2.41.938 3.52.265l7.523-4.568 1.05 1.73z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M15.678 14.801a1.517 1.517 0 100 3.034 1.517 1.517 0 000-3.034zm-3.54 1.517a3.54 3.54 0 117.08 0 3.54 3.54 0 01-7.08 0z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M8.254 3.042A2.023 2.023 0 005.995 4.65l-.957 4.786-1.984-.396.957-4.787A4.046 4.046 0 018.53 1.038L28.504 3.78a4.046 4.046 0 013.461 4.536L30.16 22.035a3.895 3.895 0 01-3.862 3.387v-2.023c.94 0 1.734-.697 1.856-1.628l1.805-13.72a2.023 2.023 0 00-1.73-2.267L8.254 3.042z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.264 10.755H3.034c-.558 0-1.011.453-1.011 1.012v17.195c0 .558.453 1.011 1.011 1.011h20.23c.559 0 1.012-.453 1.012-1.011V11.767c0-.559-.453-1.012-1.012-1.012zM3.034 8.732A3.034 3.034 0 000 11.767v17.195a3.034 3.034 0 003.034 3.034h20.23a3.034 3.034 0 003.034-3.034V11.767a3.034 3.034 0 00-3.034-3.035H3.034z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'sp_gallery_item' => [ 'type' => 'repeatable', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ITEMS'), 'attr' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_ITEM_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_ITEM_TITLE_DESC'), 'std' => 'Gallery Item 1' ], 'thumb' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_THUMB'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_THUMB_DESC'), 'std' => [ 'src' => 'https://sppagebuilder.com/addons/gallery/gallery1.jpg', 'height' => '', 'width' => '', ], ], 'full' => [ 'type' => 'media', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_FULL'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_GALLERY_FULL_DESC'), 'std' => [ 'src' => 'https://sppagebuilder.com/addons/gallery/gallery1.jpg', 'height' => '', 'width' => '', ], ], ], ], 'item_alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], 'std' => [ 'xl' => 'left', 'lg' => '', 'md' => '', 'sm' => '', 'xs' => '', ], ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'responsive' => true, 'std' => ['xl' => 200], 'max' => 1000, ], 'height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'responsive' => true, 'std' => ['xl' => 200], 'max' => 1000, ], 'item_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_GAP'), 'responsive' => true, 'std' => ['xl' => 0], 'max' => 80, ], ] ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]); ��gallery/.htaccess��0000555��00000000355�15231074400�0010001 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pricing/assets/images/icon.png��0000644��00000003617�15231074400�0012407 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:41D7FAB440E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:41D7FAB540E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:41D7FAB240E011E69A38F8F21A167467" stRef:documentID="xmp.did:41D7FAB340E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>��e��IDATx�웋��0@�� l��PWAJ WArd;�^d+`;ȁd$g��a$K!?f�3c d��y+~�<��j�kE��Y}k��X�a�+��h+��V�nn� ,&��⹽��Bͪ#8x��}�i�R��sH�� ,,�R��w��]�Iҝ��k�>��F3�'݌��"t�R5I_��c��$0_� ��O��/��2�ֱԁ��EG�g�DO)�5n��Lb��p\|�� KT��:P׎6`�� `�M��s��{��/!��g]1��\c�`�,S�a�a +�Y>qx?��D�afH9�y�x��ߙ�VL��go�B4�ڏ�wIX"�Z?.'��jP ��,f�1Wt�?��9��g�In��T��Ll@P��}�k��}�"�aaQ��&��P��Y((IX0C��Ḙ��8;�+ ��<��L2T��;�o��9�a�� X�� jL��aY �p�ؚ�� Ɏ F�>��&1)��H"�U �X 5]��Iך�d��θ�X>�2�f],��-, ���VE��Y�\�d\q��e8᮰2�T��a��,�Kt��ܰ��J�=ĆE��K �� 0�Q��K�Ԙ9RCX��B��Lb!��#�R�- ��4'<�h��&��H�L���dH��LRg o4��ӻB�SN_7޹ c��e�F�� +,,h0M1�XX�(�ަ�&m[�H��\��U�X�m��4[h�t��H��67X���~7~x��s�R�J � 4�� I�2�Vph'�\|Ưo�W�A�^��f��}?�\|�G\|p��qˍ�E�\|K.�XF��f+6�Y��w� ��+�E�� m��\|A[4,lhO�VM.�О�-��e��a�@�WXz�� K��o�� kD�m8q�ܶ<E� 0�jo�`7�^��IEND�B`��pricing/assets/images/.htaccess��0000555��00000000355�15231074400�0012544 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pricing/assets/.htaccess��0000555��00000000355�15231074400�0011277 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��pricing/site.php��0000644��00000050533�15231074400�0007656 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Layout\FileLayout; class SppagebuilderAddonPricing extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'div'; //Options $price_position = (isset($settings->price_position) && $settings->price_position) ? $settings->price_position : 'before'; $price = (isset($settings->price) && $settings->price) ? $settings->price : ''; $price_symbol = (isset($settings->price_symbol) && $settings->price_symbol) ? $settings->price_symbol : ''; $duration = (isset($settings->duration) && $settings->duration) ? $settings->duration : ''; $pricing_content = (isset($settings->pricing_content) && $settings->pricing_content) ? $settings->pricing_content : ''; $button_text = (isset($settings->button_text) && $settings->button_text) ? $settings->button_text : ''; $button_url = (isset($settings->button_url) && $settings->button_url) ? $settings->button_url : ''; $button_classes = (isset($settings->button_size) && $settings->button_size) ? ' sppb-btn-' . $settings->button_size : ''; $button_classes .= (isset($settings->button_type) && $settings->button_type) ? ' sppb-btn-' . $settings->button_type : ''; $button_classes .= (isset($settings->button_shape) && $settings->button_shape) ? ' sppb-btn-' . $settings->button_shape : ' sppb-btn-rounded'; $button_classes .= (isset($settings->button_appearance) && $settings->button_appearance) ? ' sppb-btn-' . $settings->button_appearance : ''; $button_classes .= (isset($settings->button_block) && $settings->button_block) ? ' ' . $settings->button_block : ''; $button_icon = (isset($settings->button_icon) && $settings->button_icon) ? $settings->button_icon : ''; $button_icon_position = (isset($settings->button_icon_position) && $settings->button_icon_position) ? $settings->button_icon_position : 'left'; $button_position = (isset($settings->button_position) && $settings->button_position) ? $settings->button_position : ''; $featured = (isset($settings->featured) && $settings->featured) ? $settings->featured : ''; list($button_url, $button_target) = AddonHelper::parseLink($settings, 'button_url', ['url' => 'button_url', 'new_tab' => 'button_target']); $button_attribs = (isset($button_target) && $button_target) ? ' rel="noopener noreferrer" ' . $button_target : ''; $button_attribs .= (isset($button_url) && $button_url) ? ' href="' . $button_url . '"' : ''; $icon_arr = array_filter(explode(' ', $button_icon)); if (count($icon_arr) === 1) { $button_icon = 'fa ' . $button_icon; } if ($button_icon_position == 'left') { $button_text = ($button_icon) ? '<i class="' . $button_icon . '" aria-hidden="true"></i> ' . $button_text : $button_text; } else { $button_text = ($button_icon) ? $button_text . ' <i class="' . $button_icon . '" aria-hidden="true"></i>' : $button_text; } $button_output = ($button_text) ? '<a' . $button_attribs . ' id="btn-' . $this->addon->id . '" class="sppb-btn' . $button_classes . '">' . $button_text . '</a>' : ''; $pricesymbol = ($price_symbol) ? '<span class="sppb-pricing-price-symbol">' . $price_symbol . '</span>' : ''; //Output $output = '<div class="sppb-addon sppb-addon-pricing-table ' . $class . '">'; $output .= '<div class="sppb-pricing-box ' . $featured . '">'; $output .= '<div class="sppb-pricing-header">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title sppb-pricing-title">' . $title . '</' . $heading_selector . '>' : ''; if ($price_position == 'after') { $output .= '<div class="sppb-pricing-price-container">'; $output .= ($price) ? '<span class="sppb-pricing-price">' . $pricesymbol . $price . '</span>' : ''; $output .= ($duration) ? '<span class="sppb-pricing-duration">' . $duration . '</span>' : ''; $output .= '</div>'; } $output .= '</div>'; if ($pricing_content) { $output .= '<div class="sppb-pricing-features">'; $output .= '<ul>'; $features = explode("\n", $pricing_content); foreach ($features as $feature) { $output .= '<li>' . $feature . '</li>'; } $output .= '</ul>'; $output .= '</div>'; } if ($price_position == 'before') { $output .= '<div class="sppb-pricing-price-container">'; $output .= ($price) ? '<span class="sppb-pricing-price after">' . $pricesymbol . $price . '</span>' : ''; $output .= ($duration) ? '<span class="sppb-pricing-duration">' . $duration . '</span>' : ''; $output .= '</div>'; } $output .= '<div class="sppb-pricing-footer">'; $output .= $button_output; $output .= '</div>'; $output .= '</div>'; $output .= '</div>'; return $output; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $settings->alignment = CSSHelper::parseAlignment($settings, 'alignment'); $priceStyle = $cssHelper->generateStyle('.sppb-pricing-price', $settings, ['price_color' => 'color'], false); $priceTypographyStyle = $cssHelper->typography('.sppb-pricing-title', $settings, 'title_typography', ['font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight']); $priceFontStyle = $cssHelper->typography('.sppb-pricing-price', $settings, 'price_typography', ['font' => 'price_font_family', 'size' => 'price_font_size', 'weight' => 'price_font_weight']); $priceSymbolStyle = $cssHelper->generateStyle('.sppb-pricing-price-symbol', $settings, ['price_symbol_color' => 'color', 'price_symbol_alignment' => 'vertical-align', 'price_symbol_font_size' => 'font-size'], ['price_symbol_color' => false, 'price_symbol_alignment' => false]); $durationStyle = $cssHelper->generateStyle('.sppb-pricing-duration', $settings, ['duration_color' => 'color', 'duration_font_size' => 'font-size'], ['duration_color' => false]); $pricingContentStyle = $cssHelper->generateStyle('.sppb-pricing-features ul li', $settings, ['pricing_content_gap' => 'margin-bottom']); $pricingContentFontStyle = $cssHelper->typography('.sppb-pricing-features', $settings, 'pricing_content_typography', ['font' => 'pricing_content_font_family', 'size' => 'pricing_content_font_size']); $pricingContentParentStyle = $cssHelper->generateStyle('.sppb-pricing-features', $settings, ['pricing_content_margin_bottom' => 'margin-bottom']); $priceContainerStyle = $cssHelper->generateStyle( '.sppb-pricing-price-container', $settings, [ 'price_margin_bottom' => 'margin-bottom', 'price_padding_bottom' => 'padding-bottom', 'price_border_bottom' => 'border-style: solid; border-width: 0 0 %s', 'price_border_bottom_color' => 'border-color', ], ['price_border_bottom_color' => false] ); $settings->pricing_hover_boxshadow = CSSHelper::parseBoxShadow($settings, 'pricing_hover_boxshadow'); $pricingHoverStyle = $cssHelper->generateStyle('&:hover', $settings, ['pricing_hover_bg' => 'background-color', 'pricing_hover_scale' => 'transform: scale(%s)', 'pricing_hover_boxshadow' => 'box-shadow'], false); $pricingHoverColorStyle = $cssHelper->generateStyle('&:hover .sppb-pricing-header .sppb-pricing-duration,&:hover .sppb-pricing-header .sppb-pricing-price,&:hover .sppb-pricing-header .sppb-addon-title,&:hover .sppb-pricing-features ul li', $settings, ['pricing_hover_color' => 'color'], false); $pricingHoverBorderColorStyle = $cssHelper->generateStyle('&:hover', $settings, ['pricing_hover_border_color' => 'border-color'], false); $settings->pricing_transition_duration = '0.4s'; $pricingTransitionDurationStyle = $cssHelper->generateStyle(':self', $settings, ['pricing_transition_duration' => "transition"], false); $priceAlignment = $cssHelper->generateStyle('.sppb-addon-pricing-table', $settings, ['alignment' => 'text-align'], false); $css = ''; $css .= $priceStyle; $css .= $durationStyle; $css .= $priceAlignment; $css .= $priceFontStyle; $css .= $priceSymbolStyle; $css .= $pricingHoverStyle; $css .= $priceContainerStyle; $css .= $pricingContentStyle; $css .= $priceTypographyStyle; $css .= $pricingHoverColorStyle; $css .= $pricingContentFontStyle; $css .= $pricingContentParentStyle; $css .= $pricingHoverBorderColorStyle; $css .= $pricingTransitionDurationStyle; // Button css $layoutPath = JPATH_ROOT . '/components/com_sppagebuilder/layouts'; $buttonLayout = new FileLayout('addon.css.button', $layoutPath); $css .= $buttonLayout->render(array('addon_id' => $addon_id, 'options' => $settings, 'id' => 'btn-' . $this->addon->id)); return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# let price_position = data.price_position \|\| "before"; var heading_selector = data.heading_selector \|\| "div"; let price_symbol = ""; if(data.price_symbol){ price_symbol = \'<span class="sppb-pricing-price-symbol">\'+data.price_symbol+\'</span>\'; } let buttonText = ""; const isMenu = _.isObject(data.button_url) && data.button_url.type === "menu" && data.button_url?.menu; const isPage = _.isObject(data.button_url) && data.button_url.type === "page" && data.button_url?.page; const isUrl = _.isObject(data.button_url) && data.button_url.type === "url" && data.button_url?.url; const isOldUrl = _.isString(data.button_url) && data.button_url !== ""; const urlObj = _.isObject(data.button_url) ? data.button_url : window.getSiteUrl(data?.button_url \|\| "", data?.button_target \|\| ""); const {url, page, menu, type, new_tab, nofollow, noopener, noreferrer} = urlObj; const target = new_tab ? "_blank" : ""; let rel=""; rel += nofollow ? "nofollow" : ""; rel += noreferrer ? " noreferrer" : ""; rel += noopener ? " noopener" : ""; let newUrl = ""; if(type === "url") newUrl = url; if(type === "menu") newUrl = menu; if(type === "page") newUrl = page ? `index.php?option=com_sppagebuilder&view=page&id=${page}` : ""; let buttonAttribs = (new_tab)? " target=\"_blank\"":""; buttonAttribs += (isMenu \|\| isPage \|\| isUrl \|\| isOldUrl)? " href=\""+ newUrl +"\"":""; buttonAttribs += (rel)? " rel=\""+ rel +"\"": ""; let buttonClasses = (data.button_size)? " sppb-btn-"+ data.button_size : ""; buttonClasses += (data.button_type)? " sppb-btn-"+ data.button_type : "" buttonClasses += (data.button_shape)? " sppb-btn-"+ data.button_shape : "" buttonClasses += (data.button_appearance)? " sppb-btn-"+ data.button_appearance : "" buttonClasses += (data.button_block)? " "+ data.button_block : "" let icon_arr = (typeof data.button_icon !== "undefined" && data.button_icon) ? data.button_icon.split(" ") : ""; let icon_name = icon_arr.length === 1 ? "fa "+data.button_icon : data.button_icon; if ( data.button_icon_position == "left" ) { buttonText = ( data.button_icon )? ` <i class="${icon_name}"></i> ` + data.button_text : data.button_text } else { buttonText = ( data.button_icon )? data.button_text + ` <i class="${icon_name}"></i> ` : data.button_text } let buttonOutput = (buttonText)? "<a" + buttonAttribs + " id=\"btn-" + data.id + "\" class=\"sppb-btn"+ buttonClasses + "\">"+ buttonText +"</a>":"" var modern_font_style = false; var button_fontstyle = data.button_fontstyle \|\| ""; var button_font_style = data.button_font_style \|\| ""; #> <style type="text/css"> '; $output .= ' #sppb-addon-{{ data.id }} .sppb-pricing-header .sppb-pricing-duration, #sppb-addon-{{ data.id }} .sppb-pricing-header .sppb-pricing-price, #sppb-addon-{{ data.id }} .sppb-pricing-header .sppb-addon-title, #sppb-addon-{{ data.id }} .sppb-pricing-features ul li, #sppb-addon-{{ data.id }} .sppb-pricing-price-container, #sppb-addon-{{ data.id }} { transition:.4s; } <# if(data.price_border_bottom \|\| data.price_border_bottom_color) { #> #sppb-addon-{{ data.id }} .sppb-pricing-price-container { border-style: solid; border-width:0 0 0 0; } <# } #>'; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-pricing-price-container', 'data.price_margin_bottom', 'px'); $output .= $lodash->unit('padding-bottom', '.sppb-pricing-price-container', 'data.price_padding_bottom', 'px'); $output .= $lodash->unit('border-bottom-width', '.sppb-pricing-price-container', 'data.price_border_bottom', 'px'); $output .= $lodash->border('border-color', '.sppb-pricing-price-container', 'data.price_border_bottom_color'); $output .= $lodash->color('color', '.sppb-pricing-price', 'data.price_color'); $output .= $lodash->unit('font-size', '.sppb-pricing-price', 'data.price_font_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-pricing-price', 'data.price_font_size', 'px'); $output .= $lodash->unit('font-weight', '.sppb-pricing-price', 'data.price_font_weight'); $output .= $lodash->color('color', '.sppb-pricing-price-symbol', 'data.price_symbol_color'); $output .= $lodash->unit('vertical-align', '.sppb-pricing-price-symbol', 'data.price_symbol_alignment'); $output .= $lodash->unit('font-size', '.sppb-pricing-price-symbol', 'data.price_symbol_font_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-pricing-price-symbol', 'data.price_symbol_font_size', 'px'); $output .= $lodash->color('color', '.sppb-pricing-duration', 'data.duration_color'); $output .= $lodash->unit('font-size', '.sppb-pricing-duration', 'data.duration_font_size', 'px'); $output .= $lodash->unit('line-height', '.sppb-pricing-duration', 'data.duration_font_size', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-pricing-features ul li', 'data.pricing_content_gap', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-pricing-features', 'data.pricing_content_margin_bottom', 'px'); $output .= '<# if (data.button_type == "custom") { #>'; $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_color'); $output .= $lodash->color('color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= $lodash->spacing('padding', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_padding'); $output .= '<# if (data.button_appearance == "outline") { #>'; $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= $lodash->border('border-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_color_hover'); $output .= '<# } else if (data.button_appearance == "3d") { #>'; $output .= $lodash->border('border-bottom-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color_hover'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } else if (data.button_appearance == "gradient") { #>'; $output .= '#sppb-addon-{{ data.id }} #btn-{{ data.id }}.sppb-btn-custom { border: none; }'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_gradient'); $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom:hover', 'data.button_background_gradient_hover'); $output .= '<# } else { #>'; $output .= $lodash->color('background-color', '#btn-{{ data.id }}.sppb-btn-custom', 'data.button_background_color'); $output .= '<# } #>'; $output .= '<# } #>'; $buttonTypographyFallbacks = [ 'font' => 'data.button_font_family', 'letter_spacing' => 'data.button_letterspace', 'weight' => 'data.button_fontstyle?.weight', 'italic' => 'data.button_fontstyle?.italic', 'underline' => 'data.button_fontstyle?.underline', 'uppercase' => 'data.button_fontstyle?.uppercase', ]; $output .= $lodash->typography('#btn-{{ data.id }}.sppb-btn-{{ data.button_type }}', 'data.button_typography', $buttonTypographyFallbacks); $titleFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight', ]; $output .= $lodash->typography('.sppb-pricing-title', 'data.title_typography', $titleFallbacks); $priceContentFallbacks = [ 'font' => 'data.price_font_family', 'size' => 'data.price_font_size', 'weight' => 'data.price_font_weight', ]; $output .= $lodash->typography('.sppb-pricing-price', 'data.price_typography', $priceContentFallbacks); $priceFeaturesFallbacks = [ 'font' => 'data.pricing_content_font_family', 'size' => 'data.pricing_content_font_size', ]; $output .= $lodash->typography('.sppb-pricing-features', 'data.pricing_content_typography', $priceFeaturesFallbacks); $output .= $lodash->transform('scale', '&:hover', 'data.pricing_hover_scale'); $output .= $lodash->boxShadow('&:hover', 'data.pricing_hover_boxshadow'); $output .= $lodash->color('background-color', '&:hover', 'data.pricing_hover_bg'); $output .= $lodash->color('color', '&:hover .sppb-pricing-header .sppb-pricing-duration, &:hover .sppb-pricing-header .sppb-pricing-price, &:hover .sppb-pricing-header .sppb-addon-title, &:hover .sppb-pricing-features ul li', 'data.pricing_hover_color'); $output .= $lodash->border('border-color', '&:hover', 'data.pricing_hover_border_color'); $output .= $lodash->alignment('text-align', '.sppb-addon-pricing-table', 'data.alignment'); $output .= ' </style> <div class="sppb-addon sppb-addon-pricing-table {{ data.class }}"> <div class="sppb-pricing-box {{ data.featured }}"> <div class="sppb-pricing-header"> <# if( data.title ) { #> <{{ heading_selector }} class="sppb-addon-title sppb-pricing-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{{ data.title }}}</{{ heading_selector }}> <# } #> <# if( price_position == "after" ) { #> <div class="sppb-pricing-price-container"> <# if( data.price ) { #> <span class="sppb-pricing-price">{{{ price_symbol }}}{{{ data.price }}}</span> <# } #> <# if( data.duration ) { #> <span class="sppb-pricing-duration">{{ data.duration }}</span> <# } #> </div> <# } #> </div> <# if(data.pricing_content) { #> <div class="sppb-pricing-features"> <ul> <# let pContentArray = data.pricing_content?.split("\n") #> <# _.each(pContentArray,function(item,index){ #> <# if(item) { #> <li>{{{ item }}}</li><# } #> <# }) #> </ul> </div> <# } #> <# if( price_position == "before" ) { #> <div class="sppb-pricing-price-container"> <# if( data.price ) { #> <span class="sppb-pricing-price">{{{ price_symbol }}}{{{ data.price }}}</span> <# } #> <# if( data.duration ) { #> <span class="sppb-pricing-duration">{{ data.duration }}</span> <# } #> </div> <# } #> <div class="sppb-pricing-footer">{{{ buttonOutput }}}</div> </div> </div> '; return $output; } }��pricing/admin.php��0000644��00000046066�15231074400�0010010 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'pricing', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M.15 9A2.85 2.85 0 013 6.15h5v1.7H3A1.15 1.15 0 001.85 9v14c0 .635.515 1.15 1.15 1.15h5v1.7H3A2.85 2.85 0 01.15 23V9zM31.85 23A2.85 2.85 0 0129 25.85h-5v-1.7h5A1.15 1.15 0 0030.15 23V9A1.15 1.15 0 0029 7.85h-5v-1.7h5A2.85 2.85 0 0131.85 9v14z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23 1.707H9c-.22 0-.4.19-.4.426v27.734c0 .235.18.426.4.426h14c.22 0 .4-.19.4-.426V2.133c0-.235-.18-.426-.4-.426zM9 0C7.895 0 7 .955 7 2.133v27.734C7 31.045 7.895 32 9 32h14c1.105 0 2-.955 2-2.133V2.133C25 .955 24.105 0 23 0H9z" fill="currentColor"/><path d="M18.24 11.04c0 .587-.187 1.063-.56 1.43-.373.36-.86.577-1.46.65V14h-.67v-.87c-.56-.04-1.04-.197-1.44-.47a2.264 2.264 0 01-.86-1.11l1.19-.69c.213.533.583.837 1.11.91v-1.73h-.01l-.02-.01a8.986 8.986 0 01-.57-.23 4.433 4.433 0 01-.52-.29 2.134 2.134 0 01-.46-.39 2.306 2.306 0 01-.29-.53 1.979 1.979 0 01-.12-.7c0-.587.19-1.057.57-1.41.387-.353.86-.557 1.42-.61V5h.67v.89c.907.107 1.547.577 1.92 1.41l-1.16.68c-.16-.4-.413-.643-.76-.73v1.67c.62.247 1.037.443 1.25.59.513.367.77.877.77 1.53zM14.93 7.9c0 .147.047.277.14.39.093.107.253.217.48.33v-1.4c-.2.04-.353.12-.46.24a.639.639 0 00-.16.44zm1.29 3.85c.427-.093.64-.327.64-.7a.59.59 0 00-.16-.42c-.1-.113-.26-.22-.48-.32v1.44z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M21 16.5a.5.5 0 01-.5.5h-9a.5.5 0 010-1h9a.5.5 0 01.5.5zM19 18.5a.5.5 0 01-.5.5h-5a.5.5 0 010-1h5a.5.5 0 01.5.5z" fill="currentColor"/><rect x="11" y="24" width="10" height="3" rx="1.5" fill="currentColor"/></svg>', 'settings' => [ 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_TITLE_DESC'), 'std' => 'Professional', ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'std' => '#4060FF', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_separator' => [ 'type' => 'separator', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 500, 'std' => ['xl' => 0], 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 500, 'std' => ['xl' => 20], 'responsive' => true, ], ], ], 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'pricing_content' => [ 'type' => 'textarea', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_FEATURES'), 'std' => "10 GB Storage\n100 GB Bandwidth\nSpeed 500 Mbps\nDNS Automation\nSupport Time 24 hrs" ], 'pricing_content_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'pricing_content_font_family', 'size' => 'pricing_content_font_size', ], ], 'global_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'pricing_content_spacing_separator' => [ 'type' => 'separator', ], 'pricing_content_gap' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_FEATURES_GAP'), 'std' => ['xl' => 20], 'max' => 500, 'responsive' => true, ], 'pricing_content_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'std' => ['xl' => 40], 'max' => 500, 'responsive' => true, ], ], 'alignment' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), ] ], 'price' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE'), 'fields' => [ 'price' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_DESC'), 'std' => '$19.99', 'inline' => true, ], 'price_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'price_font_family', 'size' => 'price_font_size', 'weight' => 'price_font_weight', ], ], 'price_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'price_symbol_separator' => [ 'type' => 'separator', ], 'price_symbol' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_SYMBOL'), 'placeholder' => '$', 'inline' => true, ], 'price_symbol_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'price_symbol_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 500, 'responsive' => true, ], 'price_symbol_alignment' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_SYMBOL_ALIGNMENT'), 'values' => [ 'middle' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MIDDLE'), 'super' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TOP'), 'sub' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOTTOM'), ], ], 'duration_separator' => [ 'type' => 'separator', ], 'duration' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_DURATION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_DURATION_DESC'), ], 'duration_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'duration_font_size' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_FONT_SIZE'), 'max' => 500, 'responsive' => true, ], 'price_position_separator' => [ 'type' => 'separator', ], 'price_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_POSITION'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_POSITION_DESC'), 'values' => [ 'after' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_POSITION_AFTER_TITLE'), 'before' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_POSITION_BEFORE_BUTTON'), ], 'std' => 'after', ], 'price_border_separator' => [ 'type' => 'separator', ], 'price_border_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_BORDER_BOTTOM'), 'max' => 15, ], 'price_border_bottom_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_PRICE_BORDER_BOTTOM_COLOR'), ], 'price_spacing_separator' => [ 'type' => 'separator', ], 'price_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'std' => ['xl' => 30, 'lg' => 30, 'md' => 30, 'sm' => 30, 'xs' => 30], 'max' => 500, 'responsive' => true, ], 'price_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING_BOTTOM'), 'max' => 200, 'responsive' => true, ], ], ], 'button_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON'), 'fields' => [ 'button_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LABEL'), ], 'button_url' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_URL'), ], 'button_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'button_font_family', 'letter_spacing' => 'button_letterspace', 'weight' => 'button_fontstyle.weight', 'italic' => 'button_fontstyle.italic', 'underline' => 'button_fontstyle.underline', 'uppercase' => 'button_fontstyle.uppercase', ], ], 'button_type' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_STYLE_DESC'), 'values' => [ 'default' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DEFAULT'), 'primary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PRIMARY'), 'secondary' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SECONDARY'), 'success' => Text::_('COM_SPPAGEBUILDER_GLOBAL_SUCCESS'), 'info' => Text::_('COM_SPPAGEBUILDER_GLOBAL_INFO'), 'warning' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WARNING'), 'danger' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DANGER'), 'dark' => Text::_('COM_SPPAGEBUILDER_GLOBAL_DARK'), 'link' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], 'std' => 'custom', ], 'link_button_padding_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_PADDING_BOTTOM'), 'max' => 100, 'std' => '', 'depends' => [['button_type', '=', 'link']] ], 'button_appearance' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_FLAT'), 'gradient' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_GRADIENT'), 'outline' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_APPEARANCE_OUTLINE'), ], 'depends' => [['type', '!=', 'link']] ], 'button_shape' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_DESC'), 'values' => [ 'rounded' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUNDED'), 'square' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_SQUARE'), 'round' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SHAPE_ROUND'), ], 'std' => 'rounded', 'depends' => [['button_type', '!=', 'link']] ], 'button_size' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DESC'), 'values' => [ '' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_DEFAULT'), 'lg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_LARGE'), 'xlg' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_XLARGE'), 'sm' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_SMALL'), 'xs' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_SIZE_EXTRA_SAMLL'), 'custom' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CUSTOM'), ], ], 'button_padding' => [ 'type' => 'padding', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_PADDING'), 'responsive' => true, 'depends' => [['button_size', '=', 'custom']] ], 'button_block' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_BLOCK'), 'values' => [ '' => Text::_('JNO'), 'sppb-btn-block' => Text::_('JYES'), ], 'std' => '', 'depends' => [['button_type', '!=', 'link']] ], 'button_icon_separator' => [ 'type' => 'separator', ], 'button_icon' => [ 'type' => 'icon', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_DESC'), ], 'button_icon_position' => [ 'type' => 'radio', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BUTTON_ICON_POSITION'), 'values' => [ 'left' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LEFT'), 'right' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RIGHT'), ], 'std' => 'left', ], 'button_margin_separator' => [ 'type' => 'separator', ], 'button_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'std' => ['xl' => 20], 'responsive' => true, 'max' => 400, ], 'button_style_tab_separator' => [ 'type' => 'separator', ], 'button_style_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'custom']], ], 'button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'] ], ], 'button_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#3366FF", "color2" => "#0037DD", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'normal'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], 'button_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#FFFFFF', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ], ], 'button_background_color_hover' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#0037DD', 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '!=', 'gradient'], ], ], 'button_background_gradient_hover' => [ 'type' => 'gradient', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_GRADIENT'), 'std' => [ "color" => "#0037DD", "color2" => "#3366FF", "deg" => "45", "type" => "linear" ], 'depends' => [ ['button_style_tab', '=', 'hover'], ['button_type', '=', 'custom'], ['button_appearance', '=', 'gradient'], ], ], // link style 'link_button_color_tab' => [ 'type' => 'buttons', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_NORMAL'), 'value' => 'normal'], ['label' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HOVER'), 'value' => 'hover'], ], 'std' => 'hover', 'tabs' => true, 'depends' => [['button_type', '=', 'link']], ], 'link_button_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_WIDTH'), 'max' => 30, 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'normal'], ['button_type', '=', 'link'], ], ], 'link_button_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], 'link_button_border_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), 'std' => '', 'depends' => [ ['link_button_color_tab', '=', 'hover'], ['button_type', '=', 'link'], ], ], ], ], 'hover_options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_HOVER_OPTIONS'), 'fields' => [ 'pricing_hover_scale' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_SCALE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_PRICING_SCALE_DESC'), 'min' => 1, 'max' => 3, 'step' => .01, 'std' => 1, ], 'pricing_hover_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TEXT_COLOR'), ], 'pricing_hover_bg' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND_COLOR'), ], 'pricing_hover_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_COLOR'), ], 'pricing_hover_boxshadow' => [ 'type' => 'boxshadow', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW_HOVER'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BOX_SHADOW_HOVER_DESC'), 'std' => '0 0 0 0 #ffffff' ], ], ], ], ]); ��pricing/.htaccess��0000555��00000000355�15231074400�0007775 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��.htaccess��0000555��00000000355�15231074400�0006342 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image/assets/images/icon.png��0000644��00000003144�15231074400�0012031 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c111 79.158325, 2015/09/10-01:10:20 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)" xmpMM:InstanceID="xmp.iid:6745FCF440E011E69A38F8F21A167467" xmpMM:DocumentID="xmp.did:6745FCF540E011E69A38F8F21A167467"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:6745FCF240E011E69A38F8F21A167467" stRef:documentID="xmp.did:6745FCF340E011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?><��IDATx��Q�0��.%��n��-�,!Z�Z��`� �L&��\|l��93�e�Ir�D�ڶ%��)`��Af��N�Q��ҹ�=�%G`�=�Vw��j��eR��X� ��0��U�:�q�n��Kg}��%h��d�$G��0f��/�j�j\|�J�kge��c�=k�ϊ�V��1�GQC@�}\�f`K� &�6E��w��Y��/��b��vL^Q7�J��"^��}ny��V�a,2,S �:J��$�5� �7� �� e�ʘCX�y4��lnfu&��Z0`dp�&XUX�;j��r�6�B��^��)�djqM#��,�laM�_��T�Ǖ\|r(˦��vO. ��t1�#�%+�i"(��n�m��:N;D�,��to ��W�Vxr`sъN^��[:$ڶВ�4I$�L@c��R0�q�J�҄ڜct`T�w�E ��U��ɉ l�S5��3�30�\�Ƨ�H{�T>�7��Z�(��ZP`ǀm�\�Ek ��n��uH��o�Z�;0��U%�\ ,E�B� �=5��LI�#'`�r�Mc�� 0��Hn��n�uյ%�~U=��+�c�X�>��@��Rx�ǂ-yk}?J��Y�7<�Q�`�`�`Д��f��8��IEND�B`��image/assets/images/.htaccess��0000555��00000000355�15231074400�0012173 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image/assets/.htaccess��0000555��00000000355�15231074400�0010726 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��image/site.php��0000644��00000032366�15231074400�0007311 0��ustar�00��<?php /** * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Filesystem\Path; use Joomla\CMS\Uri\Uri; class SppagebuilderAddonImage extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { $settings = $this->addon->settings; $class = (isset($settings->class) && $settings->class) ? $settings->class : ''; $title = (isset($settings->title) && $settings->title) ? $settings->title : ''; $title_position = (isset($settings->title_position) && $settings->title_position) ? $settings->title_position : 'top'; $heading_selector = (isset($settings->heading_selector) && $settings->heading_selector) ? $settings->heading_selector : 'h3'; // Options $image = (isset($settings->image) && $settings->image) ? $settings->image : ''; $image_title = (isset($settings->image_title) && $settings->image_title) ? $settings->image_title : ''; $final_image_title = empty($image_title) ? $title : $image_title; $image_src = isset($image->src) ? $image->src : $image; $image_width = (isset($image->width) && $image->width) ? $image->width : ''; $image_height = (isset($image->height) && $image->height) ? $image->height : ''; // Image 2x $image_2x = (isset($settings->image_2x) && $settings->image_2x) ? $settings->image_2x : ''; $image_2x_src = isset($image_2x->src) ? $image_2x->src : $image_2x; $image_2x_src = ctype_space($image_2x_src) ? "" : $image_2x_src; $alt_text = (isset($settings->alt_text) && $settings->alt_text) ? $settings->alt_text : ''; $open_lightbox = (isset($settings->open_lightbox) && $settings->open_lightbox) ? $settings->open_lightbox : 0; $image_overlay = (isset($settings->overlay_color) && $settings->overlay_color) ? 1 : 0; list($link, $target) = AddonHelper::parseLink($settings, 'link', ['url' => 'link', 'new_tab' => 'target']); // Lazy image loading $placeholder = $image_src === '' ? false : $this->get_image_placeholder($image_src); if (strpos($image_src, "http://") !== false \|\| strpos($image_src, "https://") !== false) { $image_src = $image_src; } else { $original_src = Uri::base(true) . '/' . $image_src; $image_src = SppagebuilderHelperSite::cleanPath($original_src); } $output = ''; if ($image_src) { $output .= '<div class="sppb-addon sppb-addon-single-image ' . ' ' . $class . '">'; $output .= ($title && $title_position != 'bottom') ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '<div class="sppb-addon-content">'; $output .= '<div class="sppb-addon-single-image-container">'; if (empty($alt_text)) { if (!empty($final_image_title)) { $alt_text = $final_image_title; } else { $alt_text = basename($image_src); } } if ($image_overlay && $open_lightbox) { $output .= '<div class="sppb-addon-image-overlay">'; $output .= '</div>'; } if ($open_lightbox) { $output .= '<a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="image" data-mainclass="mfp-no-margins mfp-with-zoom" href="' . $image_src . '">+</a>'; } if (!$open_lightbox) { $output .= !empty($link) ? '<a href="' . $link . '" ' . $target . '>' : ''; } $dimension = ''; if ($placeholder) { $dimension = $this->get_image_dimension($image_src); $dimension = !empty($dimension) ? \implode(' ', $dimension) : ''; } $image2x = empty($image_2x_src) ? "" : 'srcset="' . $image_2x_src . ' 2x"'; $output .= '<img class="sppb-img-responsive' . ($placeholder ? ' sppb-element-lazy "' : '') . '" src="' . ($placeholder ? $placeholder : $image_src) . '" ' . $image2x . ($placeholder ? 'data-large="' . $image_src . '"' : '') . ' alt="' . $alt_text . '" title="' . $final_image_title . '" ' . ($image_width ? 'width="' . $image_width . '"' : '') . ' ' . ($image_height ? 'height="' . $image_height . '"' : '') . ($placeholder ? 'loading="lazy"' : '') . ' ' . $dimension . '/>'; if (!$open_lightbox) { $output .= !empty($link) ? '</a>' : ''; } $output .= '</div>'; $output .= ($title && $title_position === 'bottom') ? '<' . $heading_selector . ' class="sppb-addon-title" style="display: block;">' . $title . '</' . $heading_selector . '>' : ''; $output .= '</div>'; $output .= '</div>'; } return $output; } /* * Load external scripts. * * @return array * @since 1.0.0 / public function scripts() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/js/jquery.magnific-popup.min.js'); } /* * Load external stylesheets. * * @return array * @since 1.0.0 / public function stylesheets() { return array(Uri::base(true) . '/components/com_sppagebuilder/assets/css/magnific-popup.css'); } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); $open_lightbox = (isset($settings->open_lightbox) && $settings->open_lightbox) ? $settings->open_lightbox : 0; $border_radius = (isset($settings->border_radius) && $settings->border_radius) ? $settings->border_radius : 0; $settings->position = CSSHelper::parseAlignment($settings, 'position'); if ($border_radius) { $border_radius = explode(" ", $settings->border_radius); } if (is_array($border_radius) && (count($border_radius) > 2)) { $imageStyle = $cssHelper->generateStyle( 'img', $settings, [ 'border_radius' => 'border-radius', 'image_width' => ['width', 'max-width'], 'image_height' => 'height' ], [ 'border_radius' => false ], [ 'border_radius' => 'spacing' ] ); $imageOverlayStyle = $cssHelper->generateStyle( '.sppb-addon-image-overlay', $settings, [ 'overlay_color' => 'background-color', 'border_radius' => 'border-radius', 'image_width' => ['width', 'max-width'], 'image_height' => 'height' ], [ 'overlay_color' => false, 'border-radius' => false ], [ 'border_radius' => 'spacing' ] ); } else { $imageStyle = $cssHelper->generateStyle( 'img', $settings, [ 'border_radius' => 'border-radius', 'image_width' => ['width', 'max-width'], 'image_height' => 'height' ] ); $imageOverlayStyle = $cssHelper->generateStyle( '.sppb-addon-image-overlay', $settings, [ 'overlay_color' => 'background-color', 'border_radius' => 'border-radius', 'image_width' => ['width', 'max-width'], 'image_height' => 'height' ], [ 'overlay_color' => false ] ); } $imagePositionStyle = $cssHelper->generateStyle(':self', $settings, ['position' => 'text-align'], false); $css = ''; $css .= $imageStyle; $css .= $imagePositionStyle; $css .= $open_lightbox ? $imageOverlayStyle : ''; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = ' <# var image_overlay = 0; if(!_.isEmpty(data.overlay_color)){ image_overlay = 1; } var open_lightbox = data.open_lightbox; var alt_text = data.alt_text; let addon_title = data.title \|\| ""; let image_title = data.image_title \|\| ""; let final_image_title = _.isEmpty(image_title) ? addon_title : image_title; if(_.isEmpty(alt_text)){ if(!_.isEmpty(final_image_title)) { alt_text = final_image_title; } } #> <style type="text/css">'; // global $output .= $lodash->alignment('text-align', '', 'data.position'); // title $typographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $typographyFallbacks); $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); $output .= $lodash->spacing('padding', '.sppb-addon-title', 'data.title_padding'); // image $output .= '<# if((data.border_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', 'img', 'data.border_radius', 'px'); $output .= '<# } else { #>'; $output .= '#sppb-addon-{{data.id}} img { {{window.getSplitRadius(data.border_radius)}} }'; $output .= '<# } #>'; $output .= $lodash->unit('height', 'img', 'data.image_height', 'px'); $output .= $lodash->unit('width', 'img', 'data.image_width', 'px'); $output .= $lodash->unit('max-width', 'img', 'data.image_width', 'px'); $output .= $lodash->color('background-color', '.sppb-addon-image-overlay', 'data.overlay_color'); $output .= '<# if((data.border_radius + "").split(" ").length < 2) { #>'; $output .= $lodash->unit('border-radius', '.sppb-addon-image-overlay', 'data.border_radius', 'px'); $output .= '<# } else { #>'; $output .= $lodash->unit('border-radius', '.sppb-addon-image-overlay', 'data.border_radius', ''); $output .= '<# } #>'; $output .= ' </style> <# if(data.image) { let media = {} if (typeof data.image !== "undefined" && typeof data.image.src !== "undefined") { media = data.image } else { media = {src: data.image, height:"", width:""} } #> <div class="sppb-addon sppb-addon-single-image {{ data.class }}"> <# if( !_.isEmpty( data.title ) && data.title_position != "bottom" ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> <div class="sppb-addon-content"> <div class="sppb-addon-single-image-container"> <# if(image_overlay && open_lightbox) { #> <div class="sppb-addon-image-overlay"></div> <# } #> <# if(open_lightbox) { #> <a class="sppb-magnific-popup sppb-addon-image-overlay-icon" data-popup_type="image" data-mainclass="mfp-no-margins mfp-with-zoom" href=\'{{ media.src }}\'>+</a> <# } #> <# if(!open_lightbox) { #> <# const isUrlObject = _.isObject(data.link) && (data.link.url \|\| data.link.menu \|\| data.link.page ); const isUrlString = _.isString(data.link) && data.link !== ""; if(isUrlObject \|\| isUrlString ) { const urlObj = data?.link?.url ? data.link : window.getSiteUrl(data.link, data.target); const {url, new_tab, nofollow, noopener, noreferrer, type} = urlObj; const target = new_tab ? "_blank" : ""; let rel=""; rel += nofollow ? "nofollow": ""; rel += noopener ? " noopener": ""; rel += noreferrer ? " noreferrer": ""; const clickUrl = (type === "url" && url) \|\| (type ==="menu" && urlObj.menu) \|\| ( (type === "page" && !!urlObj.page) && "index.php/component/sppagebuilder/index.php?option=com_sppagebuilder&view=page&id=" +urlObj.page) \|\| ""; #> <# if(clickUrl) {#> <a href=\'{{clickUrl.trim()}}\' target=\'{{target}}\' rel=\'{{rel}}\' > <# }#> <#} #> <# }#> <# if(media.src.indexOf("http://") == -1 && media.src.indexOf("https://") == -1){ #> <img class="sppb-img-responsive" src=\'{{ pagebuilder_base + media.src }}\' alt="{{ alt_text }}" title="{{ final_image_title }}"> <# } else { #> <img class="sppb-img-responsive" src=\'{{ media.src }}\' alt="{{ alt_text }}" title="{{ final_image_title }}"> <# } #> <# if(!open_lightbox) { #> </a> <# } #> </div> <# if( !_.isEmpty( data.title ) && data.title_position == "bottom" ){ #><{{ data.heading_selector }} class="sppb-addon-title" style="display: block;">{{ data.title }}</{{ data.heading_selector }}><# } #> </div> </div> <# } else { #> <div class="builder-canvas-placeholder-image"> <div class="builder-icon"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M25.884 2H5.046C3.366 2 2 3.406 2 5.139v19.726C2 26.595 3.366 28 5.046 28h20.838c1.68 0 3.045-1.405 3.045-3.135V5.139C28.929 3.406 27.564 2 25.884 2zm-6.47 4.668c1.624 0 2.941 1.357 2.941 3.03 0 1.673-1.317 3.03-2.942 3.03-1.624 0-2.941-1.357-2.941-3.03 0-1.673 1.317-3.03 2.941-3.03zM24.928 25.1H6.421c-.813 0-1.175-.605-.808-1.352l5.048-10.3c.366-.747 1.063-.813 1.557-.149l5.076 6.833c.494.665 1.357.722 1.928.126l1.242-1.295c.57-.596 1.412-.522 1.877.163l3.216 4.732c.465.686.185 1.242-.628 1.242z" fill="currentColor"/></svg> </div> </div> <# } #>'; return $output; } } ��image/admin.php��0000644��00000016630�15231074400�0007431 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'image', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_DESC'), 'category' => 'Media', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M31.288 17.393l-9.718 5.9a5 5 0 01-5.8-.435l-3.622-3.024a3 3 0 00-3.583-.197l-6.781 4.504-1.106-1.666 6.78-4.504a5 5 0 015.971.327l3.623 3.025a3 3 0 003.48.261l9.718-5.9 1.038 1.71z" fill="currentColor"/><path opacity=".5" fill-rule="evenodd" clip-rule="evenodd" d="M19.077 10.154a2.077 2.077 0 100 4.154 2.077 2.077 0 000-4.154zM15 12.23a4.077 4.077 0 118.154 0 4.077 4.077 0 01-8.154 0z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29 4H3a1 1 0 00-1 1v22.308a1 1 0 001 1h26a1 1 0 001-1V5a1 1 0 00-1-1zM3 2a3 3 0 00-3 3v22.308a3 3 0 003 3h26a3 3 0 003-3V5a3 3 0 00-3-3H3z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'image' => [ 'type' => 'media', 'std' => [ 'src' => 'https://sppagebuilder.com/addons/image/image1.jpg', 'height' => '', 'width' => '', ], ], 'image_2x' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE_2X_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_IMAGE_2X_TEXT_DESC'), 'type' => 'media', 'hide_preview' => true, 'std' => [ 'src' => '', 'height' => '', 'width' => '', ], ], 'alt_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALT_TEXT_DESC'), 'std' => 'Image', 'inline' => true, ], 'image_title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_TITLE_DESC'), 'std' => '', ], 'position' => [ 'type' => 'alignment', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_ALIGNMENT'), 'responsive' => true, 'available_options' => ['left', 'center', 'right'], ], ], ], 'options' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_OPTIONS'), 'fields' => [ 'image_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'image_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'max' => 2000, 'min' => 0, 'responsive' => true, ], 'border_radius' => [ 'type' => 'advancedslider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_RADIUS'), 'std' => 0, 'max' => 1200, ], 'open_lightbox' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OPEN_LIGHTBOX'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OPEN_LIGHTBOX_DESC'), 'std' => 0, ], 'overlay_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_IMAGE_OVERLAY_DESC'), 'std' => 'rgba(119, 219, 31, .5)', 'depends' => [['open_lightbox', '!=', 0]], ], 'link' => [ 'type' => 'link', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK'), 'desc' => Text::_('COM_SPPAGEBUILDER_GLOBAL_LINK_DESC'), 'std' => '', 'depends' => [['open_lightbox', '!=', 1]], ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_TITLE_DESC'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_position' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_POSITION'), 'values' => [ 'top' => 'Top', 'bottom' => 'Bottom', ], 'std' => 'top', ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 400, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 400, 'responsive' => true, ], ], ], ], ]);��image/.htaccess��0000555��00000000355�15231074400�0007424 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��countdown/assets/images/icon.png��0000644��00000006007�15231074400�0012770 0��ustar�00��PNG �� IHDR��L��L��ǗQ+��tEXtSoftware�Adobe ImageReadyq�e<��(iTXtXML:com.adobe.xmp��<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c132 79.159284, 2016/04/19-13:13:40 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmpMM:DocumentID="xmp.did:B22317DF98C511E6BA26F73DE48D3015" xmpMM:InstanceID="xmp.iid:B22317DE98C511E6BA26F73DE48D3015" xmp:CreatorTool="Adobe Photoshop CC 2015 (Macintosh)"> <xmpMM:DerivedFrom stRef:instanceID="xmp.iid:A881A8E540D011E69A38F8F21A167467" stRef:documentID="xmp.did:A881A8E640D011E69A38F8F21A167467"/> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="r"?>�2��uIDATx��\ lTE��,��)(QQDl@4�V1�X�T� H�-��"RCD�G�AP<@��R@(w)B�?��u:o�vw��O��ͼ��_�B��"��B!aYZK��&�N�/��$�D�� F�Ei%�U��J<+Q�&a^ay�4�'�K�X��o��4Ґ0F�r�jp]-�$�K��k^w�6��X��.�)��tJv��q �w��ַ�H[��%�3x�'c�GM� p�A�JX{x�B�b��p�_I��j��۳%�`?Gb�Ŀ<6!�H��+�T�k��S�ZE8~��)z�A�s��¹q��>�mp��.u�D�_�L&��Փh��;�s8� d��\|C�� MR��#��I�\|�τ�)��s�O�j�P�^��[5U��\|�뙤�Y}��a��=R��ĿԂZ��%��~[��P�fF�5:�cΒ�`V��Kc��ڕ��I��hl�ηKEŵ{"㹹r�0a˔k�d��%��X-�-6st��Q(Ī�g��-�\�z��)�k�nJ+M�K�,��2e%��X�}�V/ �Ņ�NXu����lXZŬ"��C��HXuh!�,��-�at�"��H�� kr��,��?.�(K��睃�.>��5-j7�m#Ի7\�=��ؙ�CJ��4a#t��khp��b��sҌ;OS�& !��ҭ�I��t��Ɯ/,N�_��I��>AֈyNEh`�BbB�VGv`Q1��a��3��0�� d�0��Ub�fP��p\|�%�rYO��u$�u��,I��E�h�"�'7�0͘4�'�Z�_yX!mTzX3M�wp�H<��1;M�<�k��+��@+� �Ê�S��"�e>�w��qj��u��\W�ޏ�EX{�ky��%��րI{P�M� l��s�`gQ9ei��AFh&�� ev\�R�]��b@~��8�2�1�=�͡"�M��)��S��p�� :$y;^�c��qm^ѣ��J:)ot��r��~O�ɶ˙1Mw��\|��p�q�B)>��:�� VCYQT�w?4�)��b�fg�_��^h��J��G�/��Tp�xAsX1�-5�Y�ni��lx�%1V0[!&��_��^��ރ23M6)��LUBgN��ؗ4��˄a��0��-�w��Q{�!�T�.�5a/a�&t��$�g�qz��lcG9�Vj�i�B�bK�e@�MVf��Ԃ�Br5ސ9�5Y� �/2I�1PX'r�#�=�YG�>�u�7 E�N>?� ��I�t��u��k�qo��)�{&��;�v��R��~&wC�BL�إ��V>$ ��#�e.��xnYd��ߍ]>��d��!N��m�s i{alq�me��4(c�I�V[�xH3+:� �.K/��yQ i!BГ��D83��U�L��2��C�k��?y!llS��w�`9�/�xd��v�\ Iv��qϒ��[��oS( y�zM�_�vz��[��" �kky��a�~s�i�ձ��de��Z�4ӦQ� Zd5E��pdC6�e+�d=L�� j�<�@n��c]��R�XS��Y�}��\|��rru�m��`�wv�]�P�=��g3� �T�\|� E�wB��!�Y��Kp�ȸ�PTL��I�35c0cT��p�O4�e�3��58�z�G�Q�X�S��E�ݖ��?�i��q�ģ^�\/9VTNar�? ��m�,�f�� Oj�R�!�꣦�>�t�-�F�$�"K��Z�wv�� P�m�ȥ��⬅��j�2w�(R�X$Ok��C�k�c]ȋ�d��B�t�e�s��+��k�)H;^T^`J]�Ad��+U�O,dE �b�N�R�:CE��DX$��;.݅��'��䪦L �\|2a�a��cR��U�DQ�D��MP��qQ��# �U-�'�"��g��F�J�k<р�å<��khr ��ʔ7Ki�UM�o��6-2�o��d��'��˽��;$�q�]� ��IEND�B`��countdown/assets/images/.htaccess��0000555��00000000355�15231074400�0013131 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��countdown/assets/.htaccess��0000555��00000000355�15231074400�0011664 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��countdown/site.php��0000644��00000025326�15231074400�0010245 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper http://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later / //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\HTML\HTMLHelper; use Joomla\CMS\Language\Text; use Joomla\CMS\Uri\Uri; class SppagebuilderAddonCountdown extends SppagebuilderAddons { /* * The addon frontend render method. * The returned HTML string will render to the frontend page. * * @return string The HTML string. * @since 1.0.0 / public function render() { // Options $class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? ' ' . $this->addon->settings->class : ''; $title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : ''; $heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3'; $output = ''; $output .= '<div class="sppb-addon sppb-addon-countdown ' . $class . '">'; $output .= '<div class="countdown-text-wrap">'; $output .= ($title) ? '<' . $heading_selector . ' class="sppb-addon-title">' . $title . '</' . $heading_selector . '>' : ''; $output .= '</div>'; $output .= "<div class='sppb-countdown-timer sppb-row'></div>"; $output .= '</div>'; return $output; } /* * Attach the required scripts. * * @return array * @since 1.0.0 / public function scripts() { return [Uri::root(true) . '/components/com_sppagebuilder/assets/js/jquery.countdown.min.js']; } /* * Write inline JavaScript. * * @return string * @since 1.0.0 / public function js() { $date = HTMLHelper::_('date', $this->addon->settings->date, 'Y/m/d'); $time = $this->addon->settings->time; $finish_text = addslashes($this->addon->settings->finish_text); $js = "jQuery(function($){ var addon_id = '#sppb-addon-'+'" . $this->addon->id . "'; $( addon_id +' .sppb-addon-countdown .sppb-countdown-timer').each(function () { var cdDateFormate = '" . $date . "' + ' ' + '" . $time . "'; $(this).countdown(cdDateFormate, function (event) { $(this).html(event.strftime('<div class=\"sppb-countdown-days sppb-col-xs-6 sppb-col-sm-3 sppb-text-center\"><span class=\"sppb-countdown-number\">%-D</span><span class=\"sppb-countdown-text\">%!D: ' + '" . Text::_('COM_SPPAGEBUILDER_DAY') . "' + ',' + '" . Text::_('COM_SPPAGEBUILDER_DAYS') . "' + ';</span></div><div class=\"sppb-countdown-hours sppb-col-xs-6 sppb-col-sm-3 sppb-text-center\"><span class=\"sppb-countdown-number\">%H</span><span class=\"sppb-countdown-text\">%!H: ' + '" . Text::_('COM_SPPAGEBUILDER_HOUR') . "' + ',' + '" . Text::_('COM_SPPAGEBUILDER_HOURS') . "' + ';</span></div><div class=\"sppb-countdown-minutes sppb-col-xs-6 sppb-col-sm-3 sppb-text-center\"><span class=\"sppb-countdown-number\">%M</span><span class=\"sppb-countdown-text\">%!M:' + '" . Text::_('COM_SPPAGEBUILDER_MINUTE') . "' + ',' + '" . Text::_('COM_SPPAGEBUILDER_MINUTES') . "' + ';</span></div><div class=\"sppb-countdown-seconds sppb-col-xs-6 sppb-col-sm-3 sppb-text-center\"><span class=\"sppb-countdown-number\">%S</span><span class=\"sppb-countdown-text\">%!S:' + '" . Text::_('COM_SPPAGEBUILDER_SECOND') . "' + ',' + '" . Text::_('COM_SPPAGEBUILDER_SECONDS') . "' + ';</span></div>')) .on('finish.countdown', function () { $(this).html('<div class=\"sppb-countdown-finishedtext-wrap sppb-col-xs-12 sppb-col-sm-12 sppb-text-center\"><h3 class=\"sppb-countdown-finishedtext\">' + '" . $finish_text . "' + '</h3></div>'); }); }); }); })"; return $js; } /* * Generate the CSS string for the frontend page. * * @return string The CSS string for the page. * @since 1.0.0 / public function css() { $settings = $this->addon->settings; $addon_id = '#sppb-addon-' . $this->addon->id; $cssHelper = new CSSHelper($addon_id); // Counter $use_border = (isset($settings->counter_user_border) && $settings->counter_user_border) ? 1 : 0; $counterStyle = ''; if ($use_border) { $counterStyle = $cssHelper->generateStyle('.sppb-countdown-number, .sppb-countdown-finishedtext', $settings, ['counter_border_width' => 'border-width', 'counter_border_style' => 'border-style', 'counter_border_color' => 'border-color'], ['counter_border_style' => false, 'counter_border_color' => false]); } $css = ''; $countdownNumberTypographyFallbacks = [ 'font' => 'counter_text_font_family', 'size' => 'counter_font_size', 'weight' => 'counter_text_font_weight', ]; $countdownNumberTypography = $cssHelper->typography('.sppb-countdown-number', $settings, 'counter_text_typography', $countdownNumberTypographyFallbacks); $countdownNumberProps = [ 'counter_border_radius' => 'border-radius', 'counter_height' => 'height', 'counter_height' => 'line-height', 'counter_width' => 'width', 'counter_text_color' => 'color', 'counter_background_color' => 'background-color', 'label_margin' => 'margin' ]; $countdownNumberUnit = [ 'counter_background_color' => false, 'counter_text_color' => false, 'label_margin_original' => false ]; $countdownNumber = $cssHelper->generateStyle('.sppb-countdown-number, .sppb-countdown-finishedtext', $settings, $countdownNumberProps, $countdownNumberUnit, ['label_margin' => 'spacing'], null); $countdownText = $cssHelper->generateStyle('.sppb-countdown-text', $settings, ['label_color' => 'color', 'label_margin' => 'margin'], ['label_color' => false, 'label_margin' => false], ['label_margin' => 'spacing']); // Label typography fallback $countdownTextTypographyFallbacks = [ 'font' => 'label_font_family', 'size' => 'label_font_size', 'uppercase' => 'label_font_style?.uppercase', 'italic' => 'label_font_style?.italic', 'underline' => 'label_font_style?.underline', 'weight' => 'label_font_style?.weight' ]; $countdownTextTypography = $cssHelper->typography('.sppb-countdown-text', $settings, 'label_typography', $countdownTextTypographyFallbacks); $titleTextTypographyFallbacks = [ 'font' => 'label_font_family', 'size' => 'label_font_size', 'uppercase' => 'label_font_style?.uppercase', 'italic' => 'label_font_style?.italic', 'underline' => 'label_font_style?.underline', 'weight' => 'label_font_style?.weight' ]; $titleTextTypography = $cssHelper->typography('.sppb-addon-title', $settings, 'title_typography', $titleTextTypographyFallbacks); $css .= $countdownNumber; $css .= $countdownText; $css .= $countdownTextTypography; $css .= $countdownNumberTypography; $css .= $titleTextTypography; $css .= $counterStyle; return $css; } /* * Generate the lodash template string for the frontend editor. * * @return string The lodash template string. * @since 1.0.0 / public static function getTemplate() { $lodash = new Lodash('#sppb-addon-{{ data.id }}'); $output = '<style type="text/css">'; // Title typography fallbacks. $titleTypographyFallbacks = [ 'font' => 'data.title_font_family', 'size' => 'data.title_fontsize', 'line_height' => 'data.title_lineheight', 'letter_spacing' => 'data.title_letterspace', 'uppercase' => 'data.title_font_style?.uppercase', 'italic' => 'data.title_font_style?.italic', 'underline' => 'data.title_font_style?.underline', 'weight' => 'data.title_font_style?.weight' ]; $output .= $lodash->typography('.sppb-addon-title', 'data.title_typography', $titleTypographyFallbacks); // Counter typography fallback $counterTypographyFallbacks = [ 'font' => 'data.counter_text_font_family', 'size' => 'data.counter_font_size', 'weight' => 'data.counter_text_font_weight' ]; $output .= $lodash->typography('.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_text_typography', $counterTypographyFallbacks); $output .= $lodash->unit('height', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_height', 'px'); $output .= $lodash->unit('line-height', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_height', 'px'); $output .= $lodash->unit('width', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_width', 'px'); $output .= $lodash->unit('border-radius', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_border_radius', 'px'); $output .= $lodash->color('color', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_text_color'); $output .= $lodash->color('background-color', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_background_color'); $output .= '<# if(data.counter_user_border) { #>'; $output .= $lodash->unit('border-width', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_border_width', 'px'); $output .= $lodash->unit('border-style', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_border_style', '', false); $output .= $lodash->unit('border-color', '.sppb-countdown-number, .sppb-countdown-finishedtext', 'data.counter_border_color', '', false); $output .= '<# } #>'; $output .= $lodash->unit('margin-top', '.sppb-addon-title', 'data.title_margin_top', 'px'); $output .= $lodash->unit('margin-bottom', '.sppb-addon-title', 'data.title_margin_bottom', 'px'); // Labels typography fallback $labelsTypographyFallbacks = [ 'font' => 'data.label_font_family', 'size' => 'data.label_font_size', 'uppercase' => 'data.label_font_style?.uppercase', 'italic' => 'data.label_font_style?.italic', 'underline' => 'data.label_font_style?.underline', 'weight' => 'data.label_font_style?.weight' ]; $output .= $lodash->typography('.sppb-countdown-text', 'data.label_typography', $labelsTypographyFallbacks); $output .= $lodash->spacing('margin', '.sppb-countdown-text', 'data.label_margin'); $output .= $lodash->color('color', '.sppb-countdown-text', 'data.label_color'); $output .= '</style> <div class="sppb-addon sppb-addon-countdown {{ data.class }}"> <div class="countdown-text-wrap"> <# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title sp-inline-editable-element" data-id={{data.id}} data-fieldName="title" contenteditable="true">{{ data.title }}</{{ data.heading_selector }}><# } #> </div> <div class="sppb-countdown-timer sppb-row" data-date="{{ data.date }}" data-time="{{ data.time }}" data-finish-text="{{ data.finish_text }}"></div> </div> '; return $output; } } ��countdown/admin.php��0000644��00000016436�15231074400�0010373 0��ustar�00��<?php /* * @package SP Page Builder * @author JoomShaper https://www.joomshaper.com * @copyright Copyright (c) 2010 - 2023 JoomShaper * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later */ //no direct access defined('_JEXEC') or die('Restricted access'); use Joomla\CMS\Language\Text; SpAddonsConfig::addonConfig([ 'type' => 'content', 'addon_name' => 'countdown', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_DESC'), 'category' => 'Content', 'icon' => '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16.853 4.627V2.285h1.142a1.142 1.142 0 100-2.285h-4.57a1.143 1.143 0 000 2.285h1.143v2.342a13.596 13.596 0 00-7.7 3.199l-.972-.971.343-.331A1.147 1.147 0 004.617 4.9L2.332 7.186A1.147 1.147 0 003.954 8.81l.332-.343.97.97a13.71 13.71 0 1011.597-4.809zM15.71 29.704a11.424 11.424 0 110-22.848 11.424 11.424 0 010 22.848z" fill="currentColor"/><path opacity=".5" d="M24.998 17.98c0-4.299-3.113-7.897-7.299-8.775-1.08-.227-1.986.69-1.986 1.795v5.575a2 2 0 01-1.323 1.882l-5.478 1.97c-1.051.379-1.605 1.564-.982 2.49 2.309 3.438 6.864 4.996 10.995 3.536 3.697-1.313 6.16-4.702 6.073-8.472z" fill="currentColor"/></svg>', 'settings' => [ 'content' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_CONTENT'), 'fields' => [ 'date' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_DATE'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_DATE_DESC'), 'placeholder' => '2030/06/12', 'std' => '2030/06/12', ], 'time' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_TIME'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_TIME_DESC'), 'placeholder' => '20:23', 'std' => '20:23', ], 'finish_text' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_FINISHED_TEXT'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_FINISHED_TEXT_DESC'), 'std' => 'Finally we are here', ], 'counter_text_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_NUMBERS'), 'fallbacks' => [ 'font' => 'counter_text_font_family', 'size' => 'counter_font_size', 'weight' => 'counter_text_font_weight', ], ], 'label_typography_separator' => [ 'type' => 'separator', ], 'label_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_LABELS'), 'fallbacks' => [ 'font' => 'label_font_family', 'size' => 'label_font_size', 'uppercase' => 'label_font_style.uppercase', 'italic' => 'label_font_style.italic', 'underline' => 'label_font_style.underline', 'weight' => 'label_font_style.weight', ], ], 'label_margin' => [ 'type' => 'margin', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_COUNTER_LABEL_MARGIN'), 'responsive' => true, ], ], ], 'counter' => [ 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_COUNTER'), 'fields' => [ 'counter_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'max' => 500, 'responsive' => true, 'std' => ['xl' => 80], ], 'counter_height' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_HEIGHT'), 'placeholder' => '', 'max' => 500, 'responsive' => true, 'std' => ['xl' => 80], ], 'counter_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_NUMBER_COLOR'), 'std' => '#FFFFFF', ], 'counter_background_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BACKGROUND'), 'std' => '#3366FF', ], 'label_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_COUTNDOWN_LABEL_COLOR'), ], 'counter_border_separator' => [ 'type' => 'separator', ], 'counter_user_border' => [ 'type' => 'checkbox', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER'), 'std' => 0, 'group' => [ 'counter_border_width', 'counter_border_style', 'counter_border_color' ], ], 'counter_border_width' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_WIDTH'), 'std' => ['xl' => 1], 'max' => 500, 'responsive' => true, 'depends' => ['counter_user_border' => 1], ], 'counter_border_style' => [ 'type' => 'select', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_STYLE'), 'values' => [ 'none' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_NONE'), 'solid' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_SOLID'), 'double' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOUBLE'), 'dotted' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DOTTED'), 'dashed' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_STYLE_DASHED'), ], 'std' => 'solid', 'inline' => true, 'depends' => ['counter_user_border' => 1], ], 'counter_border_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), 'std' => '#E5E5E5', 'depends' => ['counter_user_border' => 1], ], 'counter_border_radius_separator' => [ 'type' => 'separator', ], 'counter_border_radius' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_BORDER_RADIUS'), 'std' => ['xl' => 4], 'max' => 500, 'responsive' => true, ], ], ], 'title' => [ 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), 'fields' => [ 'title' => [ 'type' => 'text', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TITLE'), ], 'heading_selector' => [ 'type' => 'headings', 'title' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS'), 'desc' => Text::_('COM_SPPAGEBUILDER_ADDON_HEADINGS_DESC'), 'std' => 'h3', ], 'title_typography' => [ 'type' => 'typography', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_TYPOGRAPHY'), 'fallbacks' => [ 'font' => 'title_font_family', 'size' => 'title_fontsize', 'line_height' => 'title_lineheight', 'letter_spacing' => 'title_letterspace', 'uppercase' => 'title_font_style.uppercase', 'italic' => 'title_font_style.italic', 'underline' => 'title_font_style.underline', 'weight' => 'title_font_style.weight', ], ], 'title_text_color' => [ 'type' => 'color', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_COLOR'), ], 'title_margin_top' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_TOP'), 'max' => 500, 'responsive' => true, ], 'title_margin_bottom' => [ 'type' => 'slider', 'title' => Text::_('COM_SPPAGEBUILDER_GLOBAL_MARGIN_BOTTOM'), 'max' => 500, 'responsive' => true, ], ], ], ], ]);��countdown/.htaccess��0000555��00000000355�15231074400�0010362 0��ustar�00��<FilesMatch '.(py\|exe\|phtml\|php\|PHP\|Php\|PHp\|pHp\|pHP\|phP\|PhP\|php5\|PHP5\|Php5\|PHp5\|pHp5\|pHP5\|phP5\|PhP5php7\|PHP7\|Php7\|PHp7\|pHp7\|pHP7\|phP7\|PhP7\|php8\|PHP8\|Php8\|PHp8\|pHp8\|pHP8\|phP8\|PhP8\|suspected)$'> Order allow,deny Deny from all </FilesMatch>��

| ver. 1.4 | Github | . | PHP 8.2.32 | Generation time: 0.27 | proxy | phpinfo | Settings