nexus/proelements
2
0
Fork 0
mirror of https://github.com/proelements/proelements.git synced 2026-04-18 10:02:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

v3.35.0

Browse Source
This commit is contained in:
proelements
2026-02-16 11:44:35 +02:00
parent 08ec8d01f1
commit b499583e5a
348 changed files with 3915 additions and 1414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

359
assets/js/packages/editor-controls-extended/editor-controls-extended.js
View File

@@ -179,7 +179,8 @@ function disableFoldingFirstRow(editor) {
const CssEditor = ({
value,
onChange,
syntaxRuleOptions
syntaxRuleOptions,
readOnly = false
}) => {
const theme = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -264,7 +265,8 @@ const CssEditor = ({
},
lineDecorationsWidth: 2,
wordWrap: 'on',
scrollBeyondLastLine: false
scrollBeyondLastLine: false,
readOnly
}
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_resize_handle__WEBPACK_IMPORTED_MODULE_7__.ResizeHandleComponent, {
onResize: handleResize,
@@ -596,15 +598,14 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../prop-types/display-conditions */ "./packages/packages/pro/editor-controls-extended/src/prop-types/display-conditions.ts");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../prop-types/display-conditions */ "./packages/packages/pro/editor-controls-extended/src/prop-types/display-conditions.ts");
/* harmony import */ var _utils_display_conditions_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/display-conditions-utils */ "./packages/packages/pro/editor-controls-extended/src/utils/display-conditions-utils.ts");
@@ -616,32 +617,7 @@ __webpack_require__.r(__webpack_exports__);
const OPEN_MODAL_EVENT = 'elementor/display-conditions/open';
const CLOSE_MODAL_EVENT = 'elementor/display-conditions/close';
const SET_CACHE_NOTICE_STATUS_EVENT = 'elementor/display-conditions/set-cache-notice-status';
// Value must be falsy for navigator indication to work properly
function transformV3ToV4(displayConditions) {
if (!Array.isArray(displayConditions) || !displayConditions?.length) {
return null;
}
const transformed = displayConditions.filter(conditionGroup => !!conditionGroup?.length).map(conditionGroup => ({
$$type: 'condition-group',
value: conditionGroup.map(condition => _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.stringPropTypeUtil.create(JSON.stringify(condition)))
}));
return transformed.length ? transformed : null;
}
function transformV4ToV3(value) {
const conditionGroups = value;
const transformed = conditionGroups?.map(group => group.value.map(conditions => {
return JSON.parse(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.stringPropTypeUtil.extract(conditions) ?? '[]');
})) ?? null;
return getStructuredConditions(transformed);
}
function shouldConvertConditionsStructure(conditions) {
return !!conditions?.length && !Array.isArray(conditions?.[0]);
}
function getStructuredConditions(conditions) {
return shouldConvertConditionsStructure(conditions) ? [conditions] : conditions;
}
const ariaLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Display Conditions', 'elementor-pro');
const ariaLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Display Conditions', 'elementor-pro');
async function setCacheNoticeStatus() {
return new Promise((resolve, reject) => {
window.dispatchEvent(new CustomEvent(SET_CACHE_NOTICE_STATUS_EVENT, {
@@ -658,11 +634,11 @@ const DisplayConditionsControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED
const {
setValue,
value: displayConditionsValue
} = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_6__.displayConditionsPropTypeUtil);
} = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_prop_types_display_conditions__WEBPACK_IMPORTED_MODULE_5__.displayConditionsPropTypeUtil);
const [isModalOpen, setIsModalOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
const isToggleButtonSelected = !!displayConditionsValue?.length;
const setControlValue = value => setValue(transformV3ToV4(JSON.parse(value ?? '[]')));
const getControlValue = () => transformV4ToV3(displayConditionsValue) ?? [];
const hasValue = !!displayConditionsValue?.length;
const setControlValue = value => setValue((0,_utils_display_conditions_utils__WEBPACK_IMPORTED_MODULE_6__.transformV3ToV4)(JSON.parse(value ?? '[]')));
const getControlValue = () => (0,_utils_display_conditions_utils__WEBPACK_IMPORTED_MODULE_6__.transformV4ToV3)(displayConditionsValue) ?? [];
const onClose = () => {
setIsModalOpen(false);
window.dispatchEvent(new CustomEvent(CLOSE_MODAL_EVENT));
@@ -681,15 +657,15 @@ const DisplayConditionsControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED
}
}));
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
direction: "row",
spacing: 2,
sx: {
justifyContent: 'flex-end',
alignItems: 'center'
}
}, disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Chip, {
icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.CrownFilledIcon, {
}, disabled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Chip, {
icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.CrownFilledIcon, {
fontSize: "tiny"
}),
size: "tiny",
@@ -701,21 +677,21 @@ const DisplayConditionsControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED
display: 'none'
}
}
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tooltip, {
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
title: ariaLabel,
placement: "top"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, {
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
sx: {
cursor: disabled ? 'not-allowed' : 'pointer',
display: 'inline-flex'
}
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.ToggleButton, {
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleButton, {
value: JSON.stringify(conditions),
size: "tiny",
variant: "outline",
"aria-pressed": isModalOpen,
"aria-pressed": hasValue,
"aria-expanded": isModalOpen,
selected: isToggleButtonSelected,
selected: hasValue,
"aria-haspopup": "dialog",
"aria-label": ariaLabel,
onClick: openConditionsModal,
@@ -724,7 +700,7 @@ const DisplayConditionsControl = (0,_elementor_editor_controls__WEBPACK_IMPORTED
pointerEvents: disabled ? 'none' : 'auto'
},
"data-behavior": "display-conditions"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SitemapIcon, {
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SitemapIcon, {
fontSize: "tiny"
}))))));
});
@@ -745,238 +721,22 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ });
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
const getIsSiteRtl = () => {
return !!window?.elementorFrontend?.config?.is_rtl;
};
function extendTransitionProperties(isDisabled = false) {
const isSiteRtl = getIsSiteRtl();
// Core transition properties are limited to 'All Properties' option, so we need to extend it.
if (_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties && _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.length === 1) {
const commonProperties = _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.find(category => category.label === (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Common', 'elementor-pro'));
if (commonProperties) {
commonProperties.label = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Default', 'elementor-pro');
}
_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.push({
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin (all)', 'elementor-pro'),
value: 'margin',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin bottom', 'elementor-pro'),
value: 'margin-block-end',
isDisabled
}, {
label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin right', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin left', 'elementor-pro'),
value: 'margin-inline-start',
isDisabled
}, {
label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin left', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin right', 'elementor-pro'),
value: 'margin-inline-end',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Margin top', 'elementor-pro'),
value: 'margin-block-start',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding (all)', 'elementor-pro'),
value: 'padding',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding bottom', 'elementor-pro'),
value: 'padding-block-end',
isDisabled
}, {
label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding right', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding left', 'elementor-pro'),
value: 'padding-inline-start',
isDisabled
}, {
label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding left', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding right', 'elementor-pro'),
value: 'padding-inline-end',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Padding top', 'elementor-pro'),
value: 'padding-block-start',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Flex', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Flex (all)', 'elementor-pro'),
value: 'flex',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Flex grow', 'elementor-pro'),
value: 'flex-grow',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Flex shrink', 'elementor-pro'),
value: 'flex-shrink',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Flex basis', 'elementor-pro'),
value: 'flex-basis',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Size', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Width', 'elementor-pro'),
value: 'width',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Height', 'elementor-pro'),
value: 'height',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Max height', 'elementor-pro'),
value: 'max-height',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Max width', 'elementor-pro'),
value: 'max-width',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Min height', 'elementor-pro'),
value: 'min-height',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Min width', 'elementor-pro'),
value: 'min-width',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Position', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Top', 'elementor-pro'),
value: 'inset-block-start',
isDisabled
}, {
label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Right', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Left', 'elementor-pro'),
value: 'inset-inline-start',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Bottom', 'elementor-pro'),
value: 'inset-block-end',
isDisabled
}, {
label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Left', 'elementor-pro') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Right', 'elementor-pro'),
value: 'inset-inline-end',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Z-Index', 'elementor-pro'),
value: 'z-index',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Typography', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Font color', 'elementor-pro'),
value: 'color',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Font size', 'elementor-pro'),
value: 'font-size',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Line height', 'elementor-pro'),
value: 'line-height',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Letter spacing', 'elementor-pro'),
value: 'letter-spacing',
isDisabled
},
// { label: __('Text indent', 'elementor-pro'), value: 'text-indent', isDisabled },
// { label: __('Text shadow', 'elementor-pro'), value: 'text-shadow', isDisabled },
{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Word spacing', 'elementor-pro'),
value: 'word-spacing',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Font variations', 'elementor-pro'),
value: 'font-variation-settings',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Text stroke color', 'elementor-pro'),
value: '-webkit-text-stroke-color',
isDisabled
}
// { label: __('Text underline offset', 'elementor-pro'), value: 'text-underline-offset', isDisabled },
// { label: __('Text decoration color', 'elementor-pro'), value: 'text-decoration-color', isDisabled },
]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Background', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Background color', 'elementor-pro'),
value: 'background-color',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Background position', 'elementor-pro'),
value: 'background-position',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Box shadow', 'elementor-pro'),
value: 'box-shadow',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border (all)', 'elementor-pro'),
value: 'border',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border radius', 'elementor-pro'),
value: 'border-radius',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border color', 'elementor-pro'),
value: 'border-color',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Border width', 'elementor-pro'),
value: 'border-width',
isDisabled
}]
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Effects', 'elementor-pro'),
type: 'category',
properties: [{
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Opacity', 'elementor-pro'),
value: 'opacity',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Transform (all)', 'elementor-pro'),
value: 'transform',
isDisabled
}, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Filter (all)', 'elementor-pro'),
value: 'filter',
isDisabled
}]
});
_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList.splice(0, _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList.length, ..._elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.map(category => ({
label: category.label,
items: category.properties.map(property => property.label)
})));
if (!_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties || _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.length === 0) {
return;
}
_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.forEach(category => {
category.properties.forEach(property => {
if (property.value !== 'all') {
property.isDisabled = isDisabled;
}
});
});
_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList.splice(0, _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionsItemsList.length, ..._elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.transitionProperties.map(category => ({
label: category.label,
items: category.properties.map(property => property.label)
})));
}
@@ -1087,6 +847,47 @@ const displayConditionsPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORT
/***/ }),
/***/ "./packages/packages/pro/editor-controls-extended/src/utils/display-conditions-utils.ts":
/*!**********************************************************************************************!*\
!*** ./packages/packages/pro/editor-controls-extended/src/utils/display-conditions-utils.ts ***!
\**********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ transformV3ToV4: function() { return /* binding */ transformV3ToV4; },
/* harmony export */ transformV4ToV3: function() { return /* binding */ transformV4ToV3; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
// Value must be falsy for navigator indication to work properly
function transformV3ToV4(displayConditions) {
if (!Array.isArray(displayConditions) || !displayConditions?.length) {
return null;
}
const transformed = displayConditions.filter(conditionGroup => !!conditionGroup?.length).map(conditionGroup => ({
$$type: 'condition-group',
value: conditionGroup.map(condition => _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.create(JSON.stringify(condition)))
}));
return transformed.length ? transformed : null;
}
function transformV4ToV3(value) {
const conditionGroups = value;
const transformed = conditionGroups?.map(group => group.value.map(conditions => {
return JSON.parse(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.extract(conditions) ?? '[]');
})) ?? null;
return getStructuredConditions(transformed);
}
function shouldConvertConditionsStructure(conditions) {
return !!conditions?.length && !Array.isArray(conditions?.[0]);
}
function getStructuredConditions(conditions) {
return shouldConvertConditionsStructure(conditions) ? [conditions] : conditions;
}
/***/ }),
/***/ "./packages/node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js":
/*!**************************************************************************************************!*\
!*** ./packages/node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js ***!

6
assets/js/packages/editor-controls-extended/editor-controls-extended.min.js vendored
View File

File diff suppressed because one or more lines are too long

63
assets/js/packages/editor-controls-extended/editor-controls-extended.strings.js
View File

@@ -1,66 +1,3 @@
__( 'Common', 'elementor-pro' );
__( 'Default', 'elementor-pro' );
__( 'Margin', 'elementor-pro' );
__( 'Margin (all)', 'elementor-pro' );
__( 'Margin bottom', 'elementor-pro' );
__( 'Margin right', 'elementor-pro' );
__( 'Margin left', 'elementor-pro' );
__( 'Margin left', 'elementor-pro' );
__( 'Margin right', 'elementor-pro' );
__( 'Margin top', 'elementor-pro' );
__( 'Padding', 'elementor-pro' );
__( 'Padding (all)', 'elementor-pro' );
__( 'Padding bottom', 'elementor-pro' );
__( 'Padding right', 'elementor-pro' );
__( 'Padding left', 'elementor-pro' );
__( 'Padding left', 'elementor-pro' );
__( 'Padding right', 'elementor-pro' );
__( 'Padding top', 'elementor-pro' );
__( 'Flex', 'elementor-pro' );
__( 'Flex (all)', 'elementor-pro' );
__( 'Flex grow', 'elementor-pro' );
__( 'Flex shrink', 'elementor-pro' );
__( 'Flex basis', 'elementor-pro' );
__( 'Size', 'elementor-pro' );
__( 'Width', 'elementor-pro' );
__( 'Height', 'elementor-pro' );
__( 'Max height', 'elementor-pro' );
__( 'Max width', 'elementor-pro' );
__( 'Min height', 'elementor-pro' );
__( 'Min width', 'elementor-pro' );
__( 'Position', 'elementor-pro' );
__( 'Top', 'elementor-pro' );
__( 'Right', 'elementor-pro' );
__( 'Left', 'elementor-pro' );
__( 'Bottom', 'elementor-pro' );
__( 'Left', 'elementor-pro' );
__( 'Right', 'elementor-pro' );
__( 'Z-Index', 'elementor-pro' );
__( 'Typography', 'elementor-pro' );
__( 'Font color', 'elementor-pro' );
__( 'Font size', 'elementor-pro' );
__( 'Line height', 'elementor-pro' );
__( 'Letter spacing', 'elementor-pro' );
__('Text indent', 'elementor-pro');
__('Text shadow', 'elementor-pro');
__( 'Word spacing', 'elementor-pro' );
__( 'Font variations', 'elementor-pro' );
__( 'Text stroke color', 'elementor-pro' );
__('Text underline offset', 'elementor-pro');
__('Text decoration color', 'elementor-pro');
__( 'Background', 'elementor-pro' );
__( 'Background color', 'elementor-pro' );
__( 'Background position', 'elementor-pro' );
__( 'Box shadow', 'elementor-pro' );
__( 'Border', 'elementor-pro' );
__( 'Border (all)', 'elementor-pro' );
__( 'Border radius', 'elementor-pro' );
__( 'Border color', 'elementor-pro' );
__( 'Border width', 'elementor-pro' );
__( 'Effects', 'elementor-pro' );
__( 'Opacity', 'elementor-pro' );
__( 'Transform (all)', 'elementor-pro' );
__( 'Filter (all)', 'elementor-pro' );
__( 'Display Conditions', 'elementor-pro' );
__( "Empty attribute names aren't valid and won't render on the page.", 'elementor-pro' );
__( 'Name', 'elementor-pro' );

24
assets/js/packages/editor-editing-panel-extended/editor-editing-panel-extended.js
View File

@@ -111,6 +111,7 @@ const CustomCss = () => {
} = (0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_3__.useCustomCss)();
const metaKey = `${meta.breakpoint || 'desktop'}-${meta.state || 'default'}-${id}`;
const [localStates, setLocalStates] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});
const [hasLicense, setHasLicense] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(true);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
if (!localStates[metaKey]) {
setLocalStates(prev => ({
@@ -123,6 +124,13 @@ const CustomCss = () => {
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [metaKey]);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
const checkLicense = async () => {
const isLicenseExpired = await (0,_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_2__.getIsLicenseExpired)(true);
setHasLicense(!isLicenseExpired);
};
checkLicense();
}, []);
const currentLocalState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
return localStates[metaKey] || {
value: customCss?.raw || '',
@@ -164,7 +172,8 @@ const CustomCss = () => {
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('CSS code', 'elementor-pro')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornments, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_2__.CssEditor, {
value: currentLocalState.value,
onChange: handleChange,
syntaxRuleOptions: syntaxRuleOptions
syntaxRuleOptions: syntaxRuleOptions,
readOnly: !hasLicense
}));
};
@@ -199,10 +208,15 @@ __webpack_require__.r(__webpack_exports__);
async function init() {
_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.settingsTransformersRegistry.register('attributes', _transformers_settings_attributes_transformer__WEBPACK_IMPORTED_MODULE_5__.proAttributesTransformer);
_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.register('attributes', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.AttributesControl, 'full', _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.keyValuePropTypeUtil);
(0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.injectIntoStyleTab)({
id: 'custom-css',
component: _components_custom_css_section__WEBPACK_IMPORTED_MODULE_4__.CustomCssStyleSection
});
if (await (0,_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.licenseApi)('atomic-custom-css')) {
(0,_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.injectIntoStyleTab)({
id: 'custom-css',
component: _components_custom_css_section__WEBPACK_IMPORTED_MODULE_4__.CustomCssStyleSection,
options: {
overwrite: true
}
});
}
_elementor_editor_editing_panel__WEBPACK_IMPORTED_MODULE_2__.controlsRegistry.register('display-conditions', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.DisplayConditionsControl, 'two-columns', _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_1__.displayConditionsPropTypeUtil);
}

2
assets/js/packages/editor-editing-panel-extended/editor-editing-panel-extended.min.js vendored
View File

@@ -1 +1 @@
!function(){"use strict";var e=window.elementorV2.editorCanvas,t=window.elementorV2.editorControlsExtended,n=window.elementorV2.editorEditingPanel,o=window.elementorV2.editorProps,i=window.React,r=window.wp.i18n,s=window.elementorV2.editorControls,l=window.elementorV2.ui;const a=({children:e})=>i.createElement(s.ControlAdornmentsProvider,{items:[{id:"custom-css-indicator",Adornment:n.CustomCssIndicator}]},e),d=()=>{const{id:e,meta:o}=(0,n.useStyle)(),{customCss:d,setCustomCss:m}=(0,n.useCustomCss)(),u=`${o.breakpoint||"desktop"}-${o.state||"default"}-${e}`,[c,w]=(0,i.useState)({});(0,i.useEffect)((()=>{c[u]||w((e=>({...e,[u]:{value:d?.raw||"",isValid:!0}})))}),[u]);const C=(0,i.useMemo)((()=>c[u]||{value:d?.raw||"",isValid:!0}),[c,u,d?.raw]),p=(0,i.useMemo)((()=>{if(!o.breakpoint||"desktop"===o.breakpoint)return{rules:{mediaQuery:!1}}}),[o.breakpoint]);return i.createElement(n.SectionContent,{gap:1},i.createElement(a,null,i.createElement(l.Stack,{direction:"row",alignItems:"center",gap:1},i.createElement(s.ControlFormLabel,null,(0,r.__)("CSS code","elementor-pro")),i.createElement(s.ControlAdornments,null))),i.createElement(t.CssEditor,{value:C.value,onChange:(e,t)=>{w((n=>({...n,[u]:{value:e,isValid:t}}))),t&&m(e,{history:{propDisplayName:"Custom CSS"}})},syntaxRuleOptions:p}))},m=()=>i.createElement(n.StyleTabSection,{section:{component:d,name:"Custom CSS",title:(0,r.__)("Custom CSS","elementor-pro")},fields:["custom_css"],unmountOnExit:!1}),u=(0,e.createTransformer)((e=>e.map((e=>e.key&&e.value?`${e.key}="${e.value}"`:"")).join(" ")));(async()=>{await async function(){e.settingsTransformersRegistry.register("attributes",u),n.controlsRegistry.register("attributes",t.AttributesControl,"full",o.keyValuePropTypeUtil),(0,n.injectIntoStyleTab)({id:"custom-css",component:m}),n.controlsRegistry.register("display-conditions",t.DisplayConditionsControl,"two-columns",t.displayConditionsPropTypeUtil)}()})(),(window.elementorV2=window.elementorV2||{}).editorEditingPanelExtended={}}(),window.elementorV2.editorEditingPanelExtended?.init?.();
!function(){"use strict";var e=window.elementorV2.editorCanvas,t=window.elementorV2.editorControlsExtended,n=window.elementorV2.editorEditingPanel,o=window.elementorV2.editorProps,i=window.React,s=window.wp.i18n,r=window.elementorV2.editorControls,a=window.elementorV2.ui;const l=({children:e})=>i.createElement(r.ControlAdornmentsProvider,{items:[{id:"custom-css-indicator",Adornment:n.CustomCssIndicator}]},e),d=()=>{const{id:e,meta:o}=(0,n.useStyle)(),{customCss:d,setCustomCss:c}=(0,n.useCustomCss)(),m=`${o.breakpoint||"desktop"}-${o.state||"default"}-${e}`,[u,w]=(0,i.useState)({}),[p,C]=(0,i.useState)(!0);(0,i.useEffect)((()=>{u[m]||w((e=>({...e,[m]:{value:d?.raw||"",isValid:!0}})))}),[m]),(0,i.useEffect)((()=>{(async()=>{const e=await(0,t.getIsLicenseExpired)(!0);C(!e)})()}),[]);const y=(0,i.useMemo)((()=>u[m]||{value:d?.raw||"",isValid:!0}),[u,m,d?.raw]),E=(0,i.useMemo)((()=>{if(!o.breakpoint||"desktop"===o.breakpoint)return{rules:{mediaQuery:!1}}}),[o.breakpoint]);return i.createElement(n.SectionContent,{gap:1},i.createElement(l,null,i.createElement(a.Stack,{direction:"row",alignItems:"center",gap:1},i.createElement(r.ControlFormLabel,null,(0,s.__)("CSS code","elementor-pro")),i.createElement(r.ControlAdornments,null))),i.createElement(t.CssEditor,{value:y.value,onChange:(e,t)=>{w((n=>({...n,[m]:{value:e,isValid:t}}))),t&&c(e,{history:{propDisplayName:"Custom CSS"}})},syntaxRuleOptions:E,readOnly:!p}))},c=()=>i.createElement(n.StyleTabSection,{section:{component:d,name:"Custom CSS",title:(0,s.__)("Custom CSS","elementor-pro")},fields:["custom_css"],unmountOnExit:!1}),m=(0,e.createTransformer)((e=>e.map((e=>e.key&&e.value?`${e.key}="${e.value}"`:"")).join(" ")));(async()=>{await async function(){e.settingsTransformersRegistry.register("attributes",m),n.controlsRegistry.register("attributes",t.AttributesControl,"full",o.keyValuePropTypeUtil),await(0,t.licenseApi)("atomic-custom-css")&&(0,n.injectIntoStyleTab)({id:"custom-css",component:c,options:{overwrite:!0}}),n.controlsRegistry.register("display-conditions",t.DisplayConditionsControl,"two-columns",t.displayConditionsPropTypeUtil)}()})(),(window.elementorV2=window.elementorV2||{}).editorEditingPanelExtended={}}(),window.elementorV2.editorEditingPanelExtended?.init?.();

20
assets/js/packages/editor-interactions-extended/editor-interactions-extended.asset.php Normal file
View File

@@ -0,0 +1,20 @@
<?php
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
/**
* This file is generated by Webpack, do not edit it directly.
*/
return [
'handle' => 'elementor-v2-editor-interactions-extended',
'deps' => [
'elementor-v2-editor-controls',
'elementor-v2-editor-controls-extended',
'elementor-v2-editor-interactions',
'elementor-v2-editor-ui',
'elementor-v2-icons',
'elementor-v2-ui',
'react',
'wp-i18n',
],
];

418
assets/js/packages/editor-interactions-extended/editor-interactions-extended.js Normal file
View File

@@ -0,0 +1,418 @@
/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./packages/packages/pro/editor-interactions-extended/src/components/controls/replay-expired.tsx":
/*!*******************************************************************************************************!*\
!*** ./packages/packages/pro/editor-interactions-extended/src/components/controls/replay-expired.tsx ***!
\*******************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ ReplayExpired: function() { return /* binding */ ReplayExpired; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
function ReplayExpired({
value,
disabled = true
}) {
const options = [{
value: true,
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Yes', 'elementor-pro'),
renderContent: ({
size
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.CheckIcon, {
fontSize: size
})
}, {
value: false,
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No', 'elementor-pro'),
renderContent: ({
size
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
fontSize: size
})
}];
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleButtonGroupUi, {
items: options,
exclusive: true,
onChange: () => {},
value: value,
disabled: disabled
});
}
/***/ }),
/***/ "./packages/packages/pro/editor-interactions-extended/src/components/controls/replay.tsx":
/*!***********************************************************************************************!*\
!*** ./packages/packages/pro/editor-interactions-extended/src/components/controls/replay.tsx ***!
\***********************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Replay: function() { return /* binding */ Replay; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
function Replay({
value,
onChange
}) {
const options = [{
value: false,
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No', 'elementor-pro'),
renderContent: ({
size
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
fontSize: size
})
}, {
value: true,
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Yes', 'elementor-pro'),
renderContent: ({
size
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.CheckIcon, {
fontSize: size
})
}];
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleButtonGroupUi, {
items: options,
exclusive: true,
onChange: onChange,
value: value
});
}
/***/ }),
/***/ "./packages/packages/pro/editor-interactions-extended/src/components/controls/trigger-expired.tsx":
/*!********************************************************************************************************!*\
!*** ./packages/packages/pro/editor-interactions-extended/src/components/controls/trigger-expired.tsx ***!
\********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ TriggerExpired: function() { return /* binding */ TriggerExpired; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
function TriggerExpired({
value,
onChange
}) {
const availableTriggers = Object.entries({
load: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Page load', 'elementor-pro'),
scrollIn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Scroll into view', 'elementor-pro'),
scrollOn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('While scrolling', 'elementor-pro')
}).map(([key, label]) => ({
key,
label,
disabled: key === 'scrollOn'
}));
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Select, {
fullWidth: true,
displayEmpty: true,
size: "tiny",
onChange: event => onChange(event.target.value),
value: value
}, availableTriggers.map(trigger => {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
key: trigger.key,
value: trigger.key,
disabled: trigger.disabled
}, trigger.label);
}));
}
/***/ }),
/***/ "./packages/packages/pro/editor-interactions-extended/src/components/controls/trigger.tsx":
/*!************************************************************************************************!*\
!*** ./packages/packages/pro/editor-interactions-extended/src/components/controls/trigger.tsx ***!
\************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ Trigger: function() { return /* binding */ Trigger; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
function Trigger({
value,
onChange
}) {
const availableTriggers = Object.entries({
load: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Page load', 'elementor-pro'),
scrollIn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Scroll into view', 'elementor-pro'),
scrollOn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('While scrolling', 'elementor-pro')
}).map(([key, label]) => ({
key,
label
}));
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Select, {
fullWidth: true,
displayEmpty: true,
size: "tiny",
onChange: event => onChange(event.target.value),
value: value
}, availableTriggers.map(trigger => {
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
key: trigger.key,
value: trigger.key
}, trigger.label);
}));
}
/***/ }),
/***/ "./packages/packages/pro/editor-interactions-extended/src/init.ts":
/*!************************************************************************!*\
!*** ./packages/packages/pro/editor-interactions-extended/src/init.ts ***!
\************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ init: function() { return /* binding */ init; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls-extended */ "@elementor/editor-controls-extended");
/* harmony import */ var _elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-interactions */ "@elementor/editor-interactions");
/* harmony import */ var _elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_controls_replay__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/controls/replay */ "./packages/packages/pro/editor-interactions-extended/src/components/controls/replay.tsx");
/* harmony import */ var _components_controls_replay_expired__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/controls/replay-expired */ "./packages/packages/pro/editor-interactions-extended/src/components/controls/replay-expired.tsx");
/* harmony import */ var _components_controls_trigger__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/controls/trigger */ "./packages/packages/pro/editor-interactions-extended/src/components/controls/trigger.tsx");
/* harmony import */ var _components_controls_trigger_expired__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/controls/trigger-expired */ "./packages/packages/pro/editor-interactions-extended/src/components/controls/trigger-expired.tsx");
async function init() {
const isLicenseExpired = await (0,_elementor_editor_controls_extended__WEBPACK_IMPORTED_MODULE_0__.getIsLicenseExpired)();
(0,_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__.registerInteractionsControl)({
type: 'replay',
component: isLicenseExpired ? _components_controls_replay_expired__WEBPACK_IMPORTED_MODULE_3__.ReplayExpired : _components_controls_replay__WEBPACK_IMPORTED_MODULE_2__.Replay,
options: ['yes', 'no']
});
(0,_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__.registerInteractionsControl)({
type: 'trigger',
component: isLicenseExpired ? _components_controls_trigger_expired__WEBPACK_IMPORTED_MODULE_5__.TriggerExpired : _components_controls_trigger__WEBPACK_IMPORTED_MODULE_4__.Trigger,
options: ['load', 'scrollIn', 'scrollOn']
});
}
/***/ }),
/***/ "react":
/*!**************************!*\
!*** external ["React"] ***!
\**************************/
/***/ (function(module) {
module.exports = window["React"];
/***/ }),
/***/ "@elementor/editor-controls":
/*!*************************************************!*\
!*** external ["elementorV2","editorControls"] ***!
\*************************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["editorControls"];
/***/ }),
/***/ "@elementor/editor-controls-extended":
/*!*********************************************************!*\
!*** external ["elementorV2","editorControlsExtended"] ***!
\*********************************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["editorControlsExtended"];
/***/ }),
/***/ "@elementor/editor-interactions":
/*!*****************************************************!*\
!*** external ["elementorV2","editorInteractions"] ***!
\*****************************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["editorInteractions"];
/***/ }),
/***/ "@elementor/editor-ui":
/*!*******************************************!*\
!*** external ["elementorV2","editorUi"] ***!
\*******************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["editorUi"];
/***/ }),
/***/ "@elementor/icons":
/*!****************************************!*\
!*** external ["elementorV2","icons"] ***!
\****************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["icons"];
/***/ }),
/***/ "@elementor/ui":
/*!*************************************!*\
!*** external ["elementorV2","ui"] ***!
\*************************************/
/***/ (function(module) {
module.exports = window["elementorV2"]["ui"];
/***/ }),
/***/ "@wordpress/i18n":
/*!******************************!*\
!*** external ["wp","i18n"] ***!
\******************************/
/***/ (function(module) {
module.exports = window["wp"]["i18n"];
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ !function() {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function() { return module['default']; } :
/******/ function() { return module; };
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = function(exports, definition) {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ !function() {
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ }();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ }();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
!function() {
/*!*************************************************************************!*\
!*** ./packages/packages/pro/editor-interactions-extended/src/index.ts ***!
\*************************************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_0__.init; }
/* harmony export */ });
/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/pro/editor-interactions-extended/src/init.ts");
}();
(window.elementorV2 = window.elementorV2 || {}).editorInteractionsExtended = __webpack_exports__;
/******/ })()
;
window.elementorV2.editorInteractionsExtended?.init?.();

1
assets/js/packages/editor-interactions-extended/editor-interactions-extended.min.js vendored Normal file
View File

@@ -0,0 +1 @@
!function(){"use strict";var e={d:function(n,t){for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{init:function(){return y}});var t=window.elementorV2.editorControlsExtended,o=window.elementorV2.editorInteractions,l=window.React,r=window.elementorV2.editorControls,i=window.elementorV2.icons,a=window.wp.i18n;function c({value:e,onChange:n}){const t=[{value:!1,label:(0,a.__)("No","elementor-pro"),renderContent:({size:e})=>l.createElement(i.MinusIcon,{fontSize:e})},{value:!0,label:(0,a.__)("Yes","elementor-pro"),renderContent:({size:e})=>l.createElement(i.CheckIcon,{fontSize:e})}];return l.createElement(r.ToggleButtonGroupUi,{items:t,exclusive:!0,onChange:n,value:e})}function s({value:e,disabled:n=!0}){const t=[{value:!0,label:(0,a.__)("Yes","elementor-pro"),renderContent:({size:e})=>l.createElement(i.CheckIcon,{fontSize:e})},{value:!1,label:(0,a.__)("No","elementor-pro"),renderContent:({size:e})=>l.createElement(i.MinusIcon,{fontSize:e})}];return l.createElement(r.ToggleButtonGroupUi,{items:t,exclusive:!0,onChange:()=>{},value:e,disabled:n})}var d=window.elementorV2.editorUi,u=window.elementorV2.ui;function m({value:e,onChange:n}){const t=Object.entries({load:(0,a.__)("Page load","elementor-pro"),scrollIn:(0,a.__)("Scroll into view","elementor-pro"),scrollOn:(0,a.__)("While scrolling","elementor-pro")}).map((([e,n])=>({key:e,label:n})));return l.createElement(u.Select,{fullWidth:!0,displayEmpty:!0,size:"tiny",onChange:e=>n(e.target.value),value:e},t.map((e=>l.createElement(d.MenuListItem,{key:e.key,value:e.key},e.label))))}function p({value:e,onChange:n}){const t=Object.entries({load:(0,a.__)("Page load","elementor-pro"),scrollIn:(0,a.__)("Scroll into view","elementor-pro"),scrollOn:(0,a.__)("While scrolling","elementor-pro")}).map((([e,n])=>({key:e,label:n,disabled:"scrollOn"===e})));return l.createElement(u.Select,{fullWidth:!0,displayEmpty:!0,size:"tiny",onChange:e=>n(e.target.value),value:e},t.map((e=>l.createElement(d.MenuListItem,{key:e.key,value:e.key,disabled:e.disabled},e.label))))}async function y(){const e=await(0,t.getIsLicenseExpired)();(0,o.registerInteractionsControl)({type:"replay",component:e?s:c,options:["yes","no"]}),(0,o.registerInteractionsControl)({type:"trigger",component:e?p:m,options:["load","scrollIn","scrollOn"]})}(window.elementorV2=window.elementorV2||{}).editorInteractionsExtended=n}(),window.elementorV2.editorInteractionsExtended?.init?.();

10
assets/js/packages/editor-interactions-extended/editor-interactions-extended.strings.js Normal file
View File

@@ -0,0 +1,10 @@
__( 'Page load', 'elementor-pro' );
__( 'Scroll into view', 'elementor-pro' );
__( 'While scrolling', 'elementor-pro' );
__( 'Page load', 'elementor-pro' );
__( 'Scroll into view', 'elementor-pro' );
__( 'While scrolling', 'elementor-pro' );
__( 'No', 'elementor-pro' );
__( 'Yes', 'elementor-pro' );
__( 'Yes', 'elementor-pro' );
__( 'No', 'elementor-pro' );

1
assets/js/packages/editor-variables-extended/editor-variables-extended.asset.php
View File

@@ -15,5 +15,6 @@ return [
'elementor-v2-schema',
'elementor-v2-ui',
'react',
'wp-i18n',
],
];

602
assets/js/packages/editor-variables-extended/editor-variables-extended.js
View File

@@ -2,6 +2,104 @@
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./packages/packages/pro/editor-variables-extended/src/components/size/popover/custom-size-popover.tsx":
/*!*************************************************************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/components/size/popover/custom-size-popover.tsx ***!
\*************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ CustomSizePopover: function() { return /* binding */ CustomSizePopover; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const SIZE = 'tiny';
const CustomSizePopover = ({
popupState,
value,
onChange,
anchorRef
}) => {
const inputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
const handleClose = () => {
popupState.close();
};
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
focusInput();
}, []);
const focusInput = () => requestAnimationFrame(() => {
if (inputRef.current) {
inputRef.current.focus();
}
});
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Popover, _extends({
slotProps: {
paper: {
sx: {
minWidth: '250px',
width: anchorRef.current?.offsetWidth + 'px',
borderRadius: 2
}
}
},
anchorOrigin: {
vertical: 'bottom',
horizontal: 'center'
},
transformOrigin: {
vertical: 'top',
horizontal: 'center'
}
}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindPopover)(popupState), {
onClose: handleClose
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.PopoverHeader, {
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('CSS function', 'elementor-pro'),
onClose: handleClose,
icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MathFunctionIcon, {
fontSize: SIZE
})
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TextField, {
value: value ?? '',
onChange: e => onChange(e.target.value),
size: "tiny",
type: "text",
fullWidth: true,
inputProps: {
ref: inputRef,
onKeyDown: event => {
if (event.key === 'Enter') {
event.preventDefault();
handleClose();
}
}
},
sx: {
pt: 0,
pr: 1.5,
pb: 1.5,
pl: 1.5
}
}));
};
/***/ }),
/***/ "./packages/packages/pro/editor-variables-extended/src/components/size/size-field.tsx":
/*!********************************************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/components/size/size-field.tsx ***!
@@ -14,112 +112,105 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/settings */ "./packages/packages/pro/editor-variables-extended/src/utils/settings.ts");
/* harmony import */ var _utils_transform_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/transform-utils */ "./packages/packages/pro/editor-variables-extended/src/utils/transform-utils.ts");
/* harmony import */ var _size_input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./size-input */ "./packages/packages/pro/editor-variables-extended/src/components/size/size-input.tsx");
/* harmony import */ var _unit_selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./unit-selection */ "./packages/packages/pro/editor-variables-extended/src/components/size/unit-selection.tsx");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _hooks_use_size_field_refs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/use-size-field-refs */ "./packages/packages/pro/editor-variables-extended/src/hooks/use-size-field-refs.ts");
/* harmony import */ var _hooks_use_size_value__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks/use-size-value */ "./packages/packages/pro/editor-variables-extended/src/hooks/use-size-value.ts");
/* harmony import */ var _hooks_use_unit_shortcuts__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks/use-unit-shortcuts */ "./packages/packages/pro/editor-variables-extended/src/hooks/use-unit-shortcuts.ts");
/* harmony import */ var _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../prop-types/size-variable-prop-type */ "./packages/packages/pro/editor-variables-extended/src/prop-types/size-variable-prop-type.ts");
/* harmony import */ var _utils_settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/settings */ "./packages/packages/pro/editor-variables-extended/src/utils/settings.ts");
/* harmony import */ var _popover_custom_size_popover__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./popover/custom-size-popover */ "./packages/packages/pro/editor-variables-extended/src/components/size/popover/custom-size-popover.tsx");
/* harmony import */ var _size_input__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./size-input */ "./packages/packages/pro/editor-variables-extended/src/components/size/size-input.tsx");
/* harmony import */ var _unit_selection__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./unit-selection */ "./packages/packages/pro/editor-variables-extended/src/components/size/unit-selection.tsx");
const RESTRICTED_KEYBOARD_SHORTCUT_UNITS = ['auto'];
const RESTRICTED_INPUT_KEYS = ['e', 'E', '+', '-'];
function notAnEmptySize(value) {
return null !== value && undefined !== value && !isNaN(Number(value));
}
const SizeField = ({
value,
onChange,
propType
propType,
onPropTypeKeyChange,
propTypeKey,
ref,
onKeyDown
}) => {
const defaultUnit = (0,_utils_settings__WEBPACK_IMPORTED_MODULE_1__.getDefaultUnit)(propType);
const units = (0,_utils_settings__WEBPACK_IMPORTED_MODULE_1__.getAvailableUnits)(propType);
const parsedValue = (0,_utils_transform_utils__WEBPACK_IMPORTED_MODULE_2__.parseSizeValue)(value, defaultUnit ?? _utils_settings__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UNIT, units);
const [currentValue, setCurrentValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(parsedValue);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
const {
size: sizeValue,
unit: unitValue
} = currentValue;
if ('auto' === unitValue) {
onChange('auto');
return;
}
if (null === sizeValue) {
onChange('');
return;
}
onChange((0,_utils_transform_utils__WEBPACK_IMPORTED_MODULE_2__.formatSizeValue)(currentValue));
}, [currentValue, onChange]);
const handleSizeChange = newSize => {
const sizeValue = toNumberStrict(newSize);
setCurrentValue(prev => {
if (sizeValue && 'auto' === prev.unit) {
return {
size: sizeValue,
unit: defaultUnit ?? _utils_settings__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UNIT
};
}
return {
...prev,
size: sizeValue
};
});
const {
anchorRef,
setAnchorRef
} = (0,_hooks_use_size_field_refs__WEBPACK_IMPORTED_MODULE_2__.useSizeFieldRefs)(ref);
const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.usePopupState)({
variant: 'popover'
});
const openPopover = () => {
popupState.open(anchorRef?.current);
};
const handleUnitChange = newUnit => {
setCurrentValue(prev => {
if ('auto' === newUnit) {
return {
unit: newUnit,
size: null
};
}
return {
...prev,
unit: newUnit
};
});
};
const unitInputBufferRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
const handleKeyUp = event => {
const {
key
} = event;
if (!/^[a-zA-Z%]$/.test(key)) {
return;
const handleUnitChange = unit => {
if (unit !== _utils_settings__WEBPACK_IMPORTED_MODULE_6__.CUSTOM_UNIT_KEY && propTypeKey === _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_5__.GLOBAL_CUSTOM_SIZE_VARIABLE_KEY) {
onPropTypeKeyChange?.(_prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_5__.sizeVariablePropTypeUtil.key);
}
event.preventDefault();
const newChar = key.toLowerCase();
const updatedBuffer = (unitInputBufferRef.current + newChar).slice(-3);
unitInputBufferRef.current = updatedBuffer;
const matchedUnit = units.find(u => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(u) && u.includes(updatedBuffer)) || units.find(u => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(u) && u.startsWith(newChar)) || units.find(u => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(u) && u.includes(newChar));
if (matchedUnit) {
handleUnitChange(matchedUnit);
if (unit === _utils_settings__WEBPACK_IMPORTED_MODULE_6__.CUSTOM_UNIT_KEY) {
onPropTypeKeyChange?.(_prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_5__.GLOBAL_CUSTOM_SIZE_VARIABLE_KEY);
openPopover();
}
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_size_input__WEBPACK_IMPORTED_MODULE_3__.SizeInput, {
type: "number",
value: currentValue.size ?? '',
onChange: handleSizeChange,
onKeyUp: handleKeyUp,
const {
currentValue,
units,
setSize,
setUnit
} = (0,_hooks_use_size_value__WEBPACK_IMPORTED_MODULE_3__.useSizeValue)(value, onChange, handleUnitChange, propType, propTypeKey);
const handleShortcutKeys = (0,_hooks_use_unit_shortcuts__WEBPACK_IMPORTED_MODULE_4__.useUnitShortcuts)(units, setUnit);
const isUnitExtended = isUnitExtendedOption(currentValue.unit);
const onSizeInputClick = event => {
const target = event.target;
if (target instanceof Element && target.closest('input') && currentValue.unit === _utils_settings__WEBPACK_IMPORTED_MODULE_6__.CUSTOM_UNIT_KEY) {
openPopover();
}
};
const shouldHighlightUnit = () => {
return notAnEmptySize(currentValue.size) || currentValue.unit === _utils_settings__WEBPACK_IMPORTED_MODULE_6__.AUTO_UNIT_KEY;
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_size_input__WEBPACK_IMPORTED_MODULE_8__.SizeInput, {
ref: setAnchorRef,
type: isUnitExtended ? 'text' : 'number',
value: currentValue.size,
onChange: setSize,
onKeyUp: handleShortcutKeys,
onKeyDown: event => {
if (RESTRICTED_INPUT_KEYS.includes(event.key)) {
event.preventDefault();
}
onKeyDown?.(event);
},
endAdornment: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_unit_selection__WEBPACK_IMPORTED_MODULE_4__.UnitSelection, {
showPrimaryColor: notAnEmptySize(currentValue.size) || 'auto' === currentValue.unit,
options: units,
value: currentValue.unit,
onClick: handleUnitChange
})
});
};
const toNumberStrict = value => {
return value.trim() === '' ? null : Number(value);
InputProps: {
readOnly: isUnitExtended,
onClick: onSizeInputClick,
endAdornment: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.InputAdornment, {
position: "end"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_unit_selection__WEBPACK_IMPORTED_MODULE_9__.UnitSelection, {
options: units,
value: currentValue.unit,
onClick: setUnit,
showPrimaryColor: shouldHighlightUnit()
}))
}
}), anchorRef?.current && popupState.isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_popover_custom_size_popover__WEBPACK_IMPORTED_MODULE_7__.CustomSizePopover, {
popupState: popupState,
anchorRef: anchorRef,
value: currentValue.size,
onChange: setSize
}));
};
const isUnitExtendedOption = unit => ['auto', 'custom'].includes(unit);
const notAnEmptySize = value => null !== value && undefined !== value && value !== '';
/***/ }),
@@ -139,24 +230,34 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
const SizeInput = ({
const SizeInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({
value,
onChange,
endAdornment,
onKeyUp,
onKeyDown,
type
}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TextField, {
size: "tiny",
type: type,
fullWidth: true,
value: value,
onKeyUp: onKeyUp,
onKeyDown: onKeyDown,
onChange: e => onChange(e.target.value),
InputProps: {
endAdornment
}
type,
InputProps,
focused
}, ref) => {
const getCursorStyle = () => ({
input: {
cursor: InputProps.readOnly ? 'default !important' : undefined
}
});
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TextField, {
ref: ref,
size: "tiny",
type: type,
fullWidth: true,
value: value ?? '',
onKeyUp: onKeyUp,
onKeyDown: onKeyDown,
onChange: e => onChange(e.target.value),
InputProps: InputProps,
sx: getCursorStyle(),
focused: focused
});
});
/***/ }),
@@ -175,20 +276,33 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
const optionLabelOverrides = {
custom: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MathFunctionIcon, {
fontSize: "tiny"
})
};
const menuItemContentStyles = {
display: 'flex',
flexDirection: 'column',
justifyContent: 'center'
};
const UnitSelection = ({
options,
value,
onClick,
showPrimaryColor
}) => {
const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.usePopupState)({
const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.usePopupState)({
variant: 'popover',
popupId: (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)()
});
@@ -196,21 +310,29 @@ const UnitSelection = ({
onClick(options[index]);
popupState.close();
};
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.InputAdornment, {
position: "end"
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledButton, _extends({
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledButton, _extends({
isPrimaryColor: showPrimaryColor,
size: "small"
}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindTrigger)(popupState)), value), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Menu, _extends({
}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindTrigger)(popupState)), optionLabelOverrides[value] ?? value), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Menu, _extends({
MenuListProps: {
dense: true
}
}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.bindMenu)(popupState)), options.map((option, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
}, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.bindMenu)(popupState)), options.map((option, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, {
key: option,
onClick: () => handleMenuItemClick(index)
}, option.toUpperCase()))));
onClick: () => handleMenuItemClick(index),
primaryTypographyProps: {
variant: 'caption',
sx: {
...menuItemContentStyles,
lineHeight: '1'
}
},
menuItemTextProps: {
sx: menuItemContentStyles
}
}, optionLabelOverrides[option] ?? option.toUpperCase()))));
};
const StyledButton = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, {
const StyledButton = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Button, {
shouldForwardProp: prop => prop !== 'isPrimaryColor'
})(({
isPrimaryColor,
@@ -224,6 +346,157 @@ const StyledButton = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elem
/***/ }),
/***/ "./packages/packages/pro/editor-variables-extended/src/hooks/use-size-field-refs.ts":
/*!******************************************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/hooks/use-size-field-refs.ts ***!
\******************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ useSizeFieldRefs: function() { return /* binding */ useSizeFieldRefs; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
const useSizeFieldRefs = externalRef => {
const anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
const setAnchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(el => {
anchorRef.current = externalRef?.current ?? el;
}, [externalRef]);
return {
anchorRef,
setAnchorRef
};
};
/***/ }),
/***/ "./packages/packages/pro/editor-variables-extended/src/hooks/use-size-value.ts":
/*!*************************************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/hooks/use-size-value.ts ***!
\*************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ useSizeValue: function() { return /* binding */ useSizeValue; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/settings */ "./packages/packages/pro/editor-variables-extended/src/utils/settings.ts");
/* harmony import */ var _utils_transform_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/transform-utils */ "./packages/packages/pro/editor-variables-extended/src/utils/transform-utils.ts");
const useSizeValue = (value, onChange, onUnitChange, propType, propTypeKey) => {
const defaultUnit = (0,_utils_settings__WEBPACK_IMPORTED_MODULE_1__.getDefaultUnit)(propType);
const units = (0,_utils_settings__WEBPACK_IMPORTED_MODULE_1__.getAvailableUnits)(propType);
const initialValue = (0,_utils_transform_utils__WEBPACK_IMPORTED_MODULE_2__.parseSizeValue)(value, defaultUnit, units, propTypeKey);
const [currentValue, setCurrentValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialValue);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
onChange(computeOutputValue(currentValue));
}, [currentValue, onChange]);
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
if (currentValue.unit === _utils_settings__WEBPACK_IMPORTED_MODULE_1__.CUSTOM_UNIT_KEY) {
onUnitChange?.(currentValue.unit);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
const setSize = newSize => {
setCurrentValue(prev => {
const {
unit
} = prev;
if (unit === _utils_settings__WEBPACK_IMPORTED_MODULE_1__.AUTO_UNIT_KEY) {
return prev;
}
if (unit === _utils_settings__WEBPACK_IMPORTED_MODULE_1__.CUSTOM_UNIT_KEY) {
return {
...prev,
size: newSize
};
}
return {
...prev,
size: toStrictNumber(newSize)
};
});
};
const setUnit = unit => {
onUnitChange(unit);
setCurrentValue(prev => ({
unit,
size: unit === _utils_settings__WEBPACK_IMPORTED_MODULE_1__.AUTO_UNIT_KEY ? null : prev.size
}));
};
return {
currentValue,
units,
setSize,
setUnit
};
};
const toStrictNumber = value => {
return value.trim() === '' ? null : Number(value);
};
const computeOutputValue = value => {
const {
size,
unit
} = value;
if (unit === _utils_settings__WEBPACK_IMPORTED_MODULE_1__.AUTO_UNIT_KEY) {
return 'auto';
}
if (size === null) {
return '';
}
return (0,_utils_transform_utils__WEBPACK_IMPORTED_MODULE_2__.formatSizeValue)(value);
};
/***/ }),
/***/ "./packages/packages/pro/editor-variables-extended/src/hooks/use-unit-shortcuts.ts":
/*!*****************************************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/hooks/use-unit-shortcuts.ts ***!
\*****************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ useUnitShortcuts: function() { return /* binding */ useUnitShortcuts; }
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
const RESTRICTED_KEYBOARD_SHORTCUT_UNITS = ['auto'];
const useUnitShortcuts = (units, onUnitMatched) => {
const bufferRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)('');
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(event => {
const {
key
} = event;
if (!/^[a-zA-Z%]$/.test(key)) {
return;
}
event.preventDefault();
const char = key.toLowerCase();
const newBuffer = (bufferRef.current + char).slice(-3);
bufferRef.current = newBuffer;
const matched = matchUnitFromBuffer(newBuffer, units);
if (matched) {
onUnitMatched(matched);
}
}, [units, onUnitMatched]);
};
function matchUnitFromBuffer(buffer, units) {
const allowed = units.filter(unit => !RESTRICTED_KEYBOARD_SHORTCUT_UNITS.includes(unit));
const lastChar = buffer[buffer.length - 1];
return allowed.find(unit => unit.includes(buffer)) ?? allowed.find(unit => unit.startsWith(lastChar)) ?? allowed.find(unit => unit.includes(lastChar));
}
/***/ }),
/***/ "./packages/packages/pro/editor-variables-extended/src/init.ts":
/*!*********************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/init.ts ***!
@@ -245,6 +518,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _utils_prop_type_compatibility__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/prop-type-compatibility */ "./packages/packages/pro/editor-variables-extended/src/utils/prop-type-compatibility.ts");
/* harmony import */ var _utils_settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/settings */ "./packages/packages/pro/editor-variables-extended/src/utils/settings.ts");
/* harmony import */ var _utils_transform_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils/transform-utils */ "./packages/packages/pro/editor-variables-extended/src/utils/transform-utils.ts");
/* harmony import */ var _utils_version_compare__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/version-compare */ "./packages/packages/pro/editor-variables-extended/src/utils/version-compare.ts");
@@ -253,13 +527,22 @@ __webpack_require__.r(__webpack_exports__);
const parse = (value, type) => {
return (0,_utils_transform_utils__WEBPACK_IMPORTED_MODULE_7__.parseSizeValue)(value, undefined, undefined, type);
};
function init() {
(0,_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__.registerVariableType)({
const commonOptions = {
valueField: _components_size_size_field__WEBPACK_IMPORTED_MODULE_3__.SizeField,
icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ExpandDiagonalIcon,
propTypeUtil: _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_4__.sizeVariablePropTypeUtil,
fallbackPropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.sizePropTypeUtil,
variableType: 'size',
valueTransformer: parse
};
(0,_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__.registerVariableType)({
...commonOptions,
key: _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_4__.sizeVariablePropTypeUtil.key,
defaultValue: '0px',
selectionFilter: (variables, propType) => {
const availableUnits = (0,_utils_settings__WEBPACK_IMPORTED_MODULE_6__.getAvailableUnits)(propType);
@@ -270,9 +553,15 @@ function init() {
return availableUnits.includes(unit);
});
},
isCompatible: _utils_prop_type_compatibility__WEBPACK_IMPORTED_MODULE_5__.isPropTypeCompatible,
valueTransformer: _utils_transform_utils__WEBPACK_IMPORTED_MODULE_7__.parseSizeValue
isCompatible: _utils_prop_type_compatibility__WEBPACK_IMPORTED_MODULE_5__.isPropTypeCompatible
});
if ((0,_utils_version_compare__WEBPACK_IMPORTED_MODULE_8__.isCoreAtLeast)('3.35')) {
(0,_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__.registerVariableType)({
...commonOptions,
key: _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_4__.GLOBAL_CUSTOM_SIZE_VARIABLE_KEY,
isCompatible: () => true
});
}
}
/***/ }),
@@ -285,6 +574,7 @@ function init() {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ GLOBAL_CUSTOM_SIZE_VARIABLE_KEY: function() { return /* binding */ GLOBAL_CUSTOM_SIZE_VARIABLE_KEY; },
/* harmony export */ sizeVariablePropTypeUtil: function() { return /* binding */ sizeVariablePropTypeUtil; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
@@ -294,6 +584,7 @@ __webpack_require__.r(__webpack_exports__);
const sizeVariablePropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)('global-size-variable', _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string());
const GLOBAL_CUSTOM_SIZE_VARIABLE_KEY = 'global-custom-size-variable';
/***/ }),
@@ -346,27 +637,32 @@ function isPropTypeCompatible(propType, variable) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ AUTO_UNIT_KEY: function() { return /* binding */ AUTO_UNIT_KEY; },
/* harmony export */ CUSTOM_UNIT_KEY: function() { return /* binding */ CUSTOM_UNIT_KEY; },
/* harmony export */ DEFAULT_UNIT: function() { return /* binding */ DEFAULT_UNIT; },
/* harmony export */ DEFAULT_UNITS: function() { return /* binding */ DEFAULT_UNITS; },
/* harmony export */ getAvailableUnits: function() { return /* binding */ getAvailableUnits; },
/* harmony export */ getDefaultUnit: function() { return /* binding */ getDefaultUnit; }
/* harmony export */ });
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _version_compare__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./version-compare */ "./packages/packages/pro/editor-variables-extended/src/utils/version-compare.ts");
const DEFAULT_UNIT = 'px';
const DEFAULT_UNITS = ['px', '%', 'em', 'rem', 'vw', 'vh', 'auto'];
const CUSTOM_UNIT_KEY = 'custom';
const AUTO_UNIT_KEY = 'auto';
const DEFAULT_UNITS = ['px', '%', 'em', 'rem', 'vw', 'vh'];
const EXTENDED_UNITS = [AUTO_UNIT_KEY, CUSTOM_UNIT_KEY];
const allUnits = [...DEFAULT_UNITS, ...EXTENDED_UNITS];
const getAvailableUnits = propType => {
if (!propType) {
return DEFAULT_UNITS;
return normalizeUnits(allUnits);
}
const settings = extractSettings(propType);
if (!Array.isArray(settings.available_units) || settings.available_units.length === 0) {
return DEFAULT_UNITS;
return normalizeUnits(allUnits);
}
// TODO: ED-20312 Remove 'custom' when we start to support custom units.
return settings.available_units.filter(unit => unit !== 'custom');
return normalizeUnits(settings.available_units);
};
const getDefaultUnit = propType => {
if (!propType) {
@@ -380,6 +676,14 @@ const extractSettings = propType => {
}
return {};
};
const normalizeUnits = units => {
if ((0,_version_compare__WEBPACK_IMPORTED_MODULE_1__.isCoreAtLeast)('3.35')) {
return units;
}
// TODO: remove version check after 3.37
return units.filter(unit => unit !== CUSTOM_UNIT_KEY);
};
/***/ }),
@@ -394,19 +698,24 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ formatSizeValue: function() { return /* binding */ formatSizeValue; },
/* harmony export */ parseSizeValue: function() { return /* binding */ parseSizeValue; }
/* harmony export */ });
/* harmony import */ var _sync_get_supported_units__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../sync/get-supported-units */ "./packages/packages/pro/editor-variables-extended/src/sync/get-supported-units.ts");
/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./packages/packages/pro/editor-variables-extended/src/utils/settings.ts");
/* harmony import */ var _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../prop-types/size-variable-prop-type */ "./packages/packages/pro/editor-variables-extended/src/prop-types/size-variable-prop-type.ts");
/* harmony import */ var _sync_get_supported_units__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../sync/get-supported-units */ "./packages/packages/pro/editor-variables-extended/src/sync/get-supported-units.ts");
/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./settings */ "./packages/packages/pro/editor-variables-extended/src/utils/settings.ts");
// TODO: To be removed when we go for the Prop type structure
const parseSizeValue = (value, defaultUnit, unitsLookup) => {
const parseSizeValue = (value, defaultUnit, unitsLookup, propTypeKey) => {
if (propTypeKey && propTypeKey === _prop_types_size_variable_prop_type__WEBPACK_IMPORTED_MODULE_0__.GLOBAL_CUSTOM_SIZE_VARIABLE_KEY) {
return {
size: value,
unit: 'custom'
};
}
if ('string' !== typeof value) {
if (value?.unit === 'custom') {
return {
size: null,
unit: _settings__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UNIT
};
return value;
}
if (value.unit === 'auto') {
return {
@@ -418,9 +727,9 @@ const parseSizeValue = (value, defaultUnit, unitsLookup) => {
}
const EMPTY_VALUE = {
size: null,
unit: defaultUnit ?? _settings__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_UNIT
unit: defaultUnit ?? _settings__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_UNIT
};
const unitsToCheck = unitsLookup ?? (0,_sync_get_supported_units__WEBPACK_IMPORTED_MODULE_0__.getSupportedUnits)();
const unitsToCheck = unitsLookup ?? (0,_sync_get_supported_units__WEBPACK_IMPORTED_MODULE_1__.getSupportedUnits)();
if (value === 'auto') {
if (unitsToCheck.includes(value)) {
return {
@@ -450,11 +759,36 @@ const formatSizeValue = ({
if (unit === 'auto') {
return 'auto';
}
if (unit === 'custom') {
return size;
}
return `${size ?? ''}${unit}`;
};
/***/ }),
/***/ "./packages/packages/pro/editor-variables-extended/src/utils/version-compare.ts":
/*!**************************************************************************************!*\
!*** ./packages/packages/pro/editor-variables-extended/src/utils/version-compare.ts ***!
\**************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ isCoreAtLeast: function() { return /* binding */ isCoreAtLeast; }
/* harmony export */ });
function getCoreVersion() {
return window.elementorCommonConfig?.version ?? '0.0';
}
function isCoreAtLeast(minVersion) {
const version = getCoreVersion();
const [major, minor] = version.split('.').map(Number);
const [minMajor, minMinor] = minVersion.split('.').map(Number);
return major > minMajor || major === minMajor && minor >= minMinor;
}
/***/ }),
/***/ "react":
/*!**************************!*\
!*** external ["React"] ***!
@@ -523,6 +857,16 @@ module.exports = window["elementorV2"]["schema"];
module.exports = window["elementorV2"]["ui"];
/***/ }),
/***/ "@wordpress/i18n":
/*!******************************!*\
!*** external ["wp","i18n"] ***!
\******************************/
/***/ (function(module) {
module.exports = window["wp"]["i18n"];
/***/ })
/******/ });

2
assets/js/packages/editor-variables-extended/editor-variables-extended.min.js vendored
View File

File diff suppressed because one or more lines are too long

1
assets/js/packages/editor-variables-extended/editor-variables-extended.strings.js
View File

@@ -0,0 +1 @@
__( 'CSS function', 'elementor-pro' );