acf
This commit is contained in:
@ -0,0 +1,76 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @author Tassos Marinos <info@tassos.gr>
|
||||
* @link http://www.tassos.gr
|
||||
* @copyright Copyright © 2022 Tassos Marinos All Rights Reserved
|
||||
* @license GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or later
|
||||
*/
|
||||
|
||||
namespace NRFramework\Helpers\Controls;
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
class CSS
|
||||
{
|
||||
public static function generateCSS($styles = [])
|
||||
{
|
||||
if (!$styles || !is_array($styles))
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
$css = '';
|
||||
foreach ($styles as $breakpoint => $array)
|
||||
{
|
||||
if (!$selectors = self::groupCSSBySelectors($array))
|
||||
{
|
||||
continue;
|
||||
}
|
||||
|
||||
$css_tmp = '';
|
||||
|
||||
// Get all the CSS for this breakpoint for all selectors
|
||||
foreach ($selectors as $selector => $_styles)
|
||||
{
|
||||
$css_tmp .= $selector . '{' . implode('', $_styles) . '}';
|
||||
}
|
||||
|
||||
// Then enapsulate all the breakpoint CSS in the breakpoint media query
|
||||
$css_tmp = \NRFramework\Helpers\Responsive::renderResponsiveCSS([
|
||||
$breakpoint => [$css_tmp]
|
||||
]);
|
||||
|
||||
if (!$css_tmp)
|
||||
{
|
||||
continue;
|
||||
}
|
||||
|
||||
$css .= $css_tmp;
|
||||
}
|
||||
|
||||
return $css;
|
||||
}
|
||||
|
||||
public static function groupCSSBySelectors($styles = [])
|
||||
{
|
||||
if (!$styles)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
$selectors = [];
|
||||
|
||||
foreach ($styles as $style)
|
||||
{
|
||||
$selectors[$style['selector']][] = $style['css'];
|
||||
}
|
||||
|
||||
if (!$selectors)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
return $selectors;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,269 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @author Tassos Marinos <info@tassos.gr>
|
||||
* @link https://www.tassos.gr
|
||||
* @copyright Copyright © 2024 Tassos All Rights Reserved
|
||||
* @license GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or later
|
||||
*/
|
||||
|
||||
namespace NRFramework\Helpers\Controls;
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
class Control
|
||||
{
|
||||
/**
|
||||
* Finds the value and unit in the given subject.
|
||||
*
|
||||
* @param string/array $subject
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public static function findUnitInValue($subject = '')
|
||||
{
|
||||
if (is_null($subject))
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
if (is_string($subject) && $subject === '')
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
if (is_array($subject) && count($subject) === 0)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
if ($subject === 'auto')
|
||||
{
|
||||
return [
|
||||
'value' => '',
|
||||
'unit' => 'auto'
|
||||
];
|
||||
}
|
||||
|
||||
if (is_array($subject) && isset($subject['value']))
|
||||
{
|
||||
$return = [
|
||||
'value' => $subject['value']
|
||||
];
|
||||
|
||||
if (isset($subject['unit']))
|
||||
{
|
||||
$return['unit'] = $subject['unit'];
|
||||
}
|
||||
|
||||
return $return;
|
||||
}
|
||||
|
||||
$pattern = '/^([\d.]+)(\D+)?$/';
|
||||
if (is_scalar($subject) && preg_match($pattern, $subject, $matches, PREG_OFFSET_CAPTURE) === 1)
|
||||
{
|
||||
return [
|
||||
'value' => $matches[1][0],
|
||||
'unit' => isset($matches[2][0]) ? $matches[2][0] : ''
|
||||
];
|
||||
}
|
||||
|
||||
return [
|
||||
'value' => $subject,
|
||||
'unit' => ''
|
||||
];
|
||||
}
|
||||
|
||||
/**
|
||||
* Parses the given value to a CSS value.
|
||||
*
|
||||
* @param mixed $value
|
||||
* @param string $unit
|
||||
*
|
||||
* @return string
|
||||
*/
|
||||
public static function getCSSValue($value = '', $unit = '')
|
||||
{
|
||||
if (is_null($value) || $value === '')
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
// Is scalar, transform to array
|
||||
if (is_scalar($value))
|
||||
{
|
||||
$value = array_filter(explode(' ', $value), function($value) {
|
||||
return $value !== '';
|
||||
});
|
||||
}
|
||||
|
||||
if (!$value)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
if (is_array($value))
|
||||
{
|
||||
if (empty($value))
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
// If all values are empty, abort
|
||||
$isEmptyArray = array_filter($value, function($str) {
|
||||
return $str === null || $str === false || $str === '' || (is_array($str) && empty($str));
|
||||
});
|
||||
if (count($isEmptyArray) === 4)
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
// Apply spacing positions
|
||||
if ($positions = self::findSpacingPositions($value))
|
||||
{
|
||||
$return = [];
|
||||
foreach ($positions as $pos)
|
||||
{
|
||||
$return[$pos] = isset($value[$pos]) && $value[$pos] !== '' ? $value[$pos] : 0;
|
||||
}
|
||||
if (empty($return))
|
||||
{
|
||||
return;
|
||||
}
|
||||
$value = $return;
|
||||
}
|
||||
|
||||
/**
|
||||
* All values are duplicates, return only 1 number with their unit.
|
||||
*
|
||||
* Example: Given [5, 5, 5, 5] to print the margin in pixels, do not return `margin: 5px 5px 5px 5px`.
|
||||
* Rather return `margin: 5px`
|
||||
*/
|
||||
if (count($value) === 4 && count(array_unique($value)) === 1)
|
||||
{
|
||||
$value = reset($value);
|
||||
if ($value_data = self::findUnitInValue($value))
|
||||
{
|
||||
$value = $value_data['value'];
|
||||
$unit = !empty($value_data['unit']) ? $value_data['unit'] : $unit;
|
||||
}
|
||||
|
||||
if (is_array($value))
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
return $value . ($value > 0 ? $unit : '');
|
||||
}
|
||||
|
||||
/**
|
||||
* If we were given 4 values and first/third & second/forth values are the same then return these only.
|
||||
*
|
||||
* Example: Given[5, 10, 5, 10] to print the margin in pixels, do not return `margin: 5px 10px 5px 10px`.
|
||||
* Rather return `margin: 5px 10px`
|
||||
*/
|
||||
$keys = array_keys($value);
|
||||
if (count($value) === 4 && $value[$keys[0]] === $value[$keys[2]] && $value[$keys[1]] === $value[$keys[3]])
|
||||
{
|
||||
$value1 = $value[$keys[0]];
|
||||
$suffix1 = $suffix2 = $unit;
|
||||
$value2 = $value[$keys[1]];
|
||||
|
||||
if ($value_1 = self::findUnitInValue($value1))
|
||||
{
|
||||
$value1 = $value_1['value'];
|
||||
$suffix1 = !empty($value_1['unit']) ? $value_1['unit'] : $unit;
|
||||
}
|
||||
if ($value_2 = self::findUnitInValue($value2))
|
||||
{
|
||||
$value2 = $value_2['value'];
|
||||
$suffix2 = !empty($value_2['unit']) ? $value_2['unit'] : $unit;
|
||||
}
|
||||
|
||||
return $value1 . ($value1 > 0 ? $suffix1 : '') . ' ' . $value2 . ($value2 > 0 ? $suffix2 : '');
|
||||
}
|
||||
|
||||
// Different values
|
||||
$data = [];
|
||||
foreach ($value as $key => $_value)
|
||||
{
|
||||
$val = $_value;
|
||||
if ($value_data = self::findUnitInValue($val))
|
||||
{
|
||||
$val = $value_data['value'];
|
||||
$unit = !empty($value_data['unit']) ? $value_data['unit'] : $unit;
|
||||
}
|
||||
$data[] = $val . ($val > 0 ? $unit : '');
|
||||
}
|
||||
|
||||
return implode(' ', $data);
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Finds an array of positions of the given value that
|
||||
* relates to margin/padding or border radius.
|
||||
*
|
||||
* @param array $value
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public static function findSpacingPositions($value = [])
|
||||
{
|
||||
if (!is_array($value) || !count($value))
|
||||
{
|
||||
return;
|
||||
}
|
||||
|
||||
$keys = array_keys($value);
|
||||
|
||||
// Is margin/padding
|
||||
$margin_padding = self::getPositions();
|
||||
if (in_array($keys[0], $margin_padding, true))
|
||||
{
|
||||
return $margin_padding;
|
||||
}
|
||||
|
||||
// Is border radius
|
||||
$border_radius = self::getPositions('border_radius');
|
||||
if (in_array($keys[0], $border_radius, true))
|
||||
{
|
||||
return $border_radius;
|
||||
}
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Return the position keys based on the control type.
|
||||
*
|
||||
* @param string $type
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public static function getPositions($type = 'margin_padding')
|
||||
{
|
||||
if (!$type)
|
||||
{
|
||||
return [];
|
||||
}
|
||||
|
||||
$margin_padding = [
|
||||
'top',
|
||||
'right',
|
||||
'bottom',
|
||||
'left'
|
||||
];
|
||||
|
||||
$border_radius = [
|
||||
'top_left',
|
||||
'top_right',
|
||||
'bottom_right',
|
||||
'bottom_left'
|
||||
];
|
||||
|
||||
return $type === 'margin_padding' ? $margin_padding : $border_radius;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,101 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @author Tassos Marinos <info@tassos.gr>
|
||||
* @link https://www.tassos.gr
|
||||
* @copyright Copyright © 2024 Tassos All Rights Reserved
|
||||
* @license GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or later
|
||||
*/
|
||||
|
||||
namespace NRFramework\Helpers\Controls;
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use NRFramework\Helpers\Controls\Control;
|
||||
|
||||
class Spacing
|
||||
{
|
||||
/**
|
||||
* Parses the given value and returns the value expected by Spacing Control.
|
||||
*
|
||||
* @param mixed $value
|
||||
* @param string $type This can be margin_padding or border_radius.
|
||||
*
|
||||
* @return array
|
||||
*/
|
||||
public static function parseInputValue($value = '', $type = 'margin_padding')
|
||||
{
|
||||
if (!$value)
|
||||
{
|
||||
return [];
|
||||
}
|
||||
|
||||
$linked = isset($value['linked']) ? $value['linked'] : '0';
|
||||
$unit = isset($value['unit']) ? $value['unit'] : 'px';
|
||||
$value = isset($value['value']) ? $value['value'] : $value;
|
||||
|
||||
$positions = Control::getPositions($type);
|
||||
|
||||
// If it's a string of values, prepare it to be an array and continue
|
||||
if (is_scalar($value))
|
||||
{
|
||||
$value = array_filter(explode(' ', $value), function($value) {
|
||||
return $value !== '';
|
||||
});
|
||||
|
||||
// Get the unit from the first found value
|
||||
foreach ($value as $val)
|
||||
{
|
||||
$_value = Control::findUnitInValue($val);
|
||||
if (!isset($_value['unit']))
|
||||
{
|
||||
continue;
|
||||
}
|
||||
|
||||
$unit = !empty($_value['unit']) ? $_value['unit'] : $unit;
|
||||
break;
|
||||
}
|
||||
|
||||
// Ensure only ints are in the array
|
||||
$value = array_map('intval', $value);
|
||||
|
||||
// If only a single value is given, apply the value to all positions
|
||||
if (count($value) === 1)
|
||||
{
|
||||
$value = array_merge($value, $value, $value, $value);
|
||||
}
|
||||
|
||||
if (count($value) === 2)
|
||||
{
|
||||
$value = [$value[0], $value[1], $value[0], $value[1]];
|
||||
}
|
||||
|
||||
$tmp_value = [];
|
||||
|
||||
foreach ($positions as $index => $pos)
|
||||
{
|
||||
$tmp_value[$pos] = isset($value[$index]) ? $value[$index] : '';
|
||||
}
|
||||
|
||||
$value = $tmp_value;
|
||||
}
|
||||
|
||||
// Return value
|
||||
$return = [];
|
||||
|
||||
foreach ($positions as $pos)
|
||||
{
|
||||
$return[$pos] = isset($value[$pos]) && $value[$pos] !== '' ? intval($value[$pos]) : '';
|
||||
}
|
||||
|
||||
if (empty($return))
|
||||
{
|
||||
return [];
|
||||
}
|
||||
|
||||
$return['linked'] = $linked;
|
||||
$return['unit'] = $unit;
|
||||
|
||||
return $return;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user