PluginProbe
Elementor Website Builder – more than just a page builder / 3.28.0-beta1
Elementor Website Builder – more than just a page builder v3.28.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/js/packages/editor-editing-panel/editor-editing-panel.js +5 -14209 4.2.0-dev2 → 3.28.0-beta1 View file →
@@ -1,14212 +1,8 @@
1 -/******/ (function() { // webpackBootstrap
2 -/******/ "use strict";
3 -/******/ var __webpack_modules__ = ({
4 -
5 -/***/ "./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts":
6 -/*!**********************************************************************************!*\
7 - !*** ./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts ***!
8 - \**********************************************************************************/
9 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10 -
11 -__webpack_require__.r(__webpack_exports__);
12 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13 -/* harmony export */ doApplyClasses: function() { return /* binding */ doApplyClasses; },
14 -/* harmony export */ doGetAppliedClasses: function() { return /* binding */ doGetAppliedClasses; },
15 -/* harmony export */ doUnapplyClass: function() { return /* binding */ doUnapplyClass; }
16 -/* harmony export */ });
17 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
18 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__);
19 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
20 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
21 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
22 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
23 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
24 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__);
25 -
26 -
27 -
28 -
29 -
30 -// Externalized for use outside of Hooks
31 -
32 -function doGetAppliedClasses(elementId, classesPropType = 'classes') {
33 - return (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, classesPropType)?.value || [];
34 -}
35 -function doApplyClasses(elementId, classIds, classesPropType = 'classes') {
36 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
37 - id: elementId,
38 - props: {
39 - [classesPropType]: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.classesPropTypeUtil.create(classIds)
40 - },
41 - withHistory: false
42 - });
43 - (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.setDocumentModifiedStatus)(true);
44 - ensureClassesAreLoaded(classIds);
45 -}
46 -function ensureClassesAreLoaded(classIds) {
47 - const providers = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.stylesRepository.getProviders();
48 - classIds.forEach(classId => {
49 - _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.stylesRepository.getProviderByKey(classId)?.actions.get(classId);
50 - const owningProvider = providers.find(provider => provider.actions.all().some(style => style.id === classId));
51 - try {
52 - // this is essentially to enforce the loading of a class if we have async lazy-loading style providers, e.g. global classes
53 - owningProvider?.actions.get(classId);
54 - } catch {}
55 - });
56 -}
57 -function doUnapplyClass(elementId, classId, classesPropType = 'classes') {
58 - const appliedClasses = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, classesPropType)?.value || [];
59 - if (!appliedClasses.includes(classId)) {
60 - return false;
61 - }
62 - const updatedClassIds = appliedClasses.filter(id => id !== classId);
63 - doApplyClasses(elementId, updatedClassIds, classesPropType);
64 - return true;
65 -}
66 -
67 -/***/ }),
68 -
69 -/***/ "./packages/packages/core/editor-editing-panel/src/components/add-or-remove-content.tsx":
70 -/*!**********************************************************************************************!*\
71 - !*** ./packages/packages/core/editor-editing-panel/src/components/add-or-remove-content.tsx ***!
72 - \**********************************************************************************************/
73 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
74 -
75 -__webpack_require__.r(__webpack_exports__);
76 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
77 -/* harmony export */ AddOrRemoveContent: function() { return /* binding */ AddOrRemoveContent; }
78 -/* harmony export */ });
79 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
80 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
81 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
82 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
83 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
84 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
85 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
86 -
87 -
88 -
89 -
90 -const SIZE = 'tiny';
91 -const AddOrRemoveContent = ({
92 - isAdded,
93 - onAdd,
94 - onRemove,
95 - children,
96 - disabled,
97 - renderLabel
98 -}) => {
99 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_3__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
100 - direction: "row",
101 - sx: {
102 - justifyContent: 'space-between',
103 - alignItems: 'center',
104 - marginInlineEnd: -0.75
105 - }
106 - }, renderLabel(), isAdded ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
107 - size: SIZE,
108 - onClick: onRemove,
109 - "aria-label": "Remove",
110 - disabled: disabled
111 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.MinusIcon, {
112 - fontSize: SIZE
113 - })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, {
114 - size: SIZE,
115 - onClick: onAdd,
116 - "aria-label": "Add",
117 - disabled: disabled
118 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.PlusIcon, {
119 - fontSize: SIZE
120 - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Collapse, {
121 - in: isAdded,
122 - unmountOnExit: true
123 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_3__.SectionContent, null, children)));
124 -};
125 -
126 -/***/ }),
127 -
128 -/***/ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx":
129 -/*!**************************************************************************************!*\
130 - !*** ./packages/packages/core/editor-editing-panel/src/components/control-label.tsx ***!
131 - \**************************************************************************************/
132 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
133 -
134 -__webpack_require__.r(__webpack_exports__);
135 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
136 -/* harmony export */ ControlLabel: function() { return /* binding */ ControlLabel; }
137 -/* harmony export */ });
138 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
139 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
140 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
141 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
142 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
143 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
144 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
145 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
146 -
147 -
148 -
149 -
150 -const ControlLabel = ({
151 - children,
152 - infoTooltip
153 -}) => {
154 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
155 - direction: "row",
156 - alignItems: "center",
157 - justifyItems: "start",
158 - gap: 0.25
159 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, children), infoTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
160 - title: infoTooltip,
161 - placement: "top"
162 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleIcon, {
163 - fontSize: "tiny"
164 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornments, null));
165 -};
166 -
167 -/***/ }),
168 -
169 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts":
170 -/*!**************************************************************************************************************************************!*\
171 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts ***!
172 - \**************************************************************************************************************************************/
173 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
174 -
175 -__webpack_require__.r(__webpack_exports__);
176 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
177 -/* harmony export */ addGroupToOptions: function() { return /* binding */ addGroupToOptions; },
178 -/* harmony export */ removeInternalKeys: function() { return /* binding */ removeInternalKeys; }
179 -/* harmony export */ });
180 -function addGroupToOptions(options, pluralEntityName) {
181 - return options.map(option => {
182 - return {
183 - ...option,
184 - _group: `Existing ${pluralEntityName ?? 'options'}`
185 - };
186 - });
187 -}
188 -function removeInternalKeys(option) {
189 - const {
190 - _group,
191 - _action,
192 - ...rest
193 - } = option;
194 - return rest;
195 -}
196 -
197 -/***/ }),
198 -
199 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/creatable-autocomplete.tsx":
200 -/*!**********************************************************************************************************************!*\
201 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/creatable-autocomplete.tsx ***!
202 - \**********************************************************************************************************************/
203 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
204 -
205 -__webpack_require__.r(__webpack_exports__);
206 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
207 -/* harmony export */ CreatableAutocomplete: function() { return /* binding */ CreatableAutocomplete; }
208 -/* harmony export */ });
209 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
210 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
211 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
212 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
213 -/* harmony import */ var _autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./autocomplete-option-internal-properties */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts");
214 -/* harmony import */ var _use_autocomplete_change__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-autocomplete-change */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-change.ts");
215 -/* harmony import */ var _use_autocomplete_states__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-autocomplete-states */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-states.ts");
216 -/* harmony import */ var _use_create_option__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use-create-option */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-create-option.ts");
217 -/* harmony import */ var _use_filter_options__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use-filter-options */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-filter-options.ts");
218 -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); }
219 -
220 -
221 -
222 -
223 -
224 -
225 -
226 -
227 -const MIN_INPUT_LENGTH = 2;
228 -const CreatableAutocomplete = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(CreatableAutocompleteInner);
229 -function CreatableAutocompleteInner({
230 - selected,
231 - options,
232 - entityName,
233 - onSelect,
234 - placeholder,
235 - onCreate,
236 - validate,
237 - renderEmptyState,
238 - ...props
239 -}, ref) {
240 - const {
241 - inputValue,
242 - setInputValue,
243 - error,
244 - setError,
245 - inputHandlers
246 - } = (0,_use_autocomplete_states__WEBPACK_IMPORTED_MODULE_4__.useInputState)(validate);
247 - const {
248 - open,
249 - openDropdown,
250 - closeDropdown
251 - } = (0,_use_autocomplete_states__WEBPACK_IMPORTED_MODULE_4__.useOpenState)(props.open);
252 - const {
253 - createOption,
254 - loading
255 - } = (0,_use_create_option__WEBPACK_IMPORTED_MODULE_5__.useCreateOption)({
256 - onCreate,
257 - validate,
258 - setInputValue,
259 - setError,
260 - closeDropdown
261 - });
262 - const [internalOptions, internalSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => [options, selected].map(optionsArr => (0,_autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_2__.addGroupToOptions)(optionsArr, entityName?.plural)), [options, selected, entityName?.plural]);
263 - const handleChange = (0,_use_autocomplete_change__WEBPACK_IMPORTED_MODULE_3__.useAutocompleteChange)({
264 - options: internalOptions,
265 - onSelect,
266 - createOption,
267 - setInputValue,
268 - closeDropdown
269 - });
270 - const filterOptions = (0,_use_filter_options__WEBPACK_IMPORTED_MODULE_6__.useFilterOptions)({
271 - options,
272 - selected,
273 - onCreate,
274 - entityName
275 - });
276 - const isCreatable = Boolean(onCreate);
277 - const freeSolo = isCreatable || inputValue.length < MIN_INPUT_LENGTH || undefined;
278 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Autocomplete, _extends({
279 - renderTags: (tagValue, getTagProps) => {
280 - return tagValue.map((option, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Chip, _extends({
281 - size: "tiny"
282 - }, getTagProps({
283 - index
284 - }), {
285 - key: option.key ?? option.value ?? option.label,
286 - label: option.label
287 - })));
288 - }
289 - }, props, {
290 - ref: ref,
291 - freeSolo: freeSolo,
292 - forcePopupIcon: false,
293 - multiple: true,
294 - clearOnBlur: true,
295 - selectOnFocus: true,
296 - disableClearable: true,
297 - handleHomeEndKeys: true,
298 - disabled: loading,
299 - open: open,
300 - onOpen: openDropdown,
301 - onClose: closeDropdown,
302 - disableCloseOnSelect: true,
303 - value: internalSelected,
304 - options: internalOptions,
305 - ListboxComponent: error ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((_, errorTextRef) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ErrorText, {
306 - ref: errorTextRef,
307 - error: error
308 - })) : undefined,
309 - renderGroup: params => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Group, params),
310 - inputValue: inputValue,
311 - renderInput: params => {
312 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TextField, _extends({}, params, {
313 - error: Boolean(error),
314 - placeholder: placeholder
315 - }, inputHandlers, {
316 - sx: theme => ({
317 - '.MuiAutocomplete-inputRoot.MuiInputBase-adornedStart': {
318 - paddingLeft: theme.spacing(0.25),
319 - paddingRight: theme.spacing(0.25)
320 - }
321 - })
322 - }));
323 - },
324 - onChange: handleChange,
325 - getOptionLabel: option => typeof option === 'string' ? option : option.label,
326 - getOptionKey: option => {
327 - if (typeof option === 'string') {
328 - return option;
329 - }
330 - return option.key ?? option.value ?? option.label;
331 - },
332 - filterOptions: filterOptions,
333 - groupBy: option => option._group ?? '',
334 - renderOption: (optionProps, option) => {
335 - const {
336 - _group,
337 - label
338 - } = option;
339 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", _extends({}, optionProps, {
340 - style: {
341 - display: 'block',
342 - textOverflow: 'ellipsis'
343 - },
344 - "data-group": _group
345 - }), label);
346 - },
347 - noOptionsText: renderEmptyState?.({
348 - searchValue: inputValue,
349 - onClear: () => {
350 - setInputValue('');
351 - closeDropdown();
352 - }
353 - }),
354 - isOptionEqualToValue: (option, value) => {
355 - if (typeof option === 'string') {
356 - return option === value;
357 - }
358 - return option.value === value.value;
359 - }
360 - }));
361 -}
362 -const Group = params => {
363 - const id = `combobox-group-${(0,react__WEBPACK_IMPORTED_MODULE_0__.useId)().replace(/:/g, '_')}`;
364 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledGroup, {
365 - role: "group",
366 - "aria-labelledby": id
367 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledGroupHeader, {
368 - id: id
369 - }, " ", params.group), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledGroupItems, {
370 - role: "listbox"
371 - }, params.children));
372 -};
373 -const ErrorText = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
374 - error = 'error'
375 -}, ref) => {
376 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
377 - ref: ref,
378 - sx: theme => ({
379 - padding: theme.spacing(2)
380 - })
381 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
382 - variant: "caption",
383 - sx: {
384 - color: 'error.main',
385 - display: 'inline-block'
386 - }
387 - }, error));
388 -});
389 -const StyledGroup = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)('li')`
1 +/*! For license information please see editor-editing-panel.js.LICENSE.txt */
2 +!function(){"use strict";var e={react:function(e){e.exports=window.React},"@elementor/editor":function(e){e.exports=window.elementorV2.editor},"@elementor/editor-controls":function(e){e.exports=window.elementorV2.editorControls},"@elementor/editor-elements":function(e){e.exports=window.elementorV2.editorElements},"@elementor/editor-panels":function(e){e.exports=window.elementorV2.editorPanels},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/editor-responsive":function(e){e.exports=window.elementorV2.editorResponsive},"@elementor/editor-styles":function(e){e.exports=window.elementorV2.editorStyles},"@elementor/editor-styles-repository":function(e){e.exports=window.elementorV2.editorStylesRepository},"@elementor/editor-ui":function(e){e.exports=window.elementorV2.editorUi},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@elementor/locations":function(e){e.exports=window.elementorV2.locations},"@elementor/menus":function(e){e.exports=window.elementorV2.menus},"@elementor/schema":function(e){e.exports=window.elementorV2.schema},"@elementor/session":function(e){e.exports=window.elementorV2.session},"@elementor/ui":function(e){e.exports=window.elementorV2.ui},"@elementor/utils":function(e){e.exports=window.elementorV2.utils},"@wordpress/i18n":function(e){e.exports=window.wp.i18n}},t={};function n(l){var r=t[l];if(void 0!==r)return r.exports;var o=t[l]={exports:{}};return e[l](o,o.exports,n),o.exports}n.d=function(e,t){for(var l in t)n.o(t,l)&&!n.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};!function(){n.r(l),n.d(l,{injectIntoClassSelectorActions:function(){return ee},replaceControl:function(){return x},useBoundProp:function(){return e.useBoundProp},usePanelActions:function(){return vn},usePanelStatus:function(){return _n}});var e=n("@elementor/editor-controls"),t=n("react"),r=n("@elementor/editor-elements"),o=n("@elementor/editor-props"),a=n("@elementor/editor-styles-repository"),i=n("@elementor/editor-ui"),c=n("@elementor/icons"),s=n("@elementor/locations"),m=n("@elementor/ui"),u=n("@wordpress/i18n"),d=n("@elementor/utils"),p=n("@elementor/editor-panels"),E=n("@elementor/session"),g=n("@elementor/menus"),b=n("@elementor/editor-responsive"),f=n("@elementor/editor-styles"),v=n("@elementor/editor-v1-adapters"),_=n("@elementor/editor"),y=n("@elementor/schema"),{replaceControl:x,getControlReplacement:h}=(0,e.createControlReplacement)(),S=(0,t.createContext)(null);function w({children:e,prop:n}){return t.createElement(S.Provider,{value:{prop:n}},e)}function C(){const e=(0,t.useContext)(S);if(!e)throw new Error("useClassesProp must be used within a ClassesPropProvider");return e.prop}var I=(0,t.createContext)(null);function z({children:e,element:n,elementType:l}){return t.createElement(I.Provider,{value:{element:n,elementType:l}},e)}function T(){const e=(0,t.useContext)(I);if(!e)throw new Error("useElement must be used within a ElementProvider");return e}var k=(0,d.createError)({code:"control_type_not_found",message:"Control type not found."}),P=(0,d.createError)({code:"provider_not_found",message:"Styles provider not found."}),L=(0,d.createError)({code:"provider_cannot_update_props",message:"Styles provider doesn't support updating props."}),G=(0,d.createError)({code:"style_not_found_under_provider",message:"Style not found under the provider."}),B=(0,t.createContext)(null);function R({children:e,...n}){const l=null===n.id?null:function(e){const t=a.stylesRepository.getProviders().find((t=>t.actions.get().find((t=>t.id===e))));return t??null}(n.id);if(n.id&&!l)throw new P({context:{styleId:n.id}});return t.createElement(B.Provider,{value:{...n,provider:l}},e)}function D(){const e=(0,t.useContext)(B);if(!e)throw new Error("useStyle must be used within a StyleProvider");return e}var A=["hover","focus","active"];function V({styleId:e,isFixed:n=!1,popupState:l}){return t.createElement(m.Menu,{MenuListProps:{dense:!0},...(0,m.bindMenu)(l),anchorOrigin:{vertical:"top",horizontal:"right"},onKeyDown:e=>{e.stopPropagation()}},!n&&[t.createElement(F,{key:"unapply-class",styleId:e}),t.createElement(m.Divider,{key:"global-class-items-divider"})],t.createElement(m.ListSubheader,null,(0,u.__)("Add a pseudo selector","elementor")),t.createElement(W,{key:"normal",state:null,styleId:e}),A.map((n=>t.createElement(W,{key:n,state:n,styleId:e}))))}function W({state:e,styleId:n,...l}){const{id:r,setId:o,setMetaState:a,meta:i}=D(),{state:s}=i,u=n===r,d=e===s&&u;return t.createElement($,{...l,selected:d,onClick:()=>{u||o(n),a(e)}},d&&t.createElement(m.ListItemIcon,null,t.createElement(c.CheckIcon,null)),t.createElement(m.ListItemText,{primary:e?`:${e}`:"Normal"}))}function F({styleId:e,...n}){const l=(e=>{const{element:t}=T(),{setId:n}=D(),l=C(),o=(0,r.useElementSetting)(t.id,l),a=o?.value.filter((t=>t!==e))??[];return()=>{(0,r.updateElementSettings)({id:t.id,props:{[l]:{$$type:"classes",value:a}}}),n(null)}})(e);return t.createElement($,{...n,onClick:l},t.createElement(m.ListItemText,{primary:"Remove"}))}var $=(0,m.styled)(m.MenuItem)({"&:hover":{color:"text.primary"}}),j=(0,t.createContext)(null),O=({children:e,value:n,onSubmit:l,validation:r,editable:o})=>{const[a,i]=(0,t.useState)(!1),[c,s]=(0,t.useState)(!1),[m,u]=(0,t.useState)(null),d=()=>{u(null),i(!1)};return t.createElement(j.Provider,{value:{isEditing:a,openEditMode:()=>{i(!0)},closeEditMode:d,onChange:e=>{const{innerText:t}=e.target;r&&u(r(t))},value:n,error:m,submit:async e=>{if(!m){s(!0);try{await l(e)}finally{s(!1)}}d()},editable:o,submitting:c}},e)},M=({children:e,onClick:n,...l})=>{const r=(0,t.useRef)(null),{isEditing:o,closeEditMode:a,value:i,onChange:c,error:s,submit:u,editable:d}=U();(0,t.useEffect)((()=>{o&&(r.current?.focus(),p())}),[o]);const p=()=>{const e=getSelection();if(!e||!r.current)return;const t=document.createRange();t.selectNodeContents(r.current),e.removeAllRanges(),e.addRange(t)};return d?t.createElement(m.Tooltip,{open:!!s,title:s,placement:"top"},t.createElement("div",{onKeyDown:e=>(e.stopPropagation(),["Escape"].includes(e.key)?a():["Enter"].includes(e.key)?(e.preventDefault(),u(e.target.innerText)):void 0),onClick:e=>{o&&e.stopPropagation(),n?.(e)},...l},t.createElement("span",{ref:r,role:"textbox",onInput:c,contentEditable:o,suppressContentEditableWarning:!0,onBlur:a},o?i:e))):e},U=()=>{const e=(0,t.useContext)(j);if(!e)throw new Error("useEditableField must be used within a EditableFieldProvider");return e};function N({actions:e=[],selected:n,options:l,onSelect:r,...o}){const a=(0,t.useState)((()=>(0,m.createFilterOptions)()))[0],{run:i,loading:c}=function(){const[e,n]=(0,t.useState)(!1);return{run:async(e,t)=>{n(!0);try{await e(t)}catch{}n(!1)},loading:e}}();return t.createElement(m.Autocomplete,{...o,freeSolo:!0,multiple:!0,clearOnBlur:!0,selectOnFocus:!0,disableClearable:!0,handleHomeEndKeys:!0,disabled:c,value:n,options:l,renderGroup:e=>t.createElement(K,{...e}),renderInput:e=>t.createElement(m.TextField,{...e}),onChange:(t,n,o)=>{const a=n.find((e=>"string"==typeof e)),c=n.filter((e=>"string"!=typeof e));if("createOption"===o){const[t]=q(e,{options:l,inputValue:a??""});if(t)return i(t.apply,t.value)}const s=c.find((e=>{return"apply"in(t=e)&&"condition"in t;var t}));if("selectOption"===o&&s)return i(s.apply,s.value);const m=l.filter((e=>!!e.fixed));r?.([...new Set([...c,...m])])},getOptionLabel:e=>"string"==typeof e?e:e.label,getOptionKey:e=>"string"==typeof e?e:e.key??e.value,filterOptions:(t,l)=>{const r=n.map((e=>e.value));return[...q(e,{options:t,inputValue:l.inputValue}),...a(t.filter((e=>!r.includes(e.value))),l)]},groupBy:e=>e.group??""})}var K=e=>{const n=`combobox-group-${(0,t.useId)().replace(/:/g,"_")}`;return t.createElement(H,{role:"group","aria-labelledby":n},t.createElement(J,{id:n}," ",e.group),t.createElement(Y,{role:"listbox"},e.children))},H=(0,m.styled)("li")`
390 3 &:not( :last-of-type ) {
391 - border-bottom: 1px solid ${({
392 - theme
393 -}) => theme.palette.divider};
4 + border-bottom: 1px solid ${({theme:e})=>e.palette.divider};
394 5 }
395 -`;
396 -const StyledGroupHeader = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box)(({
397 - theme
398 -}) => ({
399 - position: 'sticky',
400 - top: '-8px',
401 - padding: theme.spacing(1, 2),
402 - color: theme.palette.text.tertiary,
403 - backgroundColor: theme.palette.primary.contrastText
404 -}));
405 -const StyledGroupItems = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)('ul')`
6 +`,J=(0,m.styled)(m.Box)((({theme:e})=>({position:"sticky",top:"-8px",padding:e.spacing(1,2),color:e.palette.text.tertiary}))),Y=(0,m.styled)("ul")`
406 7 padding: 0;
407 -`;
408 -
409 -/***/ }),
410 -
411 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/index.ts":
412 -/*!****************************************************************************************************!*\
413 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/index.ts ***!
414 - \****************************************************************************************************/
415 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
416 -
417 -__webpack_require__.r(__webpack_exports__);
418 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
419 -/* harmony export */ CreatableAutocomplete: function() { return /* reexport safe */ _creatable_autocomplete__WEBPACK_IMPORTED_MODULE_0__.CreatableAutocomplete; }
420 -/* harmony export */ });
421 -/* harmony import */ var _creatable_autocomplete__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./creatable-autocomplete */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/creatable-autocomplete.tsx");
422 -
423 -
424 -
425 -/***/ }),
426 -
427 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-change.ts":
428 -/*!**********************************************************************************************************************!*\
429 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-change.ts ***!
430 - \**********************************************************************************************************************/
431 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
432 -
433 -__webpack_require__.r(__webpack_exports__);
434 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
435 -/* harmony export */ useAutocompleteChange: function() { return /* binding */ useAutocompleteChange; }
436 -/* harmony export */ });
437 -/* harmony import */ var _autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./autocomplete-option-internal-properties */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/autocomplete-option-internal-properties.ts");
438 -
439 -function useAutocompleteChange(params) {
440 - const {
441 - options,
442 - onSelect,
443 - createOption,
444 - setInputValue,
445 - closeDropdown
446 - } = params;
447 - if (!onSelect && !createOption) {
448 - return;
449 - }
450 - const handleChange = async (_, selectedOrInputValue, reason, details) => {
451 - const changedOption = details?.option;
452 - if (!changedOption || typeof changedOption === 'object' && changedOption.fixed) {
453 - // If `changedOption` is nullish it means no option was selected, created or removed.
454 - // The reason is either "blur" which we don't support (can't be "clear" since we disabled it).
455 - // If the option is fixed, it can't be selected, created or removed.
456 - return;
457 - }
458 - const selectedOptions = selectedOrInputValue.filter(option => typeof option !== 'string');
459 - switch (reason) {
460 - case 'removeOption':
461 - const removedOption = changedOption;
462 - updateSelectedOptions(selectedOptions, 'removeOption', removedOption);
463 - break;
464 -
465 - // User clicked an option. It's either an existing option, or "Create <new option>".
466 - case 'selectOption':
467 - {
468 - const selectedOption = changedOption;
469 - if (selectedOption._action === 'create') {
470 - const newOption = selectedOption.value;
471 - return createOption?.(newOption);
472 - }
473 - updateSelectedOptions(selectedOptions, 'selectOption', selectedOption);
474 - break;
475 - }
476 -
477 - // User pressed "Enter" after typing input. The input is either matching existing option or a new option to create.
478 - case 'createOption':
479 - {
480 - const inputValue = changedOption;
481 - const matchingOption = options.find(option => option.label.toLocaleLowerCase() === inputValue.toLocaleLowerCase());
482 - if (matchingOption) {
483 - selectedOptions.push(matchingOption);
484 - updateSelectedOptions(selectedOptions, 'selectOption', matchingOption);
485 - } else {
486 - return createOption?.(inputValue);
487 - }
488 - break;
489 - }
490 - }
491 - setInputValue('');
492 - closeDropdown();
493 - };
494 - return handleChange;
495 - function updateSelectedOptions(selectedOptions, reason, changedOption) {
496 - onSelect?.(selectedOptions.map(option => (0,_autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_0__.removeInternalKeys)(option)), reason, (0,_autocomplete_option_internal_properties__WEBPACK_IMPORTED_MODULE_0__.removeInternalKeys)(changedOption));
497 - }
498 -}
499 -
500 -/***/ }),
501 -
502 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-states.ts":
503 -/*!**********************************************************************************************************************!*\
504 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-autocomplete-states.ts ***!
505 - \**********************************************************************************************************************/
506 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
507 -
508 -__webpack_require__.r(__webpack_exports__);
509 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
510 -/* harmony export */ useInputState: function() { return /* binding */ useInputState; },
511 -/* harmony export */ useOpenState: function() { return /* binding */ useOpenState; }
512 -/* harmony export */ });
513 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
514 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
515 -
516 -function useInputState(validate) {
517 - const [inputValue, setInputValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
518 - const [error, setError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
519 - const handleInputChange = event => {
520 - const {
521 - value
522 - } = event.target;
523 - setInputValue(value);
524 - if (!validate) {
525 - return;
526 - }
527 - if (!value) {
528 - setError(null);
529 - return;
530 - }
531 - const {
532 - isValid,
533 - errorMessage
534 - } = validate(value, 'inputChange');
535 - if (isValid) {
536 - setError(null);
537 - } else {
538 - setError(errorMessage);
539 - }
540 - };
541 - const handleInputBlur = () => {
542 - setInputValue('');
543 - setError(null);
544 - };
545 - return {
546 - inputValue,
547 - setInputValue,
548 - error,
549 - setError,
550 - inputHandlers: {
551 - onChange: handleInputChange,
552 - onBlur: handleInputBlur
553 - }
554 - };
555 -}
556 -function useOpenState(initialOpen = false) {
557 - const [open, setOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialOpen);
558 - const openDropdown = () => setOpen(true);
559 - const closeDropdown = () => setOpen(false);
560 - return {
561 - open,
562 - openDropdown,
563 - closeDropdown
564 - };
565 -}
566 -
567 -/***/ }),
568 -
569 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-create-option.ts":
570 -/*!****************************************************************************************************************!*\
571 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-create-option.ts ***!
572 - \****************************************************************************************************************/
573 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
574 -
575 -__webpack_require__.r(__webpack_exports__);
576 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
577 -/* harmony export */ useCreateOption: function() { return /* binding */ useCreateOption; }
578 -/* harmony export */ });
579 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
580 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
581 -
582 -function useCreateOption(params) {
583 - const {
584 - onCreate,
585 - validate,
586 - setInputValue,
587 - setError,
588 - closeDropdown
589 - } = params;
590 - const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
591 - if (!onCreate) {
592 - return {
593 - createOption: null,
594 - loading: false
595 - };
596 - }
597 - const createOption = async value => {
598 - setLoading(true);
599 - if (validate) {
600 - const {
601 - isValid,
602 - errorMessage
603 - } = validate(value, 'create');
604 - if (!isValid) {
605 - setError(errorMessage);
606 - setLoading(false);
607 - return;
608 - }
609 - }
610 - try {
611 - setInputValue('');
612 - closeDropdown();
613 - await onCreate(value);
614 - } catch {
615 - // TODO: Do something with the error.
616 - } finally {
617 - setLoading(false);
618 - }
619 - };
620 - return {
621 - createOption,
622 - loading
623 - };
624 -}
625 -
626 -/***/ }),
627 -
628 -/***/ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-filter-options.ts":
629 -/*!*****************************************************************************************************************!*\
630 - !*** ./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/use-filter-options.ts ***!
631 - \*****************************************************************************************************************/
632 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
633 -
634 -__webpack_require__.r(__webpack_exports__);
635 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
636 -/* harmony export */ useFilterOptions: function() { return /* binding */ useFilterOptions; }
637 -/* harmony export */ });
638 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
639 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__);
640 -
641 -const STRIP_NON_CLASS_CHARS = /[^a-zA-Z0-9_-]/g;
642 -function normalizeClassSearch(value) {
643 - return value.replace(STRIP_NON_CLASS_CHARS, '').toLowerCase();
644 -}
645 -function useFilterOptions(parameters) {
646 - const {
647 - options,
648 - selected,
649 - onCreate,
650 - entityName
651 - } = parameters;
652 - const filter = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.createFilterOptions)({
653 - matchFrom: 'any'
654 - });
655 - const filterOptions = (optionList, params) => {
656 - const selectedValues = selected.map(option => option.value);
657 - const filteredOptions = filter(optionList.filter(option => !selectedValues.includes(option.value)), {
658 - ...params,
659 - inputValue: normalizeClassSearch(params.inputValue)
660 - });
661 - const isExisting = options.some(option => params.inputValue === option.label);
662 - const allowCreate = Boolean(onCreate) && params.inputValue !== '' && !selectedValues.includes(params.inputValue) && !isExisting;
663 - if (allowCreate) {
664 - filteredOptions.unshift({
665 - label: `Create "${params.inputValue}"`,
666 - value: params.inputValue,
667 - _group: `Create a new ${entityName?.singular ?? 'option'}`,
668 - key: `create-${params.inputValue}`,
669 - _action: 'create'
670 - });
671 - }
672 - return filteredOptions;
673 - };
674 - return filterOptions;
675 -}
676 -
677 -/***/ }),
678 -
679 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts":
680 -/*!******************************************************************************************!*\
681 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts ***!
682 - \******************************************************************************************/
683 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
684 -
685 -__webpack_require__.r(__webpack_exports__);
686 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
687 -/* harmony export */ PENDING_CLASS_RENAME_SESSION_KEY: function() { return /* binding */ PENDING_CLASS_RENAME_SESSION_KEY; }
688 -/* harmony export */ });
689 -const PENDING_CLASS_RENAME_SESSION_KEY = 'pending-class-rename-id';
690 -
691 -/***/ }),
692 -
693 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx":
694 -/*!******************************************************************************************************!*\
695 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx ***!
696 - \******************************************************************************************************/
697 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
698 -
699 -__webpack_require__.r(__webpack_exports__);
700 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
701 -/* harmony export */ CssClassProvider: function() { return /* binding */ CssClassProvider; },
702 -/* harmony export */ useCssClass: function() { return /* binding */ useCssClass; }
703 -/* harmony export */ });
704 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
705 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
706 -
707 -
708 -const CssClassContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
709 -const useCssClass = () => {
710 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(CssClassContext);
711 - if (!context) {
712 - throw new Error('useCssClass must be used within a CssClassProvider');
713 - }
714 - return context;
715 -};
716 -function CssClassProvider({
717 - children,
718 - ...contextValue
719 -}) {
720 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CssClassContext.Provider, {
721 - value: contextValue
722 - }, children);
723 -}
724 -
725 -/***/ }),
726 -
727 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-convert-local.tsx":
728 -/*!************************************************************************************************************!*\
729 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-convert-local.tsx ***!
730 - \************************************************************************************************************/
731 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
732 -
733 -__webpack_require__.r(__webpack_exports__);
734 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
735 -/* harmony export */ CssClassConvert: function() { return /* binding */ CssClassConvert; },
736 -/* harmony export */ CssClassConvertSlot: function() { return /* binding */ CssClassConvertSlot; },
737 -/* harmony export */ injectIntoCssClassConvert: function() { return /* binding */ injectIntoCssClassConvert; }
738 -/* harmony export */ });
739 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
740 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
741 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
742 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
743 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
744 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
745 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
746 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_3__);
747 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
748 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_4__);
749 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
750 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
751 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
752 -/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts");
753 -
754 -
755 -
756 -
757 -
758 -
759 -
760 -
761 -
762 -const {
763 - Slot: CssClassConvertSlot,
764 - inject: injectIntoCssClassConvert
765 -} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_3__.createLocation)();
766 -/**
767 - * Convert a local class to a global class injection point
768 - * @param props
769 - */
770 -const CssClassConvert = props => {
771 - const {
772 - element
773 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
774 - const elementId = element.id;
775 - const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_5__.useClassesProp)();
776 - const {
777 - setId: setActiveId
778 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_7__.useStyle)();
779 - const [, saveValue] = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_4__.useSessionStorage)(_consts__WEBPACK_IMPORTED_MODULE_8__.PENDING_CLASS_RENAME_SESSION_KEY, 'app');
780 - const successCallback = newId => {
781 - if (!props.styleDef) {
782 - throw new Error('Style definition is required for converting local class to global class.');
783 - }
784 - onConvert({
785 - newId,
786 - elementId,
787 - classesProp: currentClassesProp,
788 - styleDef: props.styleDef
789 - });
790 - saveValue(newId);
791 - setActiveId(newId);
792 - props.closeMenu();
793 - };
794 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CssClassConvertSlot, {
795 - canConvert: !!props.canConvert,
796 - styleDef: props.styleDef,
797 - successCallback: successCallback
798 - });
799 -};
800 -const onConvert = opts => {
801 - const {
802 - newId,
803 - elementId,
804 - classesProp
805 - } = opts;
806 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.deleteElementStyle)(elementId, opts.styleDef.id);
807 - const currentUsedClasses = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementSetting)(elementId, classesProp) || {
808 - value: []
809 - };
810 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementSettings)({
811 - id: elementId,
812 - props: {
813 - [classesProp]: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.classesPropTypeUtil.create([newId, ...currentUsedClasses.value])
814 - },
815 - withHistory: false
816 - });
817 -};
818 -
819 -/***/ }),
820 -
821 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-item.tsx":
822 -/*!***************************************************************************************************!*\
823 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-item.tsx ***!
824 - \***************************************************************************************************/
825 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
826 -
827 -__webpack_require__.r(__webpack_exports__);
828 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
829 -/* harmony export */ CssClassItem: function() { return /* binding */ CssClassItem; }
830 -/* harmony export */ });
831 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
832 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
833 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
834 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1__);
835 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
836 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__);
837 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
838 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__);
839 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
840 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
841 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
842 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_5__);
843 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
844 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__);
845 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
846 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__);
847 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
848 -/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts");
849 -/* harmony import */ var _css_class_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./css-class-context */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx");
850 -/* harmony import */ var _css_class_menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./css-class-menu */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-menu.tsx");
851 -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); }
852 -
853 -
854 -
855 -
856 -
857 -
858 -
859 -
860 -
861 -
862 -
863 -
864 -
865 -const CHIP_SIZE = 'tiny';
866 -function CssClassItem(props) {
867 - const {
868 - chipProps,
869 - icon,
870 - color: colorProp,
871 - fixed,
872 - ...classProps
873 - } = props;
874 - const {
875 - id,
876 - provider,
877 - label,
878 - isActive,
879 - onClickActive,
880 - renameLabel,
881 - setError
882 - } = classProps;
883 - const {
884 - elementStates
885 - } = (0,_css_class_menu__WEBPACK_IMPORTED_MODULE_11__.useElementStates)();
886 - const {
887 - meta,
888 - setMetaState
889 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
890 - const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.usePopupState)({
891 - variant: 'popover'
892 - });
893 - const [chipRef, setChipRef] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
894 - const {
895 - onDelete,
896 - ...chipGroupProps
897 - } = chipProps;
898 - const {
899 - userCan
900 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useUserStylesCapability)();
901 - const [convertedFromLocalId,, clearConvertedFromLocalId] = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_5__.useSessionStorage)(_consts__WEBPACK_IMPORTED_MODULE_9__.PENDING_CLASS_RENAME_SESSION_KEY, 'app');
902 - const {
903 - ref,
904 - isEditing,
905 - openEditMode,
906 - error,
907 - getProps: getEditableProps
908 - } = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.useEditable)({
909 - value: label,
910 - onSubmit: renameLabel,
911 - validation: validateLabel,
912 - onError: setError
913 - });
914 - const color = error ? 'error' : colorProp;
915 - const providerActions = provider ? _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.stylesRepository.getProviderByKey(provider)?.actions : null;
916 - const allowRename = Boolean(providerActions?.update) && userCan(provider ?? '')?.update;
917 - const isShowingState = isActive && meta.state;
918 - const stateLabel = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
919 - if (meta.state && (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_1__.isClassState)(meta.state)) {
920 - return elementStates.find(state => state.value === meta.state)?.label;
921 - }
922 - return meta.state;
923 - }, [meta.state, elementStates]);
924 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
925 - if (convertedFromLocalId && id === convertedFromLocalId) {
926 - clearConvertedFromLocalId();
927 - openEditMode();
928 - }
929 - // eslint-disable-next-line react-hooks/exhaustive-deps
930 - }, [id, convertedFromLocalId]);
931 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.ThemeProvider, {
932 - palette: "default"
933 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.UnstableChipGroup, _extends({
934 - ref: setChipRef
935 - }, chipGroupProps, {
936 - "aria-label": `Edit ${label}`,
937 - role: "group",
938 - sx: theme => ({
939 - '&.MuiChipGroup-root.MuiAutocomplete-tag': {
940 - margin: theme.spacing(0.125)
941 - }
942 - })
943 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Chip, {
944 - size: CHIP_SIZE,
945 - label: isEditing ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.EditableField, _extends({
946 - ref: ref
947 - }, getEditableProps())) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.EllipsisWithTooltip, {
948 - maxWidth: "10ch",
949 - title: label,
950 - as: "div"
951 - }),
952 - variant: isActive && !meta.state && !isEditing ? 'filled' : 'standard',
953 - shape: "rounded",
954 - icon: icon,
955 - color: color,
956 - onClick: () => {
957 - if (isShowingState) {
958 - setMetaState(null);
959 - return;
960 - }
961 - if (allowRename && isActive) {
962 - openEditMode();
963 - return;
964 - }
965 - onClickActive(id);
966 - },
967 - "aria-pressed": isActive,
968 - sx: theme => ({
969 - lineHeight: 1,
970 - cursor: isActive && allowRename && !isShowingState ? 'text' : 'pointer',
971 - borderRadius: `${theme.shape.borderRadius * 0.75}px`,
972 - '&.Mui-focusVisible': {
973 - boxShadow: 'none !important'
974 - }
975 - })
976 - }), !isEditing && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Chip, _extends({
977 - icon: isShowingState ? undefined : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.DotsVerticalIcon, {
978 - fontSize: "tiny"
979 - }),
980 - size: CHIP_SIZE,
981 - label: isShowingState ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Stack, {
982 - direction: "row",
983 - gap: 0.5,
984 - alignItems: "center"
985 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.Typography, {
986 - variant: "inherit"
987 - }, stateLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.DotsVerticalIcon, {
988 - fontSize: "tiny"
989 - })) : undefined,
990 - variant: "filled",
991 - shape: "rounded",
992 - color: color
993 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_6__.bindTrigger)(popupState), {
994 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)('Open CSS Class Menu', 'elementor'),
995 - sx: theme => ({
996 - borderRadius: `${theme.shape.borderRadius * 0.75}px`,
997 - paddingRight: 0,
998 - ...(!isShowingState ? {
999 - paddingLeft: 0
1000 - } : {}),
1001 - '.MuiChip-label': isShowingState ? {
1002 - paddingRight: 0
1003 - } : {
1004 - padding: 0
1005 - }
1006 - })
1007 - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_context__WEBPACK_IMPORTED_MODULE_10__.CssClassProvider, _extends({}, classProps, {
1008 - handleRename: openEditMode
1009 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_menu__WEBPACK_IMPORTED_MODULE_11__.CssClassMenu, {
1010 - popupState: popupState,
1011 - anchorEl: chipRef,
1012 - fixed: fixed
1013 - })));
1014 -}
1015 -const validateLabel = newLabel => {
1016 - const result = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.validateStyleLabel)(newLabel, 'rename');
1017 - if (result.isValid) {
1018 - return null;
1019 - }
1020 - return result.errorMessage;
1021 -};
1022 -
1023 -/***/ }),
1024 -
1025 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-menu.tsx":
1026 -/*!***************************************************************************************************!*\
1027 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-menu.tsx ***!
1028 - \***************************************************************************************************/
1029 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1030 -
1031 -__webpack_require__.r(__webpack_exports__);
1032 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1033 -/* harmony export */ CssClassMenu: function() { return /* binding */ CssClassMenu; },
1034 -/* harmony export */ useElementStates: function() { return /* binding */ useElementStates; }
1035 -/* harmony export */ });
1036 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1037 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1038 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
1039 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
1040 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
1041 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__);
1042 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1043 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__);
1044 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1045 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
1046 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1047 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
1048 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
1049 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
1050 -/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
1051 -/* harmony import */ var _utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../utils/tracking/subscribe */ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts");
1052 -/* harmony import */ var _style_indicator__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");
1053 -/* harmony import */ var _css_class_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./css-class-context */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx");
1054 -/* harmony import */ var _duplicate_class_menu_item__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./duplicate-class-menu-item */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/duplicate-class-menu-item.tsx");
1055 -/* harmony import */ var _local_class_sub_menu__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./local-class-sub-menu */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/local-class-sub-menu.tsx");
1056 -/* harmony import */ var _use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./use-apply-and-unapply-class */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts");
1057 -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); }
1058 -
1059 -
1060 -
1061 -
1062 -
1063 -
1064 -
1065 -
1066 -
1067 -
1068 -
1069 -
1070 -
1071 -
1072 -
1073 -const DEFAULT_PSEUDO_STATES = [{
1074 - key: 'normal',
1075 - value: null,
1076 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('normal', 'elementor')
1077 -}, {
1078 - key: 'hover',
1079 - value: 'hover',
1080 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('hover', 'elementor')
1081 -}, {
1082 - key: 'focus',
1083 - value: 'focus',
1084 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('focus', 'elementor')
1085 -}, {
1086 - key: 'active',
1087 - value: 'active',
1088 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('active', 'elementor')
1089 -}];
1090 -function usePseudoStates() {
1091 - const {
1092 - elementType
1093 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
1094 - const {
1095 - pseudoStates = []
1096 - } = elementType;
1097 - const additionalStates = pseudoStates.map(({
1098 - name,
1099 - value
1100 - }) => ({
1101 - key: value,
1102 - value: value,
1103 - label: name
1104 - }));
1105 - return [...DEFAULT_PSEUDO_STATES, ...additionalStates];
1106 -}
1107 -function CssClassMenu({
1108 - popupState,
1109 - anchorEl,
1110 - fixed
1111 -}) {
1112 - const {
1113 - provider
1114 - } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
1115 - const isLocalStyle = provider ? (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.isElementsStylesProvider)(provider) : true;
1116 - const pseudoStates = usePseudoStates();
1117 - const handleKeyDown = e => {
1118 - e.stopPropagation();
1119 - };
1120 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Menu, _extends({
1121 - MenuListProps: {
1122 - dense: true,
1123 - sx: {
1124 - minWidth: '160px'
1125 - }
1126 - }
1127 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindMenu)(popupState), {
1128 - anchorEl: anchorEl,
1129 - anchorOrigin: {
1130 - vertical: 'bottom',
1131 - horizontal: 'left'
1132 - },
1133 - transformOrigin: {
1134 - horizontal: 'left',
1135 - vertical: -4
1136 - },
1137 - onKeyDown: handleKeyDown
1138 - // Workaround for focus-visible issue.
1139 - ,
1140 - disableAutoFocusItem: true
1141 - }), isLocalStyle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_local_class_sub_menu__WEBPACK_IMPORTED_MODULE_13__.LocalClassSubMenu, {
1142 - popupState: popupState
1143 - }), getMenuItemsByProvider({
1144 - provider,
1145 - closeMenu: popupState.close,
1146 - fixed
1147 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuSubheader, {
1148 - sx: {
1149 - typography: 'caption',
1150 - color: 'text.secondary',
1151 - pb: 0.5,
1152 - pt: 1
1153 - }
1154 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('States', 'elementor')), pseudoStates.map(state => {
1155 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StateMenuItem, {
1156 - key: state.key,
1157 - state: state.value,
1158 - label: state.label,
1159 - closeMenu: popupState.close
1160 - });
1161 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassStatesMenu, {
1162 - closeMenu: popupState.close
1163 - }));
1164 -}
1165 -function ClassStatesMenu({
1166 - closeMenu
1167 -}) {
1168 - const {
1169 - elementStates,
1170 - elementTitle
1171 - } = useElementStates();
1172 - if (!elementStates.length) {
1173 - return null;
1174 - }
1175 -
1176 - /* translators: %s: Element type title. */
1177 - const customTitle = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('%s States', 'elementor').replace('%s', elementTitle);
1178 - 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__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuSubheader, {
1179 - sx: {
1180 - typography: 'caption',
1181 - color: 'text.secondary',
1182 - pb: 0.5,
1183 - pt: 1
1184 - }
1185 - }, customTitle), elementStates.map(state => {
1186 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StateMenuItem, {
1187 - key: state.key,
1188 - state: state.value,
1189 - label: state.label,
1190 - closeMenu: closeMenu
1191 - });
1192 - }));
1193 -}
1194 -const CLASS_STATES_MAP = {
1195 - selected: {
1196 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('selected', 'elementor')
1197 - },
1198 - disabled: {
1199 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('disabled', 'elementor')
1200 - }
1201 -};
1202 -function useElementStates() {
1203 - const {
1204 - elementType
1205 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
1206 - const {
1207 - styleStates = []
1208 - } = elementType;
1209 - const elementStates = styleStates.map(({
1210 - value,
1211 - name
1212 - }) => ({
1213 - key: value,
1214 - value,
1215 - label: CLASS_STATES_MAP[value]?.label ?? name
1216 - }));
1217 - return {
1218 - elementStates,
1219 - elementTitle: elementType.title
1220 - };
1221 -}
1222 -function useModifiedStates(styleId) {
1223 - const {
1224 - meta
1225 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_7__.useStyle)();
1226 - const styleDef = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.stylesRepository.all().find(style => style.id === styleId);
1227 - return Object.fromEntries(styleDef?.variants.filter(variant => meta.breakpoint === variant.meta.breakpoint && (!(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.isEmpty)(variant.props) || Boolean(variant.custom_css?.raw?.trim()))).map(variant => [variant.meta.state ?? 'normal', true]) ?? []);
1228 -}
1229 -function getMenuItemsByProvider({
1230 - provider,
1231 - closeMenu,
1232 - fixed
1233 -}) {
1234 - if (!provider) {
1235 - return [];
1236 - }
1237 - const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.stylesRepository.getProviderByKey(provider);
1238 - const providerActions = providerInstance?.actions;
1239 - const canUpdate = providerActions?.update;
1240 - const canDuplicate = providerActions?.create && providerActions?.get;
1241 - const canUnapply = !fixed;
1242 - const actions = [canUpdate && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RenameClassMenuItem, {
1243 - key: "rename-class",
1244 - closeMenu: closeMenu
1245 - }), canDuplicate && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_duplicate_class_menu_item__WEBPACK_IMPORTED_MODULE_12__.DuplicateClassMenuItem, {
1246 - key: "duplicate-class",
1247 - closeMenu: closeMenu
1248 - }), canUnapply && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(UnapplyClassMenuItem, {
1249 - key: "unapply-class",
1250 - closeMenu: closeMenu
1251 - })].filter(Boolean);
1252 - if (actions.length) {
1253 - actions.unshift(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.MenuSubheader, {
1254 - key: "provider-label",
1255 - sx: {
1256 - typography: 'caption',
1257 - color: 'text.secondary',
1258 - pb: 0.5,
1259 - pt: 1,
1260 - textTransform: 'capitalize'
1261 - }
1262 - }, providerInstance?.labels?.singular));
1263 - actions.push(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, {
1264 - key: "provider-actions-divider"
1265 - }));
1266 - }
1267 - return actions;
1268 -}
1269 -function StateMenuItem({
1270 - state,
1271 - label,
1272 - closeMenu,
1273 - ...props
1274 -}) {
1275 - const {
1276 - id: styleId,
1277 - provider
1278 - } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
1279 - const {
1280 - id: activeId,
1281 - setId: setActiveId,
1282 - setMetaState: setActiveMetaState,
1283 - meta
1284 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_7__.useStyle)();
1285 - const {
1286 - state: activeState
1287 - } = meta;
1288 - const {
1289 - userCan
1290 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useUserStylesCapability)();
1291 - const modifiedStates = useModifiedStates(styleId);
1292 - const isUpdateAllowed = !state || userCan(provider ?? '').updateProps;
1293 - const isStyled = modifiedStates[state ?? 'normal'] ?? false;
1294 - const disabled = !isUpdateAllowed && !isStyled;
1295 - const isActive = styleId === activeId;
1296 - const isSelected = state === activeState && isActive;
1297 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuListItem, _extends({}, props, {
1298 - selected: isSelected,
1299 - disabled: disabled,
1300 - sx: {
1301 - textTransform: 'capitalize'
1302 - },
1303 - onClick: () => {
1304 - if (!isActive) {
1305 - setActiveId(styleId);
1306 - }
1307 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_9__.trackStyles)(provider ?? '', 'classStateClicked', {
1308 - classId: styleId,
1309 - type: label,
1310 - source: styleId ? 'global' : 'local'
1311 - });
1312 - setActiveMetaState(state);
1313 - closeMenu();
1314 - }
1315 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuItemInfotip, {
1316 - showInfoTip: disabled,
1317 - content: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('With your current role, you can only use existing states.', 'elementor')
1318 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
1319 - gap: 0.75,
1320 - direction: "row",
1321 - alignItems: "center"
1322 - }, isStyled && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_indicator__WEBPACK_IMPORTED_MODULE_10__.StyleIndicator, {
1323 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Has style', 'elementor'),
1324 - getColor: (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__.getTempStylesProviderThemeColor)(provider ?? '')
1325 - }), label)));
1326 -}
1327 -function UnapplyClassMenuItem({
1328 - closeMenu,
1329 - ...props
1330 -}) {
1331 - const {
1332 - id: classId,
1333 - label: classLabel,
1334 - provider
1335 - } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
1336 - const unapplyClass = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_14__.useUndoableUnapplyClass)();
1337 - return classId ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuListItem, _extends({}, props, {
1338 - onClick: () => {
1339 - unapplyClass({
1340 - classId,
1341 - classLabel
1342 - });
1343 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_9__.trackStyles)(provider ?? '', 'classRemoved', {
1344 - classId,
1345 - classTitle: classLabel,
1346 - source: 'style-tab'
1347 - });
1348 - closeMenu();
1349 - }
1350 - }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Remove', 'elementor')) : null;
1351 -}
1352 -function RenameClassMenuItem({
1353 - closeMenu
1354 -}) {
1355 - const {
1356 - handleRename,
1357 - provider
1358 - } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_11__.useCssClass)();
1359 - const {
1360 - userCan
1361 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useUserStylesCapability)();
1362 - if (!provider) {
1363 - return null;
1364 - }
1365 - const isAllowed = userCan(provider).update;
1366 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuListItem, {
1367 - disabled: !isAllowed,
1368 - onClick: () => {
1369 - closeMenu();
1370 - handleRename();
1371 - }
1372 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_3__.MenuItemInfotip, {
1373 - showInfoTip: !isAllowed,
1374 - content: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("With your current role, you can use existing classes but can't modify them.", 'elementor')
1375 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Rename', 'elementor')));
1376 -}
1377 -
1378 -/***/ }),
1379 -
1380 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-selector.tsx":
1381 -/*!*******************************************************************************************************!*\
1382 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-selector.tsx ***!
1383 - \*******************************************************************************************************/
1384 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1385 -
1386 -__webpack_require__.r(__webpack_exports__);
1387 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1388 -/* harmony export */ ClassSelectorActionsSlot: function() { return /* binding */ ClassSelectorActionsSlot; },
1389 -/* harmony export */ CssClassSelector: function() { return /* binding */ CssClassSelector; },
1390 -/* harmony export */ injectIntoClassSelectorActions: function() { return /* binding */ injectIntoClassSelectorActions; }
1391 -/* harmony export */ });
1392 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1393 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1394 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
1395 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
1396 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1397 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
1398 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1399 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
1400 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
1401 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_4__);
1402 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1403 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
1404 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1405 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);
1406 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
1407 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
1408 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
1409 -/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
1410 -/* harmony import */ var _utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/tracking/subscribe */ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts");
1411 -/* harmony import */ var _creatable_autocomplete__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../creatable-autocomplete */ "./packages/packages/core/editor-editing-panel/src/components/creatable-autocomplete/index.ts");
1412 -/* harmony import */ var _css_class_item__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./css-class-item */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-item.tsx");
1413 -/* harmony import */ var _missing_classes_alert__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./missing-classes-alert */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/missing-classes-alert.tsx");
1414 -/* harmony import */ var _use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./use-apply-and-unapply-class */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts");
1415 -/* harmony import */ var _use_missing_classes__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./use-missing-classes */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-missing-classes.ts");
1416 -
1417 -
1418 -
1419 -
1420 -
1421 -
1422 -
1423 -
1424 -
1425 -
1426 -
1427 -
1428 -
1429 -
1430 -
1431 -
1432 -
1433 -
1434 -const ID = 'elementor-css-class-selector';
1435 -const TAGS_LIMIT = 50;
1436 -function openClassManagerPanel() {
1437 - window.dispatchEvent(new CustomEvent('elementor/toggle-design-system', {
1438 - detail: {
1439 - tab: 'classes'
1440 - }
1441 - }));
1442 -}
1443 -const EMPTY_OPTION = {
1444 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('local', 'elementor'),
1445 - value: null,
1446 - fixed: true,
1447 - color: getTempStylesProviderColorName('accent'),
1448 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.MapPinIcon, null),
1449 - provider: null
1450 -};
1451 -const {
1452 - Slot: ClassSelectorActionsSlot,
1453 - inject: injectIntoClassSelectorActions
1454 -} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_4__.createLocation)();
1455 -
1456 -/**
1457 - * Applied - Classes applied to an element.
1458 - * Active - Class that is currently on edit mode.
1459 - */
1460 -
1461 -function CssClassSelector() {
1462 - const options = useOptions();
1463 - const {
1464 - id: activeId,
1465 - setId: setActiveId
1466 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_9__.useStyle)();
1467 - const autocompleteRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1468 - const [renameError, setRenameError] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
1469 - const handleSelect = useHandleSelect();
1470 - const {
1471 - create,
1472 - validate,
1473 - entityName,
1474 - isAtLimit,
1475 - limitCount
1476 - } = useCreateAction();
1477 - const appliedOptions = useAppliedOptions(options);
1478 - const active = appliedOptions.find(option => option.value === activeId) ?? EMPTY_OPTION;
1479 - const showPlaceholder = appliedOptions.every(({
1480 - fixed
1481 - }) => fixed);
1482 - const {
1483 - userCan
1484 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
1485 - const canEdit = active.provider ? userCan(active.provider).updateProps : true;
1486 - const missingClassesIds = (0,_use_missing_classes__WEBPACK_IMPORTED_MODULE_16__.useMissingClassesIds)();
1487 - const hasMissingClasses = missingClassesIds.length > 0;
1488 - const unapplyClasses = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useUnapplyClasses)();
1489 - const clearMissingClasses = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
1490 - unapplyClasses(missingClassesIds);
1491 - }, [missingClassesIds, unapplyClasses]);
1492 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
1493 - p: 2
1494 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
1495 - direction: "row",
1496 - gap: 1,
1497 - alignItems: "center",
1498 - justifyContent: "space-between"
1499 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.FormLabel, {
1500 - htmlFor: ID,
1501 - size: "small"
1502 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Classes', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
1503 - direction: "row",
1504 - gap: 1
1505 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassSelectorActionsSlot, null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.WarningInfotip, {
1506 - open: Boolean(renameError),
1507 - text: renameError ?? '',
1508 - placement: "bottom",
1509 - width: autocompleteRef.current?.getBoundingClientRect().width,
1510 - offset: [0, -15]
1511 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_creatable_autocomplete__WEBPACK_IMPORTED_MODULE_12__.CreatableAutocomplete, {
1512 - id: ID,
1513 - ref: autocompleteRef,
1514 - size: "tiny",
1515 - placeholder: showPlaceholder ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Type class name', 'elementor') : undefined,
1516 - options: options,
1517 - selected: appliedOptions,
1518 - entityName: entityName,
1519 - onSelect: handleSelect,
1520 - onCreate: create ?? undefined,
1521 - validate: validate ?? undefined,
1522 - limitTags: TAGS_LIMIT,
1523 - renderEmptyState: isAtLimit && typeof limitCount === 'number' ? props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LimitReachedEmptyState, {
1524 - limitCount: limitCount,
1525 - onClear: props.onClear
1526 - }) : EmptyState,
1527 - getLimitTagsText: more => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Chip, {
1528 - size: "tiny",
1529 - variant: "standard",
1530 - label: `+${more}`,
1531 - clickable: true
1532 - }),
1533 - renderTags: (values, getTagProps) => values.map((value, index) => {
1534 - const chipProps = getTagProps({
1535 - index
1536 - });
1537 - const isActive = value.value === active?.value;
1538 - const renameLabel = newLabel => {
1539 - if (!value.value) {
1540 - throw new Error(`Cannot rename a class without style id`);
1541 - }
1542 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(value.provider ?? '', 'classRenamed', {
1543 - classId: value.value,
1544 - newValue: newLabel,
1545 - oldValue: value.label,
1546 - source: 'style-tab'
1547 - });
1548 - return updateClassByProvider(value.provider, {
1549 - label: newLabel,
1550 - id: value.value
1551 - });
1552 - };
1553 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_item__WEBPACK_IMPORTED_MODULE_13__.CssClassItem, {
1554 - key: chipProps.key,
1555 - fixed: value.fixed,
1556 - label: value.label,
1557 - provider: value.provider,
1558 - id: value.value,
1559 - isActive: isActive,
1560 - color: isActive && value.color ? value.color : 'default',
1561 - icon: value.icon,
1562 - chipProps: chipProps,
1563 - onClickActive: () => setActiveId(value.value),
1564 - renameLabel: renameLabel,
1565 - setError: setRenameError
1566 - });
1567 - })
1568 - })), hasMissingClasses && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_missing_classes_alert__WEBPACK_IMPORTED_MODULE_14__.MissingClassesAlert, {
1569 - onDismiss: clearMissingClasses
1570 - }), !canEdit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.InfoAlert, {
1571 - sx: {
1572 - mt: 1
1573 - }
1574 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('With your current role, you can use existing classes but can’t modify them.', 'elementor')));
1575 -}
1576 -const EmptyStateLayout = ({
1577 - searchValue,
1578 - onClear,
1579 - children
1580 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
1581 - sx: {
1582 - py: 4
1583 - }
1584 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
1585 - gap: 1,
1586 - alignItems: "center",
1587 - color: "text.secondary",
1588 - justifyContent: "center",
1589 - sx: {
1590 - px: 2,
1591 - m: 'auto',
1592 - maxWidth: '236px'
1593 - }
1594 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ColorSwatchIcon, {
1595 - sx: {
1596 - transform: 'rotate(90deg)'
1597 - },
1598 - fontSize: "large"
1599 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
1600 - align: "center",
1601 - variant: "subtitle2"
1602 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Sorry, nothing matched', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), "\u201C", searchValue, "\u201D."), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Link, {
1603 - color: "text.secondary",
1604 - variant: "caption",
1605 - component: "button",
1606 - onClick: onClear
1607 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Clear & try again', 'elementor'))));
1608 -const EmptyState = props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EmptyStateLayout, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
1609 - align: "center",
1610 - variant: "caption",
1611 - sx: {
1612 - mb: 2
1613 - }
1614 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('With your current role,', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('you can only use existing classes.', 'elementor')));
1615 -const LimitReachedEmptyState = ({
1616 - limitCount,
1617 - onClear
1618 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
1619 - sx: {
1620 - py: 4
1621 - }
1622 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
1623 - gap: 1,
1624 - alignItems: "center",
1625 - color: "text.secondary",
1626 - justifyContent: "center",
1627 - sx: {
1628 - px: 1,
1629 - m: 'auto',
1630 - maxWidth: '260px'
1631 - }
1632 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ColorSwatchIcon, {
1633 - sx: {
1634 - transform: 'rotate(90deg)'
1635 - },
1636 - fontSize: "large"
1637 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
1638 - align: "center",
1639 - variant: "subtitle2"
1640 -}, /* translators: %s is the maximum number of classes */
1641 -(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Limit of %s classes reached', 'elementor').replace('%s', String(limitCount))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
1642 - align: "center",
1643 - variant: "caption",
1644 - component: "div"
1645 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Remove a class to create a new one.', 'elementor'), ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Link, {
1646 - color: "inherit",
1647 - variant: "caption",
1648 - component: "button",
1649 - onClick: onClear,
1650 - sx: {
1651 - verticalAlign: 'baseline'
1652 - }
1653 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Clear', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Button, {
1654 - variant: "outlined",
1655 - color: "secondary",
1656 - size: "small",
1657 - onClick: () => {
1658 - openClassManagerPanel();
1659 - onClear();
1660 - }
1661 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Class Manager', 'elementor'))));
1662 -const updateClassByProvider = (provider, data) => {
1663 - if (!provider) {
1664 - return;
1665 - }
1666 - const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.getProviderByKey(provider);
1667 - if (!providerInstance) {
1668 - return;
1669 - }
1670 - return providerInstance.actions.update?.(data);
1671 -};
1672 -function useOptions() {
1673 - const {
1674 - element
1675 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.useElement)();
1676 - const isProviderEditable = provider => !!provider.actions.updateProps;
1677 - return (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useProviders)().filter(isProviderEditable).flatMap(provider => {
1678 - const isElements = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.isElementsStylesProvider)(provider.getKey());
1679 - const styleDefs = provider.actions.all({
1680 - elementId: element.id
1681 - });
1682 -
1683 - // Add an empty local option for elements, as fallback.
1684 - if (isElements && styleDefs.length === 0) {
1685 - return [EMPTY_OPTION];
1686 - }
1687 - return styleDefs.map(styleDef => {
1688 - return {
1689 - label: styleDef.label,
1690 - value: styleDef.id,
1691 - fixed: isElements,
1692 - color: getTempStylesProviderColorName((0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_10__.getStylesProviderColorName)(provider.getKey())),
1693 - icon: isElements ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.MapPinIcon, null) : null,
1694 - provider: provider.getKey()
1695 - };
1696 - });
1697 - });
1698 -}
1699 -function getTempStylesProviderColorName(color) {
1700 - if (color === 'accent') {
1701 - return 'primary';
1702 - }
1703 - return color;
1704 -}
1705 -function useCreateAction() {
1706 - const [provider, createAction] = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useCreateAndApplyClass)();
1707 - if (!provider || !createAction) {
1708 - return {};
1709 - }
1710 - const entityName = provider.labels.singular && provider.labels.plural ? provider.labels : undefined;
1711 - const validate = (newClassLabel, event) => (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.validateStyleLabel)(newClassLabel, event);
1712 - if (hasReachedLimit(provider)) {
1713 - return {
1714 - entityName,
1715 - isAtLimit: true,
1716 - limitCount: provider.limit,
1717 - validate
1718 - };
1719 - }
1720 - const create = classLabel => {
1721 - const {
1722 - createdId
1723 - } = createAction({
1724 - classLabel
1725 - });
1726 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(provider.getKey() ?? '', 'classCreated', {
1727 - source: 'created',
1728 - classTitle: classLabel,
1729 - classId: createdId
1730 - });
1731 - };
1732 - return {
1733 - create,
1734 - validate,
1735 - entityName,
1736 - isAtLimit: false
1737 - };
1738 -}
1739 -function hasReachedLimit(provider) {
1740 - return provider.actions.all().length >= provider.limit;
1741 -}
1742 -function useAppliedOptions(options) {
1743 - const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__.useClassesProp)();
1744 - const appliedIds = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.usePanelElementSetting)(currentClassesProp)?.value ?? [];
1745 - const appliedOptions = options.filter(option => option.value && appliedIds.includes(option.value));
1746 - const hasElementsProviderStyleApplied = appliedOptions.some(option => option.provider && (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.isElementsStylesProvider)(option.provider));
1747 - if (!hasElementsProviderStyleApplied) {
1748 - appliedOptions.unshift(EMPTY_OPTION);
1749 - }
1750 - return appliedOptions;
1751 -}
1752 -function useHandleSelect() {
1753 - const apply = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useUndoableApplyClass)();
1754 - const unapply = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_15__.useUndoableUnapplyClass)();
1755 - return (_selectedOptions, reason, option) => {
1756 - if (!option.value) {
1757 - return;
1758 - }
1759 - switch (reason) {
1760 - case 'selectOption':
1761 - apply({
1762 - classId: option.value,
1763 - classLabel: option.label
1764 - });
1765 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(option.provider ?? '', 'classApplied', {
1766 - classId: option.value,
1767 - source: 'style-tab'
1768 - });
1769 - break;
1770 - case 'removeOption':
1771 - unapply({
1772 - classId: option.value,
1773 - classLabel: option.label
1774 - });
1775 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_11__.trackStyles)(option.provider ?? '', 'classRemoved', {
1776 - classId: option.value,
1777 - source: 'style-tab'
1778 - });
1779 - break;
1780 - }
1781 - };
1782 -}
1783 -
1784 -/***/ }),
1785 -
1786 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/duplicate-class-menu-item.tsx":
1787 -/*!**************************************************************************************************************!*\
1788 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/duplicate-class-menu-item.tsx ***!
1789 - \**************************************************************************************************************/
1790 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1791 -
1792 -__webpack_require__.r(__webpack_exports__);
1793 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1794 -/* harmony export */ DuplicateClassMenuItem: function() { return /* binding */ DuplicateClassMenuItem; },
1795 -/* harmony export */ getUniqueDuplicateLabel: function() { return /* binding */ getUniqueDuplicateLabel; }
1796 -/* harmony export */ });
1797 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1798 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1799 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
1800 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
1801 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
1802 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
1803 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
1804 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_3__);
1805 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1806 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
1807 -/* harmony import */ var _utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/tracking/subscribe */ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts");
1808 -/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/consts.ts");
1809 -/* harmony import */ var _css_class_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./css-class-context */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-context.tsx");
1810 -/* harmony import */ var _use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use-apply-and-unapply-class */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts");
1811 -
1812 -
1813 -
1814 -
1815 -
1816 -
1817 -
1818 -
1819 -
1820 -const DUPLICATE_LABEL_PREFIX = 'copy-of';
1821 -function getUniqueDuplicateLabel(originalLabel, existingLabels) {
1822 - let newLabel = `${DUPLICATE_LABEL_PREFIX}-${originalLabel}`;
1823 - let counter = 2;
1824 - while (existingLabels.includes(newLabel)) {
1825 - newLabel = `${DUPLICATE_LABEL_PREFIX}-${originalLabel}-${counter}`;
1826 - counter++;
1827 - }
1828 - return newLabel;
1829 -}
1830 -function DuplicateClassMenuItem({
1831 - closeMenu
1832 -}) {
1833 - const {
1834 - id: classId,
1835 - provider
1836 - } = (0,_css_class_context__WEBPACK_IMPORTED_MODULE_7__.useCssClass)();
1837 - const {
1838 - userCan
1839 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
1840 - const applyClass = (0,_use_apply_and_unapply_class__WEBPACK_IMPORTED_MODULE_8__.useUndoableApplyClass)();
1841 - const [, setPendingEditId] = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_3__.useSessionStorage)(_consts__WEBPACK_IMPORTED_MODULE_6__.PENDING_CLASS_RENAME_SESSION_KEY, 'app');
1842 - if (!provider || !classId) {
1843 - return null;
1844 - }
1845 - const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.getProviderByKey(provider);
1846 - const createAction = providerInstance?.actions.create;
1847 - const getAction = providerInstance?.actions.get;
1848 - if (!createAction || !getAction) {
1849 - return null;
1850 - }
1851 - if (!userCan(provider).create) {
1852 - return null;
1853 - }
1854 - const handleDuplicate = () => {
1855 - const styleDef = getAction(classId);
1856 - if (!styleDef) {
1857 - closeMenu();
1858 - return;
1859 - }
1860 - const existingLabels = providerInstance.actions.all().map(style => style.label);
1861 - const newLabel = getUniqueDuplicateLabel(styleDef.label, existingLabels);
1862 - const newId = createAction(newLabel, styleDef.variants);
1863 - if (newId) {
1864 - applyClass({
1865 - classId: newId,
1866 - classLabel: newLabel
1867 - });
1868 - setPendingEditId(newId);
1869 - (0,_utils_tracking_subscribe__WEBPACK_IMPORTED_MODULE_5__.trackStyles)(provider, 'classCreated', {
1870 - classId: newId,
1871 - source: 'duplicated',
1872 - classTitle: newLabel
1873 - });
1874 - }
1875 - closeMenu();
1876 - };
1877 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuListItem, {
1878 - onClick: handleDuplicate
1879 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Duplicate', 'elementor'));
1880 -}
1881 -
1882 -/***/ }),
1883 -
1884 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/local-class-sub-menu.tsx":
1885 -/*!*********************************************************************************************************!*\
1886 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/local-class-sub-menu.tsx ***!
1887 - \*********************************************************************************************************/
1888 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1889 -
1890 -__webpack_require__.r(__webpack_exports__);
1891 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1892 -/* harmony export */ LocalClassSubMenu: function() { return /* binding */ LocalClassSubMenu; }
1893 -/* harmony export */ });
1894 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1895 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1896 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1897 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
1898 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1899 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
1900 -/* harmony import */ var _css_class_convert_local__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./css-class-convert-local */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-convert-local.tsx");
1901 -/* harmony import */ var _use_can_convert_local_class_to_global__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-can-convert-local-class-to-global */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-can-convert-local-class-to-global.ts");
1902 -
1903 -
1904 -
1905 -
1906 -
1907 -const LocalClassSubMenu = props => {
1908 - const {
1909 - canConvert,
1910 - styleDef
1911 - } = (0,_use_can_convert_local_class_to_global__WEBPACK_IMPORTED_MODULE_4__.useCanConvertLocalClassToGlobal)();
1912 - 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_1__.MenuSubheader, {
1913 - sx: {
1914 - typography: 'caption',
1915 - color: 'text.secondary',
1916 - pb: 0.5,
1917 - pt: 1
1918 - }
1919 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Local Class', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_class_convert_local__WEBPACK_IMPORTED_MODULE_3__.CssClassConvert, {
1920 - canConvert: canConvert,
1921 - styleDef: styleDef,
1922 - closeMenu: props.popupState.close
1923 - }));
1924 -};
1925 -
1926 -/***/ }),
1927 -
1928 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/missing-classes-alert.tsx":
1929 -/*!**********************************************************************************************************!*\
1930 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/missing-classes-alert.tsx ***!
1931 - \**********************************************************************************************************/
1932 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1933 -
1934 -__webpack_require__.r(__webpack_exports__);
1935 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1936 -/* harmony export */ MissingClassesAlert: function() { return /* binding */ MissingClassesAlert; }
1937 -/* harmony export */ });
1938 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1939 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1940 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1941 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__);
1942 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1943 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
1944 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1945 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
1946 -
1947 -
1948 -
1949 -
1950 -function MissingClassesAlert({
1951 - onDismiss
1952 -}) {
1953 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, {
1954 - severity: "warning",
1955 - onClose: onDismiss,
1956 - size: "small",
1957 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.AlertTriangleFilledIcon, {
1958 - fontSize: "tiny"
1959 - }),
1960 - sx: {
1961 - mt: 1
1962 - }
1963 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Some classes are missing', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, {
1964 - variant: "caption",
1965 - textColor: "primary"
1966 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('A class was removed from your site and is no longer active on this element', 'elementor')));
1967 -}
1968 -
1969 -/***/ }),
1970 -
1971 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts":
1972 -/*!***************************************************************************************************************!*\
1973 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/use-apply-and-unapply-class.ts ***!
1974 - \***************************************************************************************************************/
1975 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
1976 -
1977 -__webpack_require__.r(__webpack_exports__);
1978 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1979 -/* harmony export */ useCreateAndApplyClass: function() { return /* binding */ useCreateAndApplyClass; },
1980 -/* harmony export */ useUnapplyClasses: function() { return /* binding */ useUnapplyClasses; },
1981 -/* harmony export */ useUndoableApplyClass: function() { return /* binding */ useUndoableApplyClass; },
1982 -/* harmony export */ useUndoableUnapplyClass: function() { return /* binding */ useUndoableUnapplyClass; }
1983 -/* harmony export */ });
1984 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
1985 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1986 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
1987 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
1988 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
1989 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__);
1990 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
1991 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__);
1992 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1993 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
1994 -/* harmony import */ var _apply_unapply_actions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../apply-unapply-actions */ "./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts");
1995 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
1996 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
1997 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
1998 -
1999 -
2000 -
2001 -
2002 -
2003 -
2004 -
2005 -
2006 -
2007 -function useUndoableApplyClass() {
2008 - const {
2009 - id: activeId,
2010 - setId: setActiveId
2011 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
2012 - const {
2013 - element
2014 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
2015 - const applyClass = useApplyClass();
2016 - const unapplyClasses = useUnapplyClasses();
2017 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2018 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.undoable)({
2019 - do: ({
2020 - classId
2021 - }) => {
2022 - const prevActiveId = activeId;
2023 - applyClass(classId);
2024 - return prevActiveId;
2025 - },
2026 - undo: ({
2027 - classId
2028 - }, prevActiveId) => {
2029 - unapplyClasses([classId]);
2030 - setActiveId(prevActiveId);
2031 - }
2032 - }, {
2033 - title: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementLabel)(element.id),
2034 - subtitle: ({
2035 - classLabel
2036 - }) => {
2037 - /* translators: %s is the class name. */
2038 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)(`class %s applied`, 'elementor').replace('%s', classLabel);
2039 - }
2040 - });
2041 - }, [activeId, applyClass, element.id, unapplyClasses, setActiveId]);
2042 -}
2043 -function useUndoableUnapplyClass() {
2044 - const {
2045 - id: activeId,
2046 - setId: setActiveId
2047 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
2048 - const {
2049 - element
2050 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
2051 - const applyClass = useApplyClass();
2052 - const unapplyClasses = useUnapplyClasses();
2053 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2054 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.undoable)({
2055 - do: ({
2056 - classId
2057 - }) => {
2058 - const prevActiveId = activeId;
2059 - unapplyClasses([classId]);
2060 - return prevActiveId;
2061 - },
2062 - undo: ({
2063 - classId
2064 - }, prevActiveId) => {
2065 - applyClass(classId);
2066 - setActiveId(prevActiveId);
2067 - }
2068 - }, {
2069 - title: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementLabel)(element.id),
2070 - subtitle: ({
2071 - classLabel
2072 - }) => {
2073 - /* translators: %s is the class name. */
2074 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)(`class %s removed`, 'elementor').replace('%s', classLabel);
2075 - }
2076 - });
2077 - }, [activeId, applyClass, element.id, unapplyClasses, setActiveId]);
2078 -}
2079 -function useCreateAndApplyClass() {
2080 - const {
2081 - id: activeId,
2082 - setId: setActiveId
2083 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
2084 - const [provider, createAction] = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_2__.useGetStylesRepositoryCreateAction)() ?? [null, null];
2085 - const deleteAction = provider?.actions.delete;
2086 - const applyClass = useApplyClass();
2087 - const unapplyClasses = useUnapplyClasses();
2088 - const undoableCreateAndApply = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2089 - if (!provider || !createAction) {
2090 - return;
2091 - }
2092 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_3__.undoable)({
2093 - do: ({
2094 - classLabel
2095 - }) => {
2096 - const prevActiveId = activeId;
2097 - const createdId = createAction(classLabel);
2098 - applyClass(createdId);
2099 - return {
2100 - prevActiveId,
2101 - createdId
2102 - };
2103 - },
2104 - undo: (_, {
2105 - prevActiveId,
2106 - createdId
2107 - }) => {
2108 - unapplyClasses([createdId]);
2109 - deleteAction?.(createdId);
2110 - setActiveId(prevActiveId);
2111 - },
2112 - redo: ({
2113 - classLabel
2114 - }, {
2115 - createdId
2116 - }) => {
2117 - const prevActiveId = activeId;
2118 - createAction(classLabel, [], createdId);
2119 - applyClass(createdId);
2120 - return {
2121 - prevActiveId,
2122 - createdId
2123 - };
2124 - }
2125 - }, {
2126 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Class', 'elementor'),
2127 - subtitle: ({
2128 - classLabel
2129 - }) => {
2130 - /* translators: %s is the class name. */
2131 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)(`%s created`, 'elementor').replace('%s', classLabel);
2132 - }
2133 - });
2134 - }, [activeId, applyClass, createAction, deleteAction, provider, setActiveId, unapplyClasses]);
2135 - if (!provider || !undoableCreateAndApply) {
2136 - return [null, null];
2137 - }
2138 - return [provider, undoableCreateAndApply];
2139 -}
2140 -function useApplyClass() {
2141 - const {
2142 - element
2143 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
2144 - const {
2145 - setId: setActiveId
2146 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
2147 - const {
2148 - setClasses,
2149 - getAppliedClasses
2150 - } = useClasses();
2151 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classIDToApply => {
2152 - const appliedClasses = getAppliedClasses();
2153 - if (appliedClasses.includes(classIDToApply)) {
2154 - throw new Error(`Class ${classIDToApply} is already applied to element ${element.id}, cannot re-apply.`);
2155 - }
2156 - const updatedClassesIds = [...appliedClasses, classIDToApply];
2157 - setClasses(updatedClassesIds);
2158 - setActiveId(classIDToApply);
2159 - }, [element.id, getAppliedClasses, setActiveId, setClasses]);
2160 -}
2161 -function useUnapplyClasses() {
2162 - const {
2163 - element
2164 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
2165 - const {
2166 - id: activeId,
2167 - setId: setActiveId
2168 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
2169 - const {
2170 - setClasses,
2171 - getAppliedClasses
2172 - } = useClasses();
2173 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(classIDsToUnapply => {
2174 - const appliedClasses = getAppliedClasses();
2175 - if (!classIDsToUnapply.every(classID => appliedClasses.includes(classID))) {
2176 - const missingClasses = classIDsToUnapply.filter(classID => !appliedClasses.includes(classID));
2177 - throw new Error(`Classes ${missingClasses.join(', ')} are not applied to element ${element.id}, cannot unapply them.`);
2178 - }
2179 - const updatedClassesIds = appliedClasses.filter(id => !classIDsToUnapply.includes(id));
2180 - setClasses(updatedClassesIds);
2181 - if (activeId && classIDsToUnapply.includes(activeId)) {
2182 - setActiveId(updatedClassesIds[0] ?? null);
2183 - }
2184 - }, [activeId, element.id, getAppliedClasses, setActiveId, setClasses]);
2185 -}
2186 -function useClasses() {
2187 - const {
2188 - element
2189 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
2190 - const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_6__.useClassesProp)();
2191 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2192 - const setClasses = ids => {
2193 - (0,_apply_unapply_actions__WEBPACK_IMPORTED_MODULE_5__.doApplyClasses)(element.id, ids, currentClassesProp);
2194 - };
2195 - const getAppliedClasses = () => (0,_apply_unapply_actions__WEBPACK_IMPORTED_MODULE_5__.doGetAppliedClasses)(element.id, currentClassesProp) || [];
2196 - return {
2197 - setClasses,
2198 - getAppliedClasses
2199 - };
2200 - }, [currentClassesProp, element.id]);
2201 -}
2202 -
2203 -/***/ }),
2204 -
2205 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-can-convert-local-class-to-global.ts":
2206 -/*!*************************************************************************************************************************!*\
2207 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/use-can-convert-local-class-to-global.ts ***!
2208 - \*************************************************************************************************************************/
2209 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2210 -
2211 -__webpack_require__.r(__webpack_exports__);
2212 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2213 -/* harmony export */ useCanConvertLocalClassToGlobal: function() { return /* binding */ useCanConvertLocalClassToGlobal; }
2214 -/* harmony export */ });
2215 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
2216 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__);
2217 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
2218 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
2219 -
2220 -
2221 -
2222 -const useCanConvertLocalClassToGlobal = () => {
2223 - const {
2224 - element
2225 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_1__.useElement)();
2226 - const {
2227 - provider,
2228 - id,
2229 - meta
2230 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_2__.useStyle)();
2231 - const styleDef = provider?.actions.get(id, {
2232 - elementId: element.id,
2233 - ...meta
2234 - });
2235 - const isLocalStylesProvider = provider && (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.isElementsStylesProvider)(provider?.getKey());
2236 - const variants = styleDef?.variants || [];
2237 - const canConvert = !!(isLocalStylesProvider && variants.length);
2238 - return {
2239 - canConvert,
2240 - isLocalStylesProvider,
2241 - id,
2242 - styleDef: styleDef || null
2243 - };
2244 -};
2245 -
2246 -/***/ }),
2247 -
2248 -/***/ "./packages/packages/core/editor-editing-panel/src/components/css-classes/use-missing-classes.ts":
2249 -/*!*******************************************************************************************************!*\
2250 - !*** ./packages/packages/core/editor-editing-panel/src/components/css-classes/use-missing-classes.ts ***!
2251 - \*******************************************************************************************************/
2252 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2253 -
2254 -__webpack_require__.r(__webpack_exports__);
2255 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2256 -/* harmony export */ useMissingClassesIds: function() { return /* binding */ useMissingClassesIds; }
2257 -/* harmony export */ });
2258 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
2259 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__);
2260 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
2261 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
2262 -
2263 -
2264 -
2265 -function useMissingClassesIds() {
2266 - const providers = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.useProviders)();
2267 - const currentClassesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_1__.useClassesProp)();
2268 - const appliedIds = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.usePanelElementSetting)(currentClassesProp)?.value ?? [];
2269 - const allKnownIds = new Set(providers.flatMap(provider => provider.actions.all().map(style => style.id)));
2270 - return appliedIds.filter(id => !allKnownIds.has(id));
2271 -}
2272 -
2273 -/***/ }),
2274 -
2275 -/***/ "./packages/packages/core/editor-editing-panel/src/components/custom-css-indicator.tsx":
2276 -/*!*********************************************************************************************!*\
2277 - !*** ./packages/packages/core/editor-editing-panel/src/components/custom-css-indicator.tsx ***!
2278 - \*********************************************************************************************/
2279 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2280 -
2281 -__webpack_require__.r(__webpack_exports__);
2282 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2283 -/* harmony export */ CustomCssIndicator: function() { return /* binding */ CustomCssIndicator; }
2284 -/* harmony export */ });
2285 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2286 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2287 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
2288 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__);
2289 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
2290 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__);
2291 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
2292 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
2293 -/* harmony import */ var _hooks_use_custom_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-custom-css */ "./packages/packages/core/editor-editing-panel/src/hooks/use-custom-css.ts");
2294 -/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
2295 -/* harmony import */ var _style_indicator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");
2296 -
2297 -
2298 -
2299 -
2300 -
2301 -
2302 -
2303 -
2304 -
2305 -const CustomCssIndicator = () => {
2306 - const {
2307 - customCss
2308 - } = (0,_hooks_use_custom_css__WEBPACK_IMPORTED_MODULE_5__.useCustomCss)();
2309 - const {
2310 - id: styleId,
2311 - provider,
2312 - meta
2313 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_4__.useStyle)();
2314 - const {
2315 - element: {
2316 - id: elementId
2317 - }
2318 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_3__.useElement)();
2319 - const style = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => styleId && provider ? provider.actions.get(styleId, {
2320 - elementId
2321 - }) : null, [styleId, provider, elementId]);
2322 - const hasContent = Boolean(customCss?.raw?.trim());
2323 - const hasInheritedContent = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
2324 - if (hasContent) {
2325 - return false;
2326 - }
2327 - return hasInheritedCustomCss(style, meta);
2328 - }, [hasContent, style, meta]);
2329 - if (!hasContent) {
2330 - if (hasInheritedContent) {
2331 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_indicator__WEBPACK_IMPORTED_MODULE_7__.StyleIndicator, null);
2332 - }
2333 - return null;
2334 - }
2335 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_indicator__WEBPACK_IMPORTED_MODULE_7__.StyleIndicator, {
2336 - getColor: provider ? (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_6__.getStylesProviderThemeColor)(provider.getKey()) : undefined
2337 - });
2338 -};
2339 -const hasInheritedCustomCss = (style, meta) => {
2340 - if (!style || !meta) {
2341 - return false;
2342 - }
2343 - const target = meta.breakpoint ?? 'desktop';
2344 - const root = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__.getBreakpointsTree)();
2345 - const state = meta.state;
2346 - function search(node, ancestorHasCss) {
2347 - if (!style) {
2348 - return undefined;
2349 - }
2350 - const hasHere = Boolean((0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.getVariantByMeta)(style, {
2351 - breakpoint: node.id,
2352 - state
2353 - })?.custom_css?.raw?.trim());
2354 - if (node.id === target) {
2355 - return ancestorHasCss;
2356 - }
2357 - for (const child of node.children ?? []) {
2358 - const res = search(child, ancestorHasCss || hasHere);
2359 - if (res !== undefined) {
2360 - return res;
2361 - }
2362 - }
2363 - return undefined;
2364 - }
2365 - return Boolean(search(root, false));
2366 -};
2367 -
2368 -/***/ }),
2369 -
2370 -/***/ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-error-fallback.tsx":
2371 -/*!*****************************************************************************************************!*\
2372 - !*** ./packages/packages/core/editor-editing-panel/src/components/editing-panel-error-fallback.tsx ***!
2373 - \*****************************************************************************************************/
2374 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2375 -
2376 -__webpack_require__.r(__webpack_exports__);
2377 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2378 -/* harmony export */ EditorPanelErrorFallback: function() { return /* binding */ EditorPanelErrorFallback; }
2379 -/* harmony export */ });
2380 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2381 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2382 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2383 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
2384 -
2385 -
2386 -function EditorPanelErrorFallback() {
2387 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
2388 - role: "alert",
2389 - sx: {
2390 - minHeight: '100%',
2391 - p: 2
2392 - }
2393 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, {
2394 - severity: "error",
2395 - sx: {
2396 - mb: 2,
2397 - maxWidth: 400,
2398 - textAlign: 'center'
2399 - }
2400 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, "Something went wrong")));
2401 -}
2402 -
2403 -/***/ }),
2404 -
2405 -/***/ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-hooks.tsx":
2406 -/*!********************************************************************************************!*\
2407 - !*** ./packages/packages/core/editor-editing-panel/src/components/editing-panel-hooks.tsx ***!
2408 - \********************************************************************************************/
2409 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2410 -
2411 -__webpack_require__.r(__webpack_exports__);
2412 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2413 -/* harmony export */ EditingPanelHooks: function() { return /* binding */ EditingPanelHooks; }
2414 -/* harmony export */ });
2415 -/* harmony import */ var _hooks_use_open_editor_panel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../hooks/use-open-editor-panel */ "./packages/packages/core/editor-editing-panel/src/hooks/use-open-editor-panel.ts");
2416 -
2417 -const EditingPanelHooks = () => {
2418 - (0,_hooks_use_open_editor_panel__WEBPACK_IMPORTED_MODULE_0__.useOpenEditorPanel)();
2419 - return null;
2420 -};
2421 -
2422 -/***/ }),
2423 -
2424 -/***/ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-sticky-promotion.tsx":
2425 -/*!*******************************************************************************************************!*\
2426 - !*** ./packages/packages/core/editor-editing-panel/src/components/editing-panel-sticky-promotion.tsx ***!
2427 - \*******************************************************************************************************/
2428 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2429 -
2430 -__webpack_require__.r(__webpack_exports__);
2431 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2432 -/* harmony export */ EditingPanelStickyPromotion: function() { return /* binding */ EditingPanelStickyPromotion; }
2433 -/* harmony export */ });
2434 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2435 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2436 -
2437 -function getStickyPromotion() {
2438 - return window.elementor?.config?.editingPanelStickyPromotion;
2439 -}
2440 -const EditingPanelStickyPromotion = () => {
2441 - const promotion = getStickyPromotion();
2442 - if (!promotion) {
2443 - return null;
2444 - }
2445 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
2446 - className: "elementor-panel-editor-sticky-promotion"
2447 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
2448 - className: "elementor-get-pro-sticky-message"
2449 - }, promotion.message, ' ', /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", {
2450 - target: "_blank",
2451 - rel: "noreferrer",
2452 - href: promotion.url
2453 - }, promotion.button_text)));
2454 -};
2455 -
2456 -/***/ }),
2457 -
2458 -/***/ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-tabs.tsx":
2459 -/*!*******************************************************************************************!*\
2460 - !*** ./packages/packages/core/editor-editing-panel/src/components/editing-panel-tabs.tsx ***!
2461 - \*******************************************************************************************/
2462 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2463 -
2464 -__webpack_require__.r(__webpack_exports__);
2465 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2466 -/* harmony export */ EditingPanelTabs: function() { return /* binding */ EditingPanelTabs; }
2467 -/* harmony export */ });
2468 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2469 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2470 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
2471 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
2472 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
2473 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__);
2474 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2475 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
2476 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2477 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
2478 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
2479 -/* harmony import */ var _contexts_scroll_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../contexts/scroll-context */ "./packages/packages/core/editor-editing-panel/src/contexts/scroll-context.tsx");
2480 -/* harmony import */ var _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
2481 -/* harmony import */ var _hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks/use-state-by-element */ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts");
2482 -/* harmony import */ var _interactions_tab__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./interactions-tab */ "./packages/packages/core/editor-editing-panel/src/components/interactions-tab.tsx");
2483 -/* harmony import */ var _settings_tab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./settings-tab */ "./packages/packages/core/editor-editing-panel/src/components/settings-tab.tsx");
2484 -/* harmony import */ var _style_tab__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./style-tab */ "./packages/packages/core/editor-editing-panel/src/components/style-tab.tsx");
2485 -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); }
2486 -
2487 -
2488 -
2489 -
2490 -
2491 -
2492 -
2493 -
2494 -
2495 -
2496 -
2497 -
2498 -
2499 -const EditingPanelTabs = () => {
2500 - const {
2501 - element
2502 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_5__.useElement)();
2503 - return (
2504 - /*#__PURE__*/
2505 - // When switching between elements, the local states should be reset. We are using key to rerender the tabs.
2506 - // Reference: https://react.dev/learn/preserving-and-resetting-state#resetting-a-form-with-a-key
2507 - react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
2508 - key: element.id
2509 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelTabContent, null))
2510 - );
2511 -};
2512 -const PanelTabContent = () => {
2513 - const {
2514 - element
2515 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_5__.useElement)();
2516 - const editorDefaults = (0,_hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_7__.useDefaultPanelSettings)();
2517 - const defaultComponentTab = editorDefaults.defaultTab;
2518 - const isInteractionsActive = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.isExperimentActive)('e_interactions');
2519 - const isPromotedElement = !!(0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getWidgetsCache)()?.[element.type]?.meta?.is_pro_promotion;
2520 - const [storedTab, setCurrentTab] = (0,_hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_8__.useStateByElement)('tab', defaultComponentTab);
2521 - const currentTab = isPromotedElement && storedTab === 'settings' ? 'style' : storedTab;
2522 - const {
2523 - getTabProps,
2524 - getTabPanelProps,
2525 - getTabsProps
2526 - } = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.useTabs)(currentTab);
2527 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_scroll_context__WEBPACK_IMPORTED_MODULE_6__.ScrollProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
2528 - direction: "column",
2529 - sx: {
2530 - width: '100%'
2531 - }
2532 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
2533 - sx: {
2534 - ..._style_tab__WEBPACK_IMPORTED_MODULE_11__.stickyHeaderStyles,
2535 - top: 0
2536 - }
2537 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tabs, _extends({
2538 - variant: "fullWidth",
2539 - size: "small",
2540 - sx: {
2541 - mt: 0.5
2542 - }
2543 - }, getTabsProps(), {
2544 - onChange: (_, newValue) => {
2545 - getTabsProps().onChange(_, newValue);
2546 - setCurrentTab(newValue);
2547 - }
2548 - }), !isPromotedElement && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tab, _extends({
2549 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('General', 'elementor')
2550 - }, getTabProps('settings'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tab, _extends({
2551 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Style', 'elementor')
2552 - }, getTabProps('style'))), isInteractionsActive && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tab, _extends({
2553 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Interactions', 'elementor')
2554 - }, getTabProps('interactions')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Divider, null)), !isPromotedElement && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TabPanel, _extends({}, getTabPanelProps('settings'), {
2555 - disablePadding: true
2556 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_tab__WEBPACK_IMPORTED_MODULE_10__.SettingsTab, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TabPanel, _extends({}, getTabPanelProps('style'), {
2557 - disablePadding: true
2558 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab__WEBPACK_IMPORTED_MODULE_11__.StyleTab, null)), isInteractionsActive && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TabPanel, _extends({}, getTabPanelProps('interactions'), {
2559 - disablePadding: true
2560 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_interactions_tab__WEBPACK_IMPORTED_MODULE_9__.InteractionsTab, null))));
2561 -};
2562 -
2563 -/***/ }),
2564 -
2565 -/***/ "./packages/packages/core/editor-editing-panel/src/components/editing-panel.tsx":
2566 -/*!**************************************************************************************!*\
2567 - !*** ./packages/packages/core/editor-editing-panel/src/components/editing-panel.tsx ***!
2568 - \**************************************************************************************/
2569 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2570 -
2571 -__webpack_require__.r(__webpack_exports__);
2572 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2573 -/* harmony export */ EditingPanel: function() { return /* binding */ EditingPanel; },
2574 -/* harmony export */ PanelHeaderTopSlot: function() { return /* binding */ PanelHeaderTopSlot; },
2575 -/* harmony export */ injectIntoPanelHeaderTop: function() { return /* binding */ injectIntoPanelHeaderTop; }
2576 -/* harmony export */ });
2577 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2578 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2579 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
2580 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
2581 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
2582 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__);
2583 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
2584 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__);
2585 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2586 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__);
2587 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
2588 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__);
2589 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
2590 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_6__);
2591 -/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @elementor/menus */ "@elementor/menus");
2592 -/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_elementor_menus__WEBPACK_IMPORTED_MODULE_7__);
2593 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
2594 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_8__);
2595 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2596 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_9__);
2597 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2598 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_10__);
2599 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
2600 -/* harmony import */ var _editing_panel_replacement_registry__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../editing-panel-replacement-registry */ "./packages/packages/core/editor-editing-panel/src/editing-panel-replacement-registry.tsx");
2601 -/* harmony import */ var _editing_panel_error_fallback__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./editing-panel-error-fallback */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-error-fallback.tsx");
2602 -/* harmony import */ var _editing_panel_sticky_promotion__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./editing-panel-sticky-promotion */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-sticky-promotion.tsx");
2603 -/* harmony import */ var _editing_panel_tabs__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./editing-panel-tabs */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-tabs.tsx");
2604 -
2605 -
2606 -
2607 -
2608 -
2609 -
2610 -
2611 -
2612 -
2613 -
2614 -
2615 -
2616 -
2617 -
2618 -
2619 -
2620 -const {
2621 - Slot: PanelHeaderTopSlot,
2622 - inject: injectIntoPanelHeaderTop
2623 -} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_6__.createLocation)();
2624 -const {
2625 - useMenuItems
2626 -} = _elementor_menus__WEBPACK_IMPORTED_MODULE_7__.controlActionsMenu;
2627 -const EditingPanel = () => {
2628 - const {
2629 - element,
2630 - elementType,
2631 - settings
2632 - } = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useSelectedElementSettings)();
2633 - const controlReplacements = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.getControlReplacements)();
2634 - const menuItems = useMenuItems().default;
2635 - if (!element || !elementType) {
2636 - return null;
2637 - }
2638 -
2639 - /* translators: %s: Element type title. */
2640 - const panelTitle = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_10__.__)('Edit %s', 'elementor').replace('%s', elementType.title);
2641 - const {
2642 - component: ReplacementComponent
2643 - } = (0,_editing_panel_replacement_registry__WEBPACK_IMPORTED_MODULE_12__.getEditingPanelReplacement)(element, elementType) ?? {};
2644 - let panelContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelHeader, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelHeaderTitle, null, panelTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_5__.AtomIcon, {
2645 - fontSize: "small",
2646 - sx: {
2647 - color: 'text.tertiary'
2648 - }
2649 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
2650 - sx: {
2651 - height: 'auto',
2652 - flex: 1,
2653 - minHeight: 0
2654 - }
2655 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_editing_panel_tabs__WEBPACK_IMPORTED_MODULE_15__.EditingPanelTabs, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_editing_panel_sticky_promotion__WEBPACK_IMPORTED_MODULE_14__.EditingPanelStickyPromotion, null));
2656 - if (ReplacementComponent) {
2657 - panelContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ReplacementComponent, null);
2658 - }
2659 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_9__.ErrorBoundary, {
2660 - fallback: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_editing_panel_error_fallback__WEBPACK_IMPORTED_MODULE_13__.EditorPanelErrorFallback, null)
2661 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_8__.SessionStorageProvider, {
2662 - prefix: 'elementor'
2663 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_4__.ThemeProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlActionsProvider, {
2664 - items: menuItems
2665 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlReplacementsProvider, {
2666 - replacements: controlReplacements
2667 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_element_context__WEBPACK_IMPORTED_MODULE_11__.ElementProvider, {
2668 - element: element,
2669 - elementType: elementType,
2670 - settings: settings
2671 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_3__.Panel, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(PanelHeaderTopSlot, null), panelContent)))))));
2672 -};
2673 -
2674 -/***/ }),
2675 -
2676 -/***/ "./packages/packages/core/editor-editing-panel/src/components/interactions-tab.tsx":
2677 -/*!*****************************************************************************************!*\
2678 - !*** ./packages/packages/core/editor-editing-panel/src/components/interactions-tab.tsx ***!
2679 - \*****************************************************************************************/
2680 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2681 -
2682 -__webpack_require__.r(__webpack_exports__);
2683 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2684 -/* harmony export */ InteractionsTab: function() { return /* binding */ InteractionsTab; }
2685 -/* harmony export */ });
2686 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2687 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2688 -/* harmony import */ var _elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-interactions */ "@elementor/editor-interactions");
2689 -/* harmony import */ var _elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__);
2690 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
2691 -/* harmony import */ var _sections_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./sections-list */ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx");
2692 -
2693 -
2694 -
2695 -
2696 -const InteractionsTab = () => {
2697 - const {
2698 - element
2699 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.useElement)();
2700 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sections_list__WEBPACK_IMPORTED_MODULE_3__.SectionsList, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_interactions__WEBPACK_IMPORTED_MODULE_1__.InteractionsTab, {
2701 - elementId: element.id
2702 - }));
2703 -};
2704 -
2705 -/***/ }),
2706 -
2707 -/***/ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx":
2708 -/*!**************************************************************************************!*\
2709 - !*** ./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx ***!
2710 - \**************************************************************************************/
2711 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2712 -
2713 -__webpack_require__.r(__webpack_exports__);
2714 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2715 -/* harmony export */ PanelDivider: function() { return /* binding */ PanelDivider; }
2716 -/* harmony export */ });
2717 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2718 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2719 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2720 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
2721 -
2722 -
2723 -const PanelDivider = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Divider, {
2724 - sx: {
2725 - my: 0.5
2726 - }
2727 -});
2728 -
2729 -/***/ }),
2730 -
2731 -/***/ "./packages/packages/core/editor-editing-panel/src/components/promotions/custom-css.tsx":
2732 -/*!**********************************************************************************************!*\
2733 - !*** ./packages/packages/core/editor-editing-panel/src/components/promotions/custom-css.tsx ***!
2734 - \**********************************************************************************************/
2735 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2736 -
2737 -__webpack_require__.r(__webpack_exports__);
2738 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2739 -/* harmony export */ CustomCssSection: function() { return /* binding */ CustomCssSection; }
2740 -/* harmony export */ });
2741 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2742 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2743 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
2744 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
2745 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
2746 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
2747 -/* harmony import */ var _style_tab_section__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../style-tab-section */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx");
2748 -
2749 -
2750 -
2751 -
2752 -
2753 -const TRACKING_DATA = {
2754 - target_name: 'custom_css',
2755 - location_l2: 'style'
2756 -};
2757 -const CustomCssSection = () => {
2758 - const triggerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
2759 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_3__.StyleTabSection, {
2760 - section: {
2761 - name: 'Custom CSS',
2762 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Custom CSS', 'elementor'),
2763 - action: {
2764 - component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PromotionTrigger, {
2765 - ref: triggerRef,
2766 - promotionKey: "customCss",
2767 - trackingData: TRACKING_DATA
2768 - }),
2769 - onClick: () => triggerRef.current?.toggle()
2770 - }
2771 - }
2772 - });
2773 -};
2774 -
2775 -/***/ }),
2776 -
2777 -/***/ "./packages/packages/core/editor-editing-panel/src/components/promotions/init.tsx":
2778 -/*!****************************************************************************************!*\
2779 - !*** ./packages/packages/core/editor-editing-panel/src/components/promotions/init.tsx ***!
2780 - \****************************************************************************************/
2781 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2782 -
2783 -__webpack_require__.r(__webpack_exports__);
2784 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2785 -/* harmony export */ init: function() { return /* binding */ init; }
2786 -/* harmony export */ });
2787 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
2788 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
2789 -/* harmony import */ var _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../controls-registry/controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
2790 -/* harmony import */ var _style_tab__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../style-tab */ "./packages/packages/core/editor-editing-panel/src/components/style-tab.tsx");
2791 -/* harmony import */ var _custom_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./custom-css */ "./packages/packages/core/editor-editing-panel/src/components/promotions/custom-css.tsx");
2792 -
2793 -
2794 -
2795 -
2796 -const init = () => {
2797 - (0,_style_tab__WEBPACK_IMPORTED_MODULE_2__.injectIntoStyleTab)({
2798 - id: 'custom-css',
2799 - component: _custom_css__WEBPACK_IMPORTED_MODULE_3__.CustomCssSection,
2800 - options: {
2801 - overwrite: true
2802 - }
2803 - });
2804 - if (!window.elementorPro) {
2805 - _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_1__.controlsRegistry.register('attributes', _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.AttributesControl, 'two-columns');
2806 - _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_1__.controlsRegistry.register('display-conditions', _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.DisplayConditionsControl, 'two-columns');
2807 - }
2808 -};
2809 -
2810 -/***/ }),
2811 -
2812 -/***/ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx":
2813 -/*!****************************************************************************************!*\
2814 - !*** ./packages/packages/core/editor-editing-panel/src/components/section-content.tsx ***!
2815 - \****************************************************************************************/
2816 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2817 -
2818 -__webpack_require__.r(__webpack_exports__);
2819 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2820 -/* harmony export */ SectionContent: function() { return /* binding */ SectionContent; }
2821 -/* harmony export */ });
2822 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2823 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2824 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2825 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
2826 -
2827 -
2828 -const SectionContent = ({
2829 - gap = 2,
2830 - sx,
2831 - children,
2832 - 'aria-label': ariaLabel,
2833 - className
2834 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
2835 - gap: gap,
2836 - sx: {
2837 - ...sx
2838 - },
2839 - "aria-label": ariaLabel,
2840 - className: className
2841 -}, children);
2842 -
2843 -/***/ }),
2844 -
2845 -/***/ "./packages/packages/core/editor-editing-panel/src/components/section.tsx":
2846 -/*!********************************************************************************!*\
2847 - !*** ./packages/packages/core/editor-editing-panel/src/components/section.tsx ***!
2848 - \********************************************************************************/
2849 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2850 -
2851 -__webpack_require__.r(__webpack_exports__);
2852 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2853 -/* harmony export */ Section: function() { return /* binding */ Section; }
2854 -/* harmony export */ });
2855 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2856 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2857 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
2858 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
2859 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2860 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
2861 -/* harmony import */ var _hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-state-by-element */ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts");
2862 -
2863 -
2864 -
2865 -
2866 -
2867 -function Section({
2868 - title,
2869 - children,
2870 - defaultExpanded = false,
2871 - titleEnd,
2872 - unmountOnExit = true,
2873 - action
2874 -}) {
2875 - const [isOpen, setIsOpen] = (0,_hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_3__.useStateByElement)(title, !!defaultExpanded);
2876 - const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
2877 - const isDisabled = !!action;
2878 - const handleClick = () => {
2879 - if (isDisabled) {
2880 - action?.onClick();
2881 - } else {
2882 - setIsOpen(!isOpen);
2883 - }
2884 - };
2885 - const id = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
2886 - const labelId = `label-${id}`;
2887 - const contentId = `content-${id}`;
2888 - 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_2__.ListItemButton, {
2889 - id: labelId,
2890 - "aria-controls": contentId,
2891 - "aria-label": `${title} section`,
2892 - onClick: handleClick,
2893 - sx: {
2894 - '&:hover': {
2895 - backgroundColor: 'transparent'
2896 - }
2897 - }
2898 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
2899 - direction: "row",
2900 - alignItems: "center",
2901 - justifyItems: "start",
2902 - flexGrow: 1,
2903 - gap: 0.5
2904 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.ListItemText, {
2905 - secondary: title,
2906 - secondaryTypographyProps: {
2907 - color: 'text.primary',
2908 - variant: 'caption',
2909 - fontWeight: 'bold'
2910 - },
2911 - sx: {
2912 - flexGrow: 0,
2913 - flexShrink: 1,
2914 - marginInlineEnd: 1
2915 - }
2916 - }), (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.getCollapsibleValue)(titleEnd, isOpen)), action?.component, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.CollapseIcon, {
2917 - open: isOpen,
2918 - color: "secondary",
2919 - fontSize: "tiny",
2920 - disabled: isDisabled,
2921 - sx: {
2922 - ml: 1
2923 - }
2924 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Collapse, {
2925 - id: contentId,
2926 - "aria-labelledby": labelId,
2927 - in: isOpen,
2928 - timeout: "auto",
2929 - unmountOnExit: unmountOnExit
2930 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.SectionRefContext.Provider, {
2931 - value: ref
2932 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
2933 - ref: ref,
2934 - gap: 2.5,
2935 - p: 2,
2936 - "aria-label": `${title} section content`
2937 - }, children))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, null));
2938 -}
2939 -
2940 -/***/ }),
2941 -
2942 -/***/ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx":
2943 -/*!**************************************************************************************!*\
2944 - !*** ./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx ***!
2945 - \**************************************************************************************/
2946 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2947 -
2948 -__webpack_require__.r(__webpack_exports__);
2949 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2950 -/* harmony export */ SectionsList: function() { return /* binding */ SectionsList; }
2951 -/* harmony export */ });
2952 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2953 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2954 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2955 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
2956 -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); }
2957 -
2958 -
2959 -function SectionsList(props) {
2960 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.List, _extends({
2961 - disablePadding: true,
2962 - component: "div"
2963 - }, props));
2964 -}
2965 -
2966 -/***/ }),
2967 -
2968 -/***/ "./packages/packages/core/editor-editing-panel/src/components/settings-control.tsx":
2969 -/*!*****************************************************************************************!*\
2970 - !*** ./packages/packages/core/editor-editing-panel/src/components/settings-control.tsx ***!
2971 - \*****************************************************************************************/
2972 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
2973 -
2974 -__webpack_require__.r(__webpack_exports__);
2975 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2976 -/* harmony export */ SettingsControl: function() { return /* binding */ SettingsControl; }
2977 -/* harmony export */ });
2978 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
2979 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
2980 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
2981 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
2982 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
2983 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
2984 -/* harmony import */ var _controls_registry_control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../controls-registry/control */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control.tsx");
2985 -/* harmony import */ var _controls_registry_control_type_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../controls-registry/control-type-container */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx");
2986 -/* harmony import */ var _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../controls-registry/controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
2987 -/* harmony import */ var _controls_registry_settings_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../controls-registry/settings-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx");
2988 -/* harmony import */ var _field_indicators_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../field-indicators-registry */ "./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts");
2989 -/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
2990 -
2991 -
2992 -
2993 -
2994 -
2995 -
2996 -
2997 -
2998 -
2999 -const Wrapper = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)('span')`
3000 - display: contents;
3001 -`;
3002 -const SettingsControl = ({
3003 - control: {
3004 - value,
3005 - type
3006 - }
3007 -}) => {
3008 - if (!_controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.get(value.type)) {
3009 - return null;
3010 - }
3011 - const layout = value.meta?.layout || _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.getLayout(value.type);
3012 - const controlProps = populateChildControlProps(value.props);
3013 - if (layout === 'custom') {
3014 - controlProps.label = value.label;
3015 - }
3016 - if (type === 'element-control') {
3017 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlLayout, {
3018 - control: value,
3019 - layout: layout,
3020 - controlProps: controlProps
3021 - });
3022 - }
3023 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_settings_field__WEBPACK_IMPORTED_MODULE_6__.SettingsField, {
3024 - bind: value.bind,
3025 - propDisplayName: value.label || value.bind
3026 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlLayout, {
3027 - control: value,
3028 - layout: layout,
3029 - controlProps: controlProps
3030 - }));
3031 -};
3032 -const ControlLayout = ({
3033 - control,
3034 - layout,
3035 - controlProps
3036 -}) => {
3037 - const controlType = control.type;
3038 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornmentsProvider, {
3039 - items: (0,_field_indicators_registry__WEBPACK_IMPORTED_MODULE_7__.getFieldIndicators)('settings')
3040 - }, control.meta?.topDivider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, {
3041 - "data-type": "settings-field"
3042 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_control_type_container__WEBPACK_IMPORTED_MODULE_4__.ControlTypeContainer, {
3043 - layout: layout
3044 - }, control.label && layout !== 'custom' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_8__.ControlLabel, null, control.label) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_control__WEBPACK_IMPORTED_MODULE_3__.Control, {
3045 - type: controlType,
3046 - props: controlProps
3047 - }))));
3048 -};
3049 -function populateChildControlProps(props) {
3050 - if (props.childControlType) {
3051 - const childComponent = _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.get(props.childControlType);
3052 - const childPropType = _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_5__.controlsRegistry.getPropTypeUtil(props.childControlType);
3053 - props = {
3054 - ...props,
3055 - childControlConfig: {
3056 - component: childComponent,
3057 - props: props.childControlProps || {},
3058 - propTypeUtil: childPropType
3059 - }
3060 - };
3061 - }
3062 - return props;
3063 -}
3064 -
3065 -/***/ }),
3066 -
3067 -/***/ "./packages/packages/core/editor-editing-panel/src/components/settings-tab.tsx":
3068 -/*!*************************************************************************************!*\
3069 - !*** ./packages/packages/core/editor-editing-panel/src/components/settings-tab.tsx ***!
3070 - \*************************************************************************************/
3071 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3072 -
3073 -__webpack_require__.r(__webpack_exports__);
3074 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3075 -/* harmony export */ SettingsTab: function() { return /* binding */ SettingsTab; }
3076 -/* harmony export */ });
3077 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3078 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3079 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
3080 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_1__);
3081 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
3082 -/* harmony import */ var _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
3083 -/* harmony import */ var _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/prop-dependency-utils */ "./packages/packages/core/editor-editing-panel/src/utils/prop-dependency-utils.ts");
3084 -/* harmony import */ var _section__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./section */ "./packages/packages/core/editor-editing-panel/src/components/section.tsx");
3085 -/* harmony import */ var _sections_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sections-list */ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx");
3086 -/* harmony import */ var _settings_control__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./settings-control */ "./packages/packages/core/editor-editing-panel/src/components/settings-control.tsx");
3087 -
3088 -
3089 -
3090 -
3091 -
3092 -
3093 -
3094 -
3095 -const SettingsTab = () => {
3096 - const {
3097 - elementType,
3098 - element,
3099 - settings
3100 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.useElement)();
3101 - const settingsDefault = (0,_hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_3__.useDefaultPanelSettings)();
3102 - const currentSettings = settings;
3103 - const isDefaultExpanded = sectionId => !!sectionId && settingsDefault.defaultSectionsExpanded.settings?.includes(sectionId);
3104 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_1__.SessionStorageProvider, {
3105 - prefix: element.id
3106 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sections_list__WEBPACK_IMPORTED_MODULE_6__.SectionsList, null, elementType.controls.map((control, index) => {
3107 - if (isControl(control)) {
3108 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_control__WEBPACK_IMPORTED_MODULE_7__.SettingsControl, {
3109 - key: getKey(control, element),
3110 - control: control
3111 - });
3112 - }
3113 - const {
3114 - type,
3115 - value
3116 - } = control;
3117 - if (type === 'section') {
3118 - const sectionItems = renderSectionItems({
3119 - items: value.items,
3120 - element,
3121 - propsSchema: elementType.propsSchema,
3122 - settings: currentSettings
3123 - });
3124 - if (!sectionItems.length) {
3125 - return null;
3126 - }
3127 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section__WEBPACK_IMPORTED_MODULE_5__.Section, {
3128 - title: value.label,
3129 - key: type + '.' + index,
3130 - defaultExpanded: isDefaultExpanded(value.id)
3131 - }, sectionItems);
3132 - }
3133 - return null;
3134 - })));
3135 -};
3136 -function getKey(control, element) {
3137 - if (control.type === 'control') {
3138 - return control.value.bind + '.' + element.id;
3139 - }
3140 - return control.value.type + '.' + element.id;
3141 -}
3142 -function isControl(control) {
3143 - return control.type === 'control' || control.type === 'element-control';
3144 -}
3145 -function renderSectionItems({
3146 - items,
3147 - element,
3148 - propsSchema,
3149 - settings
3150 -}) {
3151 - return items?.flatMap(item => {
3152 - if (!isControl(item)) {
3153 - // TODO: Handle 2nd level sections
3154 - return [];
3155 - }
3156 - if (item.type === 'control' && isControlHiddenByDependencies(item, propsSchema, settings)) {
3157 - return [];
3158 - }
3159 - return [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_control__WEBPACK_IMPORTED_MODULE_7__.SettingsControl, {
3160 - key: getKey(item, element),
3161 - control: item
3162 - })];
3163 - }) ?? [];
3164 -}
3165 -function isControlHiddenByDependencies(control, propsSchema, settings) {
3166 - const {
3167 - isHidden
3168 - } = (0,_utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_4__.extractDependencyEffect)(control.value.bind, propsSchema, settings);
3169 - return isHidden;
3170 -}
3171 -
3172 -/***/ }),
3173 -
3174 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx":
3175 -/*!****************************************************************************************!*\
3176 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx ***!
3177 - \****************************************************************************************/
3178 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3179 -
3180 -__webpack_require__.r(__webpack_exports__);
3181 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3182 -/* harmony export */ StyleIndicator: function() { return /* binding */ StyleIndicator; }
3183 -/* harmony export */ });
3184 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3185 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_0__);
3186 -
3187 -const StyleIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_0__.styled)('div', {
3188 - shouldForwardProp: prop => !['isOverridden', 'getColor'].includes(prop)
3189 -})`
3190 - width: 5px;
3191 - height: 5px;
3192 - border-radius: 50%;
3193 - background-color: ${({
3194 - theme,
3195 - isOverridden,
3196 - getColor
3197 -}) => {
3198 - if (isOverridden) {
3199 - return theme.palette.warning.light;
3200 - }
3201 - const providerColor = getColor?.(theme);
3202 - return providerColor ?? theme.palette.text.disabled;
3203 -}};
3204 -`;
3205 -
3206 -/***/ }),
3207 -
3208 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/background-section/background-section.tsx":
3209 -/*!*****************************************************************************************************************************!*\
3210 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/background-section/background-section.tsx ***!
3211 - \*****************************************************************************************************************************/
3212 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3213 -
3214 -__webpack_require__.r(__webpack_exports__);
3215 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3216 -/* harmony export */ BackgroundSection: function() { return /* binding */ BackgroundSection; }
3217 -/* harmony export */ });
3218 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3219 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3220 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3221 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3222 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3223 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3224 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3225 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
3226 -
3227 -
3228 -
3229 -
3230 -
3231 -const BACKGROUND_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Background', 'elementor');
3232 -const BackgroundSection = () => {
3233 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_4__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
3234 - bind: "background",
3235 - propDisplayName: BACKGROUND_LABEL
3236 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.BackgroundControl, null)));
3237 -};
3238 -
3239 -/***/ }),
3240 -
3241 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-color-field.tsx":
3242 -/*!*************************************************************************************************************************!*\
3243 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-color-field.tsx ***!
3244 - \*************************************************************************************************************************/
3245 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3246 -
3247 -__webpack_require__.r(__webpack_exports__);
3248 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3249 -/* harmony export */ BorderColorField: function() { return /* binding */ BorderColorField; }
3250 -/* harmony export */ });
3251 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3252 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3253 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3254 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3255 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3256 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3257 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3258 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3259 -
3260 -
3261 -
3262 -
3263 -
3264 -const BORDER_COLOR_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border color', 'elementor');
3265 -const BorderColorField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
3266 - bind: "border-color",
3267 - propDisplayName: BORDER_COLOR_LABEL
3268 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
3269 - label: BORDER_COLOR_LABEL
3270 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ColorControl, null)));
3271 -
3272 -/***/ }),
3273 -
3274 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-radius-field.tsx":
3275 -/*!**************************************************************************************************************************!*\
3276 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-radius-field.tsx ***!
3277 - \**************************************************************************************************************************/
3278 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3279 -
3280 -__webpack_require__.r(__webpack_exports__);
3281 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3282 -/* harmony export */ BorderRadiusField: function() { return /* binding */ BorderRadiusField; }
3283 -/* harmony export */ });
3284 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3285 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3286 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3287 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3288 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
3289 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
3290 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3291 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
3292 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3293 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
3294 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3295 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
3296 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3297 -/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
3298 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
3299 -
3300 -
3301 -
3302 -
3303 -
3304 -
3305 -
3306 -
3307 -
3308 -const BORDER_RADIUS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border radius', 'elementor');
3309 -const StartStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusTopLeftIcon);
3310 -const StartEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusTopRightIcon);
3311 -const EndStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusBottomLeftIcon);
3312 -const EndEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.RadiusBottomRightIcon);
3313 -const getStartStartLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top left', 'elementor');
3314 -const getStartStartAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top right radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top left radius', 'elementor');
3315 -const getStartEndLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top right', 'elementor');
3316 -const getStartEndAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top left radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top right radius', 'elementor');
3317 -const getEndStartLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom left', 'elementor');
3318 -const getEndStartAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom right radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom left radius', 'elementor');
3319 -const getEndEndLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom right', 'elementor');
3320 -const getEndEndAriaLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom left radius', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom right radius', 'elementor');
3321 -const getCorners = isSiteRtl => [{
3322 - label: getStartStartLabel(isSiteRtl),
3323 - ariaLabel: getStartStartAriaLabel(isSiteRtl),
3324 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartStartIcon, {
3325 - fontSize: 'tiny'
3326 - }),
3327 - bind: 'start-start'
3328 -}, {
3329 - label: getStartEndLabel(isSiteRtl),
3330 - ariaLabel: getStartEndAriaLabel(isSiteRtl),
3331 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartEndIcon, {
3332 - fontSize: 'tiny'
3333 - }),
3334 - bind: 'start-end'
3335 -}, {
3336 - label: getEndStartLabel(isSiteRtl),
3337 - ariaLabel: getEndStartAriaLabel(isSiteRtl),
3338 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndStartIcon, {
3339 - fontSize: 'tiny'
3340 - }),
3341 - bind: 'end-start'
3342 -}, {
3343 - label: getEndEndLabel(isSiteRtl),
3344 - ariaLabel: getEndEndAriaLabel(isSiteRtl),
3345 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndEndIcon, {
3346 - fontSize: 'tiny'
3347 - }),
3348 - bind: 'end-end'
3349 -}];
3350 -const BorderRadiusField = () => {
3351 - const {
3352 - isSiteRtl
3353 - } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__.useDirection)();
3354 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_8__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__.StylesField, {
3355 - bind: 'border-radius',
3356 - propDisplayName: BORDER_RADIUS_LABEL
3357 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.EqualUnequalSizesControl, {
3358 - items: getCorners(isSiteRtl),
3359 - label: BORDER_RADIUS_LABEL,
3360 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.BorderCornersIcon, {
3361 - fontSize: 'tiny'
3362 - }),
3363 - tooltipLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Adjust corners', 'elementor'),
3364 - multiSizePropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.borderRadiusPropTypeUtil
3365 - })));
3366 -};
3367 -
3368 -/***/ }),
3369 -
3370 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-section.tsx":
3371 -/*!*********************************************************************************************************************!*\
3372 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-section.tsx ***!
3373 - \*********************************************************************************************************************/
3374 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3375 -
3376 -__webpack_require__.r(__webpack_exports__);
3377 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3378 -/* harmony export */ BorderSection: function() { return /* binding */ BorderSection; }
3379 -/* harmony export */ });
3380 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3381 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3382 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
3383 -/* harmony import */ var _border_color_field__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./border-color-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-color-field.tsx");
3384 -/* harmony import */ var _border_radius_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./border-radius-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-radius-field.tsx");
3385 -/* harmony import */ var _border_style_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./border-style-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-style-field.tsx");
3386 -/* harmony import */ var _border_width_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./border-width-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-width-field.tsx");
3387 -
3388 -
3389 -
3390 -
3391 -
3392 -
3393 -const BorderSection = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_1__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_width_field__WEBPACK_IMPORTED_MODULE_5__.BorderWidthField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_color_field__WEBPACK_IMPORTED_MODULE_2__.BorderColorField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_style_field__WEBPACK_IMPORTED_MODULE_4__.BorderStyleField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_border_radius_field__WEBPACK_IMPORTED_MODULE_3__.BorderRadiusField, null));
3394 -
3395 -/***/ }),
3396 -
3397 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-style-field.tsx":
3398 -/*!*************************************************************************************************************************!*\
3399 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-style-field.tsx ***!
3400 - \*************************************************************************************************************************/
3401 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3402 -
3403 -__webpack_require__.r(__webpack_exports__);
3404 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3405 -/* harmony export */ BorderStyleField: function() { return /* binding */ BorderStyleField; }
3406 -/* harmony export */ });
3407 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3408 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3409 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3410 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3411 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3412 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3413 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3414 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3415 -
3416 -
3417 -
3418 -
3419 -
3420 -const BORDER_TYPE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Border type', 'elementor');
3421 -const borderStyles = [{
3422 - value: 'none',
3423 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor')
3424 -}, {
3425 - value: 'solid',
3426 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Solid', 'elementor')
3427 -}, {
3428 - value: 'dashed',
3429 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Dashed', 'elementor')
3430 -}, {
3431 - value: 'dotted',
3432 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Dotted', 'elementor')
3433 -}, {
3434 - value: 'double',
3435 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Double', 'elementor')
3436 -}, {
3437 - value: 'groove',
3438 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Groove', 'elementor')
3439 -}, {
3440 - value: 'ridge',
3441 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Ridge', 'elementor')
3442 -}, {
3443 - value: 'inset',
3444 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Inset', 'elementor')
3445 -}, {
3446 - value: 'outset',
3447 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Outset', 'elementor')
3448 -}];
3449 -const BorderStyleField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
3450 - bind: "border-style",
3451 - propDisplayName: BORDER_TYPE_LABEL
3452 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
3453 - label: BORDER_TYPE_LABEL
3454 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3455 - options: borderStyles
3456 -})));
3457 -
3458 -/***/ }),
3459 -
3460 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-width-field.tsx":
3461 -/*!*************************************************************************************************************************!*\
3462 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-width-field.tsx ***!
3463 - \*************************************************************************************************************************/
3464 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3465 -
3466 -__webpack_require__.r(__webpack_exports__);
3467 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3468 -/* harmony export */ BorderWidthField: function() { return /* binding */ BorderWidthField; }
3469 -/* harmony export */ });
3470 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3471 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3472 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3473 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3474 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
3475 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
3476 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3477 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
3478 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3479 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
3480 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3481 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
3482 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3483 -/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
3484 -
3485 -
3486 -
3487 -
3488 -
3489 -
3490 -
3491 -
3492 -const BORDER_WIDTH_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border width', 'elementor');
3493 -const InlineStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideRightIcon);
3494 -const InlineEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideLeftIcon);
3495 -const getEdges = isSiteRtl => [{
3496 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Top', 'elementor'),
3497 - ariaLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border top width', 'elementor'),
3498 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideTopIcon, {
3499 - fontSize: 'tiny'
3500 - }),
3501 - bind: 'block-start'
3502 -}, {
3503 - label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Right', 'elementor'),
3504 - ariaLabel: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border left width', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border right width', 'elementor'),
3505 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InlineStartIcon, {
3506 - fontSize: 'tiny'
3507 - }),
3508 - bind: 'inline-end'
3509 -}, {
3510 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Bottom', 'elementor'),
3511 - ariaLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border bottom width', 'elementor'),
3512 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideBottomIcon, {
3513 - fontSize: 'tiny'
3514 - }),
3515 - bind: 'block-end'
3516 -}, {
3517 - label: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Left', 'elementor'),
3518 - ariaLabel: isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border right width', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Border left width', 'elementor'),
3519 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InlineEndIcon, {
3520 - fontSize: 'tiny'
3521 - }),
3522 - bind: 'inline-start'
3523 -}];
3524 -const BorderWidthField = () => {
3525 - const {
3526 - isSiteRtl
3527 - } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_7__.useDirection)();
3528 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_6__.StylesField, {
3529 - bind: 'border-width',
3530 - propDisplayName: BORDER_WIDTH_LABEL
3531 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.EqualUnequalSizesControl, {
3532 - items: getEdges(isSiteRtl),
3533 - label: BORDER_WIDTH_LABEL,
3534 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SideAllIcon, {
3535 - fontSize: 'tiny'
3536 - }),
3537 - tooltipLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Adjust borders', 'elementor'),
3538 - multiSizePropTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.borderWidthPropTypeUtil
3539 - }));
3540 -};
3541 -
3542 -/***/ }),
3543 -
3544 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/blend-mode-field.tsx":
3545 -/*!************************************************************************************************************************!*\
3546 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/blend-mode-field.tsx ***!
3547 - \************************************************************************************************************************/
3548 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3549 -
3550 -__webpack_require__.r(__webpack_exports__);
3551 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3552 -/* harmony export */ BlendModeField: function() { return /* binding */ BlendModeField; }
3553 -/* harmony export */ });
3554 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3555 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3556 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3557 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3558 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3559 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3560 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3561 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3562 -
3563 -
3564 -
3565 -
3566 -
3567 -const BLEND_MODE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Blend mode', 'elementor');
3568 -const blendModeOptions = [{
3569 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Normal', 'elementor'),
3570 - value: 'normal'
3571 -}, {
3572 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Multiply', 'elementor'),
3573 - value: 'multiply'
3574 -}, {
3575 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Screen', 'elementor'),
3576 - value: 'screen'
3577 -}, {
3578 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Overlay', 'elementor'),
3579 - value: 'overlay'
3580 -}, {
3581 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Darken', 'elementor'),
3582 - value: 'darken'
3583 -}, {
3584 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Lighten', 'elementor'),
3585 - value: 'lighten'
3586 -}, {
3587 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Color dodge', 'elementor'),
3588 - value: 'color-dodge'
3589 -}, {
3590 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Color burn', 'elementor'),
3591 - value: 'color-burn'
3592 -}, {
3593 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Saturation', 'elementor'),
3594 - value: 'saturation'
3595 -}, {
3596 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Color', 'elementor'),
3597 - value: 'color'
3598 -}, {
3599 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Difference', 'elementor'),
3600 - value: 'difference'
3601 -}, {
3602 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Exclusion', 'elementor'),
3603 - value: 'exclusion'
3604 -}, {
3605 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hue', 'elementor'),
3606 - value: 'hue'
3607 -}, {
3608 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Luminosity', 'elementor'),
3609 - value: 'luminosity'
3610 -}, {
3611 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Soft light', 'elementor'),
3612 - value: 'soft-light'
3613 -}, {
3614 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Hard light', 'elementor'),
3615 - value: 'hard-light'
3616 -}];
3617 -const BlendModeField = () => {
3618 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
3619 - bind: "mix-blend-mode",
3620 - propDisplayName: BLEND_MODE_LABEL
3621 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
3622 - label: BLEND_MODE_LABEL
3623 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
3624 - options: blendModeOptions
3625 - })));
3626 -};
3627 -
3628 -/***/ }),
3629 -
3630 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/effects-section.tsx":
3631 -/*!***********************************************************************************************************************!*\
3632 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/effects-section.tsx ***!
3633 - \***********************************************************************************************************************/
3634 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3635 -
3636 -__webpack_require__.r(__webpack_exports__);
3637 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3638 -/* harmony export */ EffectsSection: function() { return /* binding */ EffectsSection; }
3639 -/* harmony export */ });
3640 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3641 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3642 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3643 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3644 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3645 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3646 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
3647 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
3648 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3649 -/* harmony import */ var _utils_can_element_have_children__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../utils/can-element-have-children */ "./packages/packages/core/editor-editing-panel/src/utils/can-element-have-children.ts");
3650 -/* harmony import */ var _utils_get_recently_used_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../utils/get-recently-used-styles */ "./packages/packages/core/editor-editing-panel/src/utils/get-recently-used-styles.ts");
3651 -/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
3652 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
3653 -/* harmony import */ var _blend_mode_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./blend-mode-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/blend-mode-field.tsx");
3654 -/* harmony import */ var _opacity_control_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./opacity-control-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/opacity-control-field.tsx");
3655 -
3656 -
3657 -
3658 -
3659 -
3660 -
3661 -
3662 -
3663 -
3664 -
3665 -
3666 -
3667 -const BOX_SHADOW_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Box shadow', 'elementor');
3668 -const FILTER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Filters', 'elementor');
3669 -const TRANSFORM_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Transform', 'elementor');
3670 -const BACKDROP_FILTER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Backdrop filters', 'elementor');
3671 -const TRANSITIONS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Transitions', 'elementor');
3672 -const EffectsSection = () => {
3673 - const {
3674 - element
3675 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_3__.useElement)();
3676 - const {
3677 - meta
3678 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_4__.useStyle)();
3679 - const canHaveChildren = (0,_utils_can_element_have_children__WEBPACK_IMPORTED_MODULE_6__.canElementHaveChildren)(element?.id ?? '');
3680 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_9__.SectionContent, {
3681 - gap: 1
3682 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_blend_mode_field__WEBPACK_IMPORTED_MODULE_10__.BlendModeField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_opacity_control_field__WEBPACK_IMPORTED_MODULE_11__.OpacityControlField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3683 - bind: "box-shadow",
3684 - propDisplayName: BOX_SHADOW_LABEL
3685 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.BoxShadowRepeaterControl, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3686 - bind: "transform",
3687 - propDisplayName: TRANSFORM_LABEL
3688 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.TransformRepeaterControl, {
3689 - showChildrenPerspective: canHaveChildren
3690 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3691 - bind: "transition",
3692 - propDisplayName: TRANSITIONS_LABEL
3693 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.TransitionRepeaterControl, {
3694 - currentStyleState: meta.state,
3695 - recentlyUsedListGetter: () => (0,_utils_get_recently_used_styles__WEBPACK_IMPORTED_MODULE_7__.getRecentlyUsedList)(element?.id ?? '')
3696 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3697 - bind: "filter",
3698 - propDisplayName: FILTER_LABEL
3699 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.FilterRepeaterControl, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3700 - bind: "backdrop-filter",
3701 - propDisplayName: BACKDROP_FILTER_LABEL
3702 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.FilterRepeaterControl, {
3703 - filterPropName: "backdrop-filter"
3704 - })));
3705 -};
3706 -
3707 -/***/ }),
3708 -
3709 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/opacity-control-field.tsx":
3710 -/*!*****************************************************************************************************************************!*\
3711 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/opacity-control-field.tsx ***!
3712 - \*****************************************************************************************************************************/
3713 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3714 -
3715 -__webpack_require__.r(__webpack_exports__);
3716 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3717 -/* harmony export */ OpacityControlField: function() { return /* binding */ OpacityControlField; }
3718 -/* harmony export */ });
3719 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3720 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3721 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3722 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3723 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3724 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
3725 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3726 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3727 -
3728 -
3729 -
3730 -
3731 -
3732 -
3733 -const OPACITY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Opacity', 'elementor');
3734 -const OpacityControlField = () => {
3735 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
3736 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
3737 - bind: 'opacity',
3738 - propDisplayName: OPACITY_LABEL
3739 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
3740 - ref: rowRef,
3741 - label: OPACITY_LABEL
3742 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
3743 - units: ['%'],
3744 - anchorRef: rowRef,
3745 - defaultUnit: "%"
3746 - })));
3747 -};
3748 -
3749 -/***/ }),
3750 -
3751 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-content-field.tsx":
3752 -/*!**************************************************************************************************************************!*\
3753 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-content-field.tsx ***!
3754 - \**************************************************************************************************************************/
3755 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3756 -
3757 -__webpack_require__.r(__webpack_exports__);
3758 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3759 -/* harmony export */ AlignContentField: function() { return /* binding */ AlignContentField; }
3760 -/* harmony export */ });
3761 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3762 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3763 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3764 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3765 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3766 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
3767 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3768 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
3769 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3770 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
3771 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3772 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
3773 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3774 -/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx");
3775 -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); }
3776 -
3777 -
3778 -
3779 -
3780 -
3781 -
3782 -
3783 -
3784 -
3785 -const ALIGN_CONTENT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Align content', 'elementor');
3786 -const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyTopIcon);
3787 -const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyBottomIcon);
3788 -const iconProps = {
3789 - isClockwise: false,
3790 - offset: 0,
3791 - disableRotationForReversed: true
3792 -};
3793 -const options = [{
3794 - value: 'start',
3795 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
3796 - renderContent: ({
3797 - size
3798 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3799 - icon: StartIcon,
3800 - size: size
3801 - }, iconProps)),
3802 - showTooltip: true
3803 -}, {
3804 - value: 'center',
3805 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
3806 - renderContent: ({
3807 - size
3808 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3809 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyCenterIcon,
3810 - size: size
3811 - }, iconProps)),
3812 - showTooltip: true
3813 -}, {
3814 - value: 'end',
3815 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
3816 - renderContent: ({
3817 - size
3818 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3819 - icon: EndIcon,
3820 - size: size
3821 - }, iconProps)),
3822 - showTooltip: true
3823 -}, {
3824 - value: 'space-between',
3825 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space between', 'elementor'),
3826 - renderContent: ({
3827 - size
3828 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3829 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceBetweenVerticalIcon,
3830 - size: size
3831 - }, iconProps)),
3832 - showTooltip: true
3833 -}, {
3834 - value: 'space-around',
3835 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space around', 'elementor'),
3836 - renderContent: ({
3837 - size
3838 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3839 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceAroundVerticalIcon,
3840 - size: size
3841 - }, iconProps)),
3842 - showTooltip: true
3843 -}, {
3844 - value: 'space-evenly',
3845 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space evenly', 'elementor'),
3846 - renderContent: ({
3847 - size
3848 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3849 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyDistributeVerticalIcon,
3850 - size: size
3851 - }, iconProps)),
3852 - showTooltip: true
3853 -}];
3854 -const AlignContentField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3855 - bind: "align-content",
3856 - propDisplayName: ALIGN_CONTENT_LABEL
3857 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
3858 - label: ALIGN_CONTENT_LABEL,
3859 - direction: "column"
3860 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3861 - options: options,
3862 - fullWidth: true
3863 -}))));
3864 -
3865 -/***/ }),
3866 -
3867 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-items-field.tsx":
3868 -/*!************************************************************************************************************************!*\
3869 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-items-field.tsx ***!
3870 - \************************************************************************************************************************/
3871 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3872 -
3873 -__webpack_require__.r(__webpack_exports__);
3874 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3875 -/* harmony export */ AlignItemsField: function() { return /* binding */ AlignItemsField; }
3876 -/* harmony export */ });
3877 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3878 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3879 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3880 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3881 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3882 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
3883 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3884 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
3885 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3886 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
3887 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3888 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
3889 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3890 -/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx");
3891 -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); }
3892 -
3893 -
3894 -
3895 -
3896 -
3897 -
3898 -
3899 -
3900 -
3901 -const ALIGN_ITEMS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Align items', 'elementor');
3902 -const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignLeftIcon);
3903 -const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignRightIcon);
3904 -const iconProps = {
3905 - isClockwise: false,
3906 - offset: 90
3907 -};
3908 -const options = [{
3909 - value: 'start',
3910 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
3911 - renderContent: ({
3912 - size
3913 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3914 - icon: StartIcon,
3915 - size: size
3916 - }, iconProps)),
3917 - showTooltip: true
3918 -}, {
3919 - value: 'center',
3920 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
3921 - renderContent: ({
3922 - size
3923 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3924 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignCenterIcon,
3925 - size: size
3926 - }, iconProps)),
3927 - showTooltip: true
3928 -}, {
3929 - value: 'end',
3930 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
3931 - renderContent: ({
3932 - size
3933 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3934 - icon: EndIcon,
3935 - size: size
3936 - }, iconProps)),
3937 - showTooltip: true
3938 -}, {
3939 - value: 'stretch',
3940 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Stretch', 'elementor'),
3941 - renderContent: ({
3942 - size
3943 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
3944 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon,
3945 - size: size
3946 - }, iconProps)),
3947 - showTooltip: true
3948 -}];
3949 -const AlignItemsField = () => {
3950 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
3951 - bind: "align-items",
3952 - propDisplayName: ALIGN_ITEMS_LABEL
3953 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
3954 - label: ALIGN_ITEMS_LABEL
3955 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
3956 - options: options
3957 - }))));
3958 -};
3959 -
3960 -/***/ }),
3961 -
3962 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-child-field.tsx":
3963 -/*!*****************************************************************************************************************************!*\
3964 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-child-field.tsx ***!
3965 - \*****************************************************************************************************************************/
3966 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
3967 -
3968 -__webpack_require__.r(__webpack_exports__);
3969 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
3970 -/* harmony export */ AlignSelfChild: function() { return /* binding */ AlignSelfChild; }
3971 -/* harmony export */ });
3972 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
3973 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
3974 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
3975 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
3976 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
3977 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
3978 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
3979 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
3980 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
3981 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
3982 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
3983 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
3984 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
3985 -/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx");
3986 -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); }
3987 -
3988 -
3989 -
3990 -
3991 -
3992 -
3993 -
3994 -
3995 -
3996 -const ALIGN_SELF_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Align self', 'elementor');
3997 -const ALIGN_SELF_CHILD_OFFSET_MAP = {
3998 - row: 90,
3999 - 'row-reverse': 90,
4000 - column: 0,
4001 - 'column-reverse': 0
4002 -};
4003 -const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignLeftIcon);
4004 -const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignRightIcon);
4005 -const iconProps = {
4006 - isClockwise: false
4007 -};
4008 -const getOptions = parentStyleDirection => [{
4009 - value: 'start',
4010 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
4011 - renderContent: ({
4012 - size
4013 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
4014 - icon: StartIcon,
4015 - size: size,
4016 - offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
4017 - }, iconProps)),
4018 - showTooltip: true
4019 -}, {
4020 - value: 'center',
4021 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
4022 - renderContent: ({
4023 - size
4024 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
4025 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignCenterIcon,
4026 - size: size,
4027 - offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
4028 - }, iconProps)),
4029 - showTooltip: true
4030 -}, {
4031 - value: 'end',
4032 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
4033 - renderContent: ({
4034 - size
4035 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
4036 - icon: EndIcon,
4037 - size: size,
4038 - offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
4039 - }, iconProps)),
4040 - showTooltip: true
4041 -}, {
4042 - value: 'stretch',
4043 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Stretch', 'elementor'),
4044 - renderContent: ({
4045 - size
4046 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
4047 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon,
4048 - size: size,
4049 - offset: ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection]
4050 - }, iconProps)),
4051 - showTooltip: true
4052 -}];
4053 -const AlignSelfChild = ({
4054 - parentStyleDirection
4055 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
4056 - bind: "align-self",
4057 - propDisplayName: ALIGN_SELF_LABEL
4058 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
4059 - label: ALIGN_SELF_LABEL
4060 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4061 - options: getOptions(parentStyleDirection)
4062 -}))));
4063 -
4064 -/***/ }),
4065 -
4066 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-grid-child-field.tsx":
4067 -/*!**********************************************************************************************************************************!*\
4068 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-grid-child-field.tsx ***!
4069 - \**********************************************************************************************************************************/
4070 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4071 -
4072 -__webpack_require__.r(__webpack_exports__);
4073 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4074 -/* harmony export */ AlignSelfGridChild: function() { return /* binding */ AlignSelfGridChild; }
4075 -/* harmony export */ });
4076 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4077 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4078 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4079 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4080 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4081 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
4082 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4083 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
4084 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4085 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
4086 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4087 -
4088 -
4089 -
4090 -
4091 -
4092 -
4093 -
4094 -const ALIGN_SELF_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Align self', 'elementor');
4095 -const ALIGN_SELF_CHILD_OFFSET_MAP = {
4096 - row: 0,
4097 - column: -90
4098 -};
4099 -const AlignSelfGridChild = ({
4100 - parentStyleDirection
4101 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
4102 - bind: "align-self",
4103 - propDisplayName: ALIGN_SELF_LABEL
4104 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
4105 - label: ALIGN_SELF_LABEL
4106 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4107 - options: getOptions(parentStyleDirection ?? 'row')
4108 -}))));
4109 -const RotatedIcon = ({
4110 - icon: Icon,
4111 - size,
4112 - offset
4113 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, {
4114 - fontSize: size,
4115 - sx: {
4116 - rotate: `${offset}deg`
4117 - }
4118 -});
4119 -const getOptions = parentStyleDirection => {
4120 - const offset = ALIGN_SELF_CHILD_OFFSET_MAP[parentStyleDirection.replace('dense', '').trim()];
4121 - return [{
4122 - value: 'start',
4123 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Start', 'elementor'),
4124 - renderContent: ({
4125 - size
4126 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
4127 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyTopIcon,
4128 - size: size,
4129 - offset: offset
4130 - }),
4131 - showTooltip: true
4132 - }, {
4133 - value: 'center',
4134 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Center', 'elementor'),
4135 - renderContent: ({
4136 - size
4137 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
4138 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyCenterIcon,
4139 - size: size,
4140 - offset: offset
4141 - }),
4142 - showTooltip: true
4143 - }, {
4144 - value: 'end',
4145 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('End', 'elementor'),
4146 - renderContent: ({
4147 - size
4148 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
4149 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyBottomIcon,
4150 - size: size,
4151 - offset: offset
4152 - }),
4153 - showTooltip: true
4154 - }, {
4155 - value: 'stretch',
4156 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Stretch', 'elementor'),
4157 - renderContent: ({
4158 - size
4159 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RotatedIcon, {
4160 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon,
4161 - size: size,
4162 - offset: offset
4163 - }),
4164 - showTooltip: true
4165 - }];
4166 -};
4167 -
4168 -/***/ }),
4169 -
4170 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/display-field.tsx":
4171 -/*!********************************************************************************************************************!*\
4172 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/display-field.tsx ***!
4173 - \********************************************************************************************************************/
4174 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4175 -
4176 -__webpack_require__.r(__webpack_exports__);
4177 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4178 -/* harmony export */ DisplayField: function() { return /* binding */ DisplayField; },
4179 -/* harmony export */ useDisplayPlaceholderValue: function() { return /* binding */ useDisplayPlaceholderValue; }
4180 -/* harmony export */ });
4181 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4182 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4183 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4184 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4185 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4186 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
4187 -/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
4188 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4189 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4190 -
4191 -
4192 -
4193 -
4194 -
4195 -
4196 -const DISPLAY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Display', 'elementor');
4197 -const displayFieldItems = [{
4198 - value: 'block',
4199 - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Block', 'elementor'),
4200 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Block', 'elementor'),
4201 - showTooltip: true
4202 -}, {
4203 - value: 'flex',
4204 - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Flex', 'elementor'),
4205 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Flex', 'elementor'),
4206 - showTooltip: true
4207 -}, {
4208 - value: 'grid',
4209 - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Grid', 'elementor'),
4210 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Grid', 'elementor'),
4211 - showTooltip: true
4212 -}, {
4213 - value: 'none',
4214 - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor'),
4215 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor'),
4216 - showTooltip: true
4217 -}, {
4218 - value: 'inline-block',
4219 - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('In-blk', 'elementor'),
4220 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Inline-block', 'elementor'),
4221 - showTooltip: true
4222 -}, {
4223 - value: 'inline-flex',
4224 - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('In-flx', 'elementor'),
4225 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Inline-flex', 'elementor'),
4226 - showTooltip: true
4227 -}];
4228 -const DisplayField = () => {
4229 - const placeholder = useDisplayPlaceholderValue();
4230 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
4231 - bind: "display",
4232 - propDisplayName: DISPLAY_LABEL,
4233 - placeholder: placeholder
4234 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
4235 - label: DISPLAY_LABEL,
4236 - direction: "column"
4237 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4238 - options: displayFieldItems,
4239 - maxItems: 4,
4240 - fullWidth: true
4241 - })));
4242 -};
4243 -
4244 -// TODO - placing this logic deliberately here, and will be removed once applied automatically to all style fields as part of ED-18491
4245 -const useDisplayPlaceholderValue = () => (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__.useStylesInheritanceChain)(['display'])[0]?.value ?? undefined;
4246 -
4247 -/***/ }),
4248 -
4249 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-direction-field.tsx":
4250 -/*!***************************************************************************************************************************!*\
4251 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-direction-field.tsx ***!
4252 - \***************************************************************************************************************************/
4253 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4254 -
4255 -__webpack_require__.r(__webpack_exports__);
4256 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4257 -/* harmony export */ FlexDirectionField: function() { return /* binding */ FlexDirectionField; }
4258 -/* harmony export */ });
4259 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4260 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4261 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4262 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4263 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4264 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
4265 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4266 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
4267 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4268 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
4269 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4270 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
4271 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4272 -
4273 -
4274 -
4275 -
4276 -
4277 -
4278 -
4279 -
4280 -const FLEX_DIRECTION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Direction', 'elementor');
4281 -const options = [{
4282 - value: 'row',
4283 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Row', 'elementor'),
4284 - renderContent: ({
4285 - size
4286 - }) => {
4287 - const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon);
4288 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
4289 - fontSize: size
4290 - });
4291 - },
4292 - showTooltip: true
4293 -}, {
4294 - value: 'column',
4295 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Column', 'elementor'),
4296 - renderContent: ({
4297 - size
4298 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon, {
4299 - fontSize: size
4300 - }),
4301 - showTooltip: true
4302 -}, {
4303 - value: 'row-reverse',
4304 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Reversed row', 'elementor'),
4305 - renderContent: ({
4306 - size
4307 - }) => {
4308 - const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowLeftIcon);
4309 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndIcon, {
4310 - fontSize: size
4311 - });
4312 - },
4313 - showTooltip: true
4314 -}, {
4315 - value: 'column-reverse',
4316 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Reversed column', 'elementor'),
4317 - renderContent: ({
4318 - size
4319 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowUpSmallIcon, {
4320 - fontSize: size
4321 - }),
4322 - showTooltip: true
4323 -}];
4324 -const FlexDirectionField = () => {
4325 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
4326 - bind: "flex-direction",
4327 - propDisplayName: FLEX_DIRECTION_LABEL
4328 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
4329 - label: FLEX_DIRECTION_LABEL
4330 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
4331 - options: options
4332 - }))));
4333 -};
4334 -
4335 -/***/ }),
4336 -
4337 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-order-field.tsx":
4338 -/*!***********************************************************************************************************************!*\
4339 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-order-field.tsx ***!
4340 - \***********************************************************************************************************************/
4341 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4342 -
4343 -__webpack_require__.r(__webpack_exports__);
4344 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4345 -/* harmony export */ FIRST_DEFAULT_VALUE: function() { return /* binding */ FIRST_DEFAULT_VALUE; },
4346 -/* harmony export */ FlexOrderField: function() { return /* binding */ FlexOrderField; },
4347 -/* harmony export */ LAST_DEFAULT_VALUE: function() { return /* binding */ LAST_DEFAULT_VALUE; }
4348 -/* harmony export */ });
4349 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4350 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4351 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4352 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4353 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4354 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
4355 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4356 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
4357 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4358 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
4359 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4360 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
4361 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
4362 -/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
4363 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
4364 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4365 -
4366 -
4367 -
4368 -
4369 -
4370 -
4371 -
4372 -
4373 -
4374 -
4375 -
4376 -
4377 -const ORDER_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Order', 'elementor');
4378 -const FIRST_DEFAULT_VALUE = -99999;
4379 -const LAST_DEFAULT_VALUE = 99999;
4380 -const FIRST = 'first';
4381 -const LAST = 'last';
4382 -const CUSTOM = 'custom';
4383 -const orderValueMap = {
4384 - [FIRST]: FIRST_DEFAULT_VALUE,
4385 - [LAST]: LAST_DEFAULT_VALUE
4386 -};
4387 -const items = [{
4388 - value: FIRST,
4389 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('First', 'elementor'),
4390 - renderContent: ({
4391 - size
4392 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowUpSmallIcon, {
4393 - fontSize: size
4394 - }),
4395 - showTooltip: true
4396 -}, {
4397 - value: LAST,
4398 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Last', 'elementor'),
4399 - renderContent: ({
4400 - size
4401 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon, {
4402 - fontSize: size
4403 - }),
4404 - showTooltip: true
4405 -}, {
4406 - value: CUSTOM,
4407 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Custom', 'elementor'),
4408 - renderContent: ({
4409 - size
4410 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.PencilIcon, {
4411 - fontSize: size
4412 - }),
4413 - showTooltip: true
4414 -}];
4415 -const FlexOrderField = () => {
4416 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
4417 - bind: "order",
4418 - propDisplayName: ORDER_LABEL
4419 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_9__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexOrderFieldContent, null))));
4420 -};
4421 -function FlexOrderFieldContent() {
4422 - const {
4423 - value: order,
4424 - setValue: setOrder,
4425 - canEdit
4426 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)('order', {
4427 - history: {
4428 - propDisplayName: ORDER_LABEL
4429 - }
4430 - });
4431 - const {
4432 - placeholder
4433 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
4434 - const placeholderValue = placeholder;
4435 - const currentGroup = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => getGroupControlValue(order?.value ?? null), [order]);
4436 - const [activeGroup, setActiveGroup] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentGroup);
4437 - const [customLocked, setCustomLocked] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
4438 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
4439 - if (!customLocked) {
4440 - setActiveGroup(currentGroup);
4441 - }
4442 - }, [currentGroup, customLocked]);
4443 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
4444 - if (order === null) {
4445 - setCustomLocked(false);
4446 - }
4447 - }, [order]);
4448 - const groupPlaceholder = getGroupControlValue(placeholderValue?.value ?? null);
4449 - const handleToggleButtonChange = group => {
4450 - setActiveGroup(group);
4451 - setCustomLocked(group === CUSTOM);
4452 - if (CUSTOM === group) {
4453 - setOrder({
4454 - $$type: 'number',
4455 - value: null
4456 - });
4457 - return;
4458 - }
4459 - if (FIRST === group) {
4460 - setOrder({
4461 - $$type: 'number',
4462 - value: orderValueMap[group]
4463 - });
4464 - return;
4465 - }
4466 - if (LAST === group) {
4467 - setOrder({
4468 - $$type: 'number',
4469 - value: orderValueMap[group]
4470 - });
4471 - return;
4472 - }
4473 - setOrder(null);
4474 - };
4475 - const isCustomVisible = CUSTOM === activeGroup || CUSTOM === groupPlaceholder;
4476 - const orderPlaceholder = CUSTOM === groupPlaceholder ? String(placeholderValue?.value ?? null) : '';
4477 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_10__.StylesFieldLayout, {
4478 - label: ORDER_LABEL
4479 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlToggleButtonGroup, {
4480 - items: items,
4481 - value: activeGroup,
4482 - onChange: handleToggleButtonChange,
4483 - exclusive: true,
4484 - placeholder: groupPlaceholder,
4485 - disabled: !canEdit
4486 - })), isCustomVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
4487 - container: true,
4488 - gap: 2,
4489 - alignItems: "center",
4490 - flexWrap: "nowrap"
4491 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
4492 - item: true,
4493 - xs: 6
4494 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_8__.ControlLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Custom order', 'elementor'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
4495 - item: true,
4496 - xs: 6,
4497 - sx: {
4498 - display: 'flex',
4499 - justifyContent: 'end'
4500 - }
4501 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
4502 - min: FIRST_DEFAULT_VALUE + 1,
4503 - max: LAST_DEFAULT_VALUE - 1,
4504 - shouldForceInt: true,
4505 - placeholder: orderPlaceholder
4506 - }))));
4507 -}
4508 -const getGroupControlValue = order => {
4509 - if (LAST_DEFAULT_VALUE === order) {
4510 - return LAST;
4511 - }
4512 - if (FIRST_DEFAULT_VALUE === order) {
4513 - return FIRST;
4514 - }
4515 - if (null !== order) {
4516 - return CUSTOM;
4517 - }
4518 - return null;
4519 -};
4520 -
4521 -/***/ }),
4522 -
4523 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-size-field.tsx":
4524 -/*!**********************************************************************************************************************!*\
4525 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-size-field.tsx ***!
4526 - \**********************************************************************************************************************/
4527 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4528 -
4529 -__webpack_require__.r(__webpack_exports__);
4530 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4531 -/* harmony export */ FlexSizeField: function() { return /* binding */ FlexSizeField; }
4532 -/* harmony export */ });
4533 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4534 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4535 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4536 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4537 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
4538 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
4539 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4540 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
4541 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4542 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
4543 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4544 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
4545 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
4546 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
4547 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4548 -
4549 -
4550 -
4551 -
4552 -
4553 -
4554 -
4555 -
4556 -
4557 -
4558 -
4559 -const FLEX_SIZE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Flex Size', 'elementor');
4560 -const DEFAULT = 1;
4561 -const items = [{
4562 - value: 'flex-grow',
4563 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Grow', 'elementor'),
4564 - renderContent: ({
4565 - size
4566 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ExpandIcon, {
4567 - fontSize: size
4568 - }),
4569 - showTooltip: true
4570 -}, {
4571 - value: 'flex-shrink',
4572 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Shrink', 'elementor'),
4573 - renderContent: ({
4574 - size
4575 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.ShrinkIcon, {
4576 - fontSize: size
4577 - }),
4578 - showTooltip: true
4579 -}, {
4580 - value: 'custom',
4581 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Custom', 'elementor'),
4582 - renderContent: ({
4583 - size
4584 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.PencilIcon, {
4585 - fontSize: size
4586 - }),
4587 - showTooltip: true
4588 -}];
4589 -const FlexSizeField = () => {
4590 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_8__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
4591 - bind: "flex",
4592 - propDisplayName: FLEX_SIZE_LABEL
4593 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexSizeFieldContent, null))));
4594 -};
4595 -const FlexSizeFieldContent = () => {
4596 - const {
4597 - value,
4598 - setValue,
4599 - canEdit
4600 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)('flex', {
4601 - history: {
4602 - propDisplayName: FLEX_SIZE_LABEL
4603 - }
4604 - });
4605 - const {
4606 - placeholder
4607 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
4608 - const flexValues = extractFlexValues(value);
4609 - const currentGroup = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => getActiveGroup(flexValues), [flexValues]);
4610 - const [activeGroup, setActiveGroup] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(currentGroup);
4611 - const [customLocked, setCustomLocked] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
4612 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
4613 - if (!customLocked) {
4614 - setActiveGroup(currentGroup);
4615 - }
4616 - }, [currentGroup, customLocked]);
4617 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
4618 - if (value === null) {
4619 - setCustomLocked(false);
4620 - }
4621 - }, [value]);
4622 - const onChangeGroup = (group = null) => {
4623 - setActiveGroup(group);
4624 - setCustomLocked(group === 'custom');
4625 - const newFlexValue = createFlexValueForGroup(group, value);
4626 - setValue(newFlexValue);
4627 - };
4628 - const groupPlaceholder = getActiveGroup(extractFlexValues(placeholder));
4629 - const isCustomVisible = 'custom' === activeGroup || 'custom' === groupPlaceholder;
4630 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
4631 - label: FLEX_SIZE_LABEL
4632 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlToggleButtonGroup, {
4633 - value: activeGroup ?? null,
4634 - placeholder: groupPlaceholder ?? null,
4635 - onChange: onChangeGroup,
4636 - disabled: !canEdit,
4637 - items: items,
4638 - exclusive: true
4639 - })), isCustomVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexCustomField, null));
4640 -};
4641 -function extractFlexValues(source) {
4642 - return {
4643 - grow: source?.value?.flexGrow?.value ?? null,
4644 - shrink: source?.value?.flexShrink?.value ?? null,
4645 - basis: source?.value?.flexBasis?.value ?? null
4646 - };
4647 -}
4648 -const createFlexValueForGroup = (group, flexValue) => {
4649 - if (!group) {
4650 - return null;
4651 - }
4652 - if (group === 'flex-grow') {
4653 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil.create({
4654 - flexGrow: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(DEFAULT),
4655 - flexShrink: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(0),
4656 - flexBasis: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.sizePropTypeUtil.create({
4657 - unit: 'auto',
4658 - size: ''
4659 - })
4660 - });
4661 - }
4662 - if (group === 'flex-shrink') {
4663 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil.create({
4664 - flexGrow: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(0),
4665 - flexShrink: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil.create(DEFAULT),
4666 - flexBasis: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.sizePropTypeUtil.create({
4667 - unit: 'auto',
4668 - size: ''
4669 - })
4670 - });
4671 - }
4672 - if (group === 'custom') {
4673 - if (flexValue) {
4674 - return flexValue;
4675 - }
4676 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil.create({
4677 - flexGrow: null,
4678 - flexShrink: null,
4679 - flexBasis: null
4680 - });
4681 - }
4682 - return null;
4683 -};
4684 -const FlexCustomField = () => {
4685 - const flexBasisRowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
4686 - const context = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.flexPropTypeUtil);
4687 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, context, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
4688 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Grow', 'elementor')
4689 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
4690 - bind: "flexGrow"
4691 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
4692 - min: 0,
4693 - shouldForceInt: true
4694 - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
4695 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Shrink', 'elementor')
4696 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
4697 - bind: "flexShrink"
4698 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
4699 - min: 0,
4700 - shouldForceInt: true
4701 - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_9__.StylesFieldLayout, {
4702 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Basis', 'elementor'),
4703 - ref: flexBasisRowRef
4704 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
4705 - bind: "flexBasis"
4706 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
4707 - extendedOptions: ['auto'],
4708 - anchorRef: flexBasisRowRef
4709 - })))));
4710 -};
4711 -const getActiveGroup = ({
4712 - grow,
4713 - shrink,
4714 - basis
4715 -}) => {
4716 - if (null === grow && null === shrink && !basis) {
4717 - return null;
4718 - }
4719 - const isAutoBasis = basis === null || typeof basis === 'object' && basis.unit === 'auto';
4720 - if (basis && !isAutoBasis) {
4721 - return 'custom';
4722 - }
4723 - if (grow === DEFAULT && (shrink === null || shrink === 0) && isAutoBasis) {
4724 - return 'flex-grow';
4725 - }
4726 - if (shrink === DEFAULT && (grow === null || grow === 0) && isAutoBasis) {
4727 - return 'flex-shrink';
4728 - }
4729 - return 'custom';
4730 -};
4731 -
4732 -/***/ }),
4733 -
4734 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/gap-control-field.tsx":
4735 -/*!************************************************************************************************************************!*\
4736 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/gap-control-field.tsx ***!
4737 - \************************************************************************************************************************/
4738 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4739 -
4740 -__webpack_require__.r(__webpack_exports__);
4741 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4742 -/* harmony export */ GapControlField: function() { return /* binding */ GapControlField; }
4743 -/* harmony export */ });
4744 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4745 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4746 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4747 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4748 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4749 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
4750 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4751 -
4752 -
4753 -
4754 -
4755 -const GAPS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Gaps', 'elementor');
4756 -const GapControlField = () => {
4757 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
4758 - bind: 'gap',
4759 - propDisplayName: GAPS_LABEL
4760 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.GapControl, {
4761 - label: GAPS_LABEL
4762 - }));
4763 -};
4764 -
4765 -/***/ }),
4766 -
4767 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-flow-field.tsx":
4768 -/*!***************************************************************************************************************************!*\
4769 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-flow-field.tsx ***!
4770 - \***************************************************************************************************************************/
4771 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4772 -
4773 -__webpack_require__.r(__webpack_exports__);
4774 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4775 -/* harmony export */ GridAutoFlowField: function() { return /* binding */ GridAutoFlowField; }
4776 -/* harmony export */ });
4777 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4778 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4779 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4780 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4781 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
4782 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
4783 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4784 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
4785 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4786 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
4787 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4788 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
4789 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
4790 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4791 -
4792 -
4793 -
4794 -
4795 -
4796 -
4797 -
4798 -
4799 -
4800 -const AUTO_FLOW_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Auto flow', 'elementor');
4801 -const DENSE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Dense', 'elementor');
4802 -const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon);
4803 -const directionOptions = [{
4804 - value: 'row',
4805 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Row', 'elementor'),
4806 - renderContent: ({
4807 - size
4808 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
4809 - fontSize: size
4810 - }),
4811 - showTooltip: true
4812 -}, {
4813 - value: 'column',
4814 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Column', 'elementor'),
4815 - renderContent: ({
4816 - size
4817 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon, {
4818 - fontSize: size
4819 - }),
4820 - showTooltip: true
4821 -}];
4822 -const parseAutoFlow = value => {
4823 - if (!value) {
4824 - return {
4825 - direction: null,
4826 - dense: false
4827 - };
4828 - }
4829 - const dense = value.includes('dense');
4830 - const direction = value.replace(/\s*dense\s*/, '').trim();
4831 - return {
4832 - direction: direction || 'row',
4833 - dense
4834 - };
4835 -};
4836 -const composeAutoFlow = (direction, dense) => {
4837 - return dense ? `${direction} dense` : direction;
4838 -};
4839 -const GridAutoFlowFieldContent = () => {
4840 - const {
4841 - value,
4842 - setValue,
4843 - canEdit
4844 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)('grid-auto-flow', {
4845 - history: {
4846 - propDisplayName: AUTO_FLOW_LABEL
4847 - }
4848 - });
4849 - const {
4850 - placeholder
4851 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
4852 - const {
4853 - direction,
4854 - dense
4855 - } = parseAutoFlow(value?.value ?? null);
4856 - const directionPlaceholder = parseAutoFlow(placeholder?.value ?? null).direction;
4857 - const handleDirectionChange = newDirection => {
4858 - if (!newDirection) {
4859 - setValue(null);
4860 - return;
4861 - }
4862 - setValue({
4863 - $$type: 'string',
4864 - value: composeAutoFlow(newDirection, dense)
4865 - });
4866 - };
4867 - const handleDenseToggle = () => {
4868 - const nextDirection = direction ?? 'row';
4869 - setValue({
4870 - $$type: 'string',
4871 - value: composeAutoFlow(nextDirection, !dense)
4872 - });
4873 - };
4874 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_8__.StylesFieldLayout, {
4875 - label: AUTO_FLOW_LABEL
4876 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
4877 - container: true,
4878 - gap: 1,
4879 - flexWrap: "nowrap",
4880 - alignItems: "center",
4881 - justifyContent: "flex-end"
4882 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
4883 - item: true,
4884 - sx: {
4885 - width: 64,
4886 - maxWidth: '100%'
4887 - }
4888 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlToggleButtonGroup, {
4889 - items: directionOptions,
4890 - value: direction,
4891 - placeholder: directionPlaceholder,
4892 - onChange: handleDirectionChange,
4893 - exclusive: true,
4894 - fullWidth: true,
4895 - disabled: !canEdit
4896 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
4897 - item: true
4898 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
4899 - title: DENSE_LABEL,
4900 - placement: "top"
4901 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleButton, {
4902 - value: "dense",
4903 - selected: dense,
4904 - onChange: handleDenseToggle,
4905 - size: "tiny",
4906 - "aria-label": DENSE_LABEL,
4907 - disabled: !canEdit
4908 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDashboardIcon, {
4909 - fontSize: "tiny"
4910 - }))))));
4911 -};
4912 -const GridAutoFlowField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
4913 - bind: "grid-auto-flow",
4914 - propDisplayName: AUTO_FLOW_LABEL
4915 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridAutoFlowFieldContent, null)));
4916 -
4917 -/***/ }),
4918 -
4919 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-track-fields.tsx":
4920 -/*!*****************************************************************************************************************************!*\
4921 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-track-fields.tsx ***!
4922 - \*****************************************************************************************************************************/
4923 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4924 -
4925 -__webpack_require__.r(__webpack_exports__);
4926 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4927 -/* harmony export */ GridAutoTrackFields: function() { return /* binding */ GridAutoTrackFields; }
4928 -/* harmony export */ });
4929 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
4930 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
4931 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
4932 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
4933 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
4934 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
4935 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
4936 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
4937 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
4938 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
4939 -
4940 -
4941 -
4942 -
4943 -
4944 -
4945 -
4946 -const DEFAULT_UNIT = 'fr';
4947 -const AUTO_ROWS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Auto rows', 'elementor');
4948 -const AUTO_COLUMNS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Auto columns', 'elementor');
4949 -const AUTO_ROWS_TOOLTIP = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Set the size for new rows created automatically when content exceeds the defined grid.', 'elementor');
4950 -const AUTO_COLUMNS_TOOLTIP = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Set the size for new columns created automatically when content exceeds the defined grid.', 'elementor');
4951 -const GridAutoTrackField = ({
4952 - bind,
4953 - infoTooltip,
4954 - label,
4955 - rowRef
4956 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
4957 - bind: bind,
4958 - propDisplayName: label
4959 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
4960 - infoTooltip: infoTooltip,
4961 - label: label,
4962 - ref: rowRef
4963 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
4964 - enablePropTypeUnits: true,
4965 - defaultUnit: DEFAULT_UNIT,
4966 - anchorRef: rowRef
4967 -})));
4968 -const GridAutoTrackFields = () => {
4969 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
4970 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
4971 - gap: 2,
4972 - pt: 2,
4973 - ref: rowRef
4974 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridAutoTrackField, {
4975 - bind: "grid-auto-rows",
4976 - infoTooltip: AUTO_ROWS_TOOLTIP,
4977 - label: AUTO_ROWS_LABEL,
4978 - rowRef: rowRef
4979 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridAutoTrackField, {
4980 - bind: "grid-auto-columns",
4981 - infoTooltip: AUTO_COLUMNS_TOOLTIP,
4982 - label: AUTO_COLUMNS_LABEL,
4983 - rowRef: rowRef
4984 - }));
4985 -};
4986 -
4987 -/***/ }),
4988 -
4989 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-justify-items-field.tsx":
4990 -/*!*******************************************************************************************************************************!*\
4991 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-justify-items-field.tsx ***!
4992 - \*******************************************************************************************************************************/
4993 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
4994 -
4995 -__webpack_require__.r(__webpack_exports__);
4996 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
4997 -/* harmony export */ GridJustifyItemsField: function() { return /* binding */ GridJustifyItemsField; }
4998 -/* harmony export */ });
4999 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5000 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5001 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5002 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5003 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
5004 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
5005 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5006 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
5007 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5008 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
5009 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5010 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
5011 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5012 -
5013 -
5014 -
5015 -
5016 -
5017 -
5018 -
5019 -
5020 -const JUSTIFY_ITEMS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Justify items', 'elementor');
5021 -const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignLeftIcon);
5022 -const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignRightIcon);
5023 -const options = [{
5024 - value: 'start',
5025 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
5026 - renderContent: ({
5027 - size
5028 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartIcon, {
5029 - fontSize: size
5030 - }),
5031 - showTooltip: true
5032 -}, {
5033 - value: 'center',
5034 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
5035 - renderContent: ({
5036 - size
5037 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutAlignCenterIcon, {
5038 - fontSize: size
5039 - }),
5040 - showTooltip: true
5041 -}, {
5042 - value: 'end',
5043 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
5044 - renderContent: ({
5045 - size
5046 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndIcon, {
5047 - fontSize: size
5048 - }),
5049 - showTooltip: true
5050 -}, {
5051 - value: 'stretch',
5052 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Stretch', 'elementor'),
5053 - renderContent: ({
5054 - size
5055 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LayoutDistributeVerticalIcon, {
5056 - fontSize: size
5057 - }),
5058 - showTooltip: true
5059 -}];
5060 -const GridJustifyItemsField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
5061 - bind: "justify-items",
5062 - propDisplayName: JUSTIFY_ITEMS_LABEL
5063 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
5064 - label: JUSTIFY_ITEMS_LABEL
5065 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
5066 - options: options
5067 -}))));
5068 -
5069 -/***/ }),
5070 -
5071 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-outline-field.tsx":
5072 -/*!*************************************************************************************************************************!*\
5073 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-outline-field.tsx ***!
5074 - \*************************************************************************************************************************/
5075 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5076 -
5077 -__webpack_require__.r(__webpack_exports__);
5078 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5079 -/* harmony export */ GridOutlineField: function() { return /* binding */ GridOutlineField; }
5080 -/* harmony export */ });
5081 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5082 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5083 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
5084 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
5085 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5086 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
5087 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5088 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
5089 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
5090 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5091 -
5092 -
5093 -
5094 -
5095 -
5096 -
5097 -const GRID_OUTLINE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Show Grid Outline', 'elementor');
5098 -const GridOutlineField = () => {
5099 - const {
5100 - element
5101 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_4__.useElement)();
5102 - const settings = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.useElementEditorSettings)(element.id);
5103 - const value = settings?.grid_outline ?? true;
5104 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
5105 - label: GRID_OUTLINE_LABEL
5106 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Box, {
5107 - sx: {
5108 - display: 'flex',
5109 - justifyContent: 'flex-end'
5110 - }
5111 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Switch, {
5112 - "aria-label": GRID_OUTLINE_LABEL,
5113 - checked: value,
5114 - onChange: event => {
5115 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementEditorSettings)({
5116 - elementId: element.id,
5117 - settings: {
5118 - grid_outline: event.target.checked
5119 - }
5120 - });
5121 - },
5122 - size: "small"
5123 - })));
5124 -};
5125 -
5126 -/***/ }),
5127 -
5128 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-size-field.tsx":
5129 -/*!**********************************************************************************************************************!*\
5130 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-size-field.tsx ***!
5131 - \**********************************************************************************************************************/
5132 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5133 -
5134 -__webpack_require__.r(__webpack_exports__);
5135 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5136 -/* harmony export */ GridSizeFields: function() { return /* binding */ GridSizeFields; }
5137 -/* harmony export */ });
5138 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5139 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5140 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5141 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5142 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5143 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
5144 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5145 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
5146 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5147 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
5148 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
5149 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5150 -/* harmony import */ var _utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/grid-track-value */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/grid-track-value.ts");
5151 -
5152 -
5153 -
5154 -
5155 -
5156 -
5157 -
5158 -
5159 -
5160 -
5161 -const SizeFieldWrapper = ({
5162 - children
5163 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlActions, null, children);
5164 -const GridTrackSizeInput = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.createControl)(props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeComponent, {
5165 - units: _utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.UNITS,
5166 - value: props.value,
5167 - placeholder: props.placeholder,
5168 - defaultUnit: _utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.FR,
5169 - setValue: props.setValue,
5170 - onBlur: () => {},
5171 - min: 1,
5172 - anchorRef: props.anchorRef,
5173 - SizeFieldWrapper: SizeFieldWrapper
5174 -}));
5175 -const GridTrackFieldContent = ({
5176 - cssProp,
5177 - label
5178 -}) => {
5179 - const {
5180 - value,
5181 - setValue
5182 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__.useStylesField)(cssProp, {
5183 - history: {
5184 - propDisplayName: label
5185 - }
5186 - });
5187 - const {
5188 - placeholder: inheritedPlaceholder
5189 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
5190 - const anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
5191 - const local = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.parseValue)(value);
5192 - const inherited = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.parseValue)(inheritedPlaceholder);
5193 - const displayValue = local.kind !== 'empty' ? (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toSizeInput)(local) : (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toSizeInput)(_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.EMPTY, (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.unitOf)(inherited));
5194 - const placeholder = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toPlaceholder)(inherited);
5195 - const handleChange = raw => {
5196 - const next = (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.fromSizeInput)(raw);
5197 - if (next.kind === 'empty' && local.kind !== 'empty' && raw.unit !== (0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.unitOf)(local)) {
5198 - return;
5199 - }
5200 - setValue((0,_utils_grid_track_value__WEBPACK_IMPORTED_MODULE_8__.toPropValue)(next));
5201 - };
5202 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
5203 - label: label,
5204 - direction: "column"
5205 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
5206 - ref: anchorRef
5207 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackSizeInput, {
5208 - value: displayValue,
5209 - placeholder: placeholder,
5210 - setValue: handleChange,
5211 - anchorRef: anchorRef
5212 - })));
5213 -};
5214 -const GridTrackField = ({
5215 - cssProp,
5216 - label
5217 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
5218 - bind: cssProp,
5219 - propDisplayName: label
5220 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackFieldContent, {
5221 - cssProp: cssProp,
5222 - label: label
5223 -})));
5224 -const GridSizeFields = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
5225 - container: true,
5226 - gap: 2,
5227 - flexWrap: "nowrap"
5228 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
5229 - item: true,
5230 - xs: 6
5231 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackField, {
5232 - cssProp: "grid-template-columns",
5233 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Columns', 'elementor')
5234 -})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
5235 - item: true,
5236 - xs: 6
5237 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridTrackField, {
5238 - cssProp: "grid-template-rows",
5239 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Rows', 'elementor')
5240 -})));
5241 -
5242 -/***/ }),
5243 -
5244 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-span-field.tsx":
5245 -/*!**********************************************************************************************************************!*\
5246 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-span-field.tsx ***!
5247 - \**********************************************************************************************************************/
5248 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5249 -
5250 -__webpack_require__.r(__webpack_exports__);
5251 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5252 -/* harmony export */ GridSpanFields: function() { return /* binding */ GridSpanFields; }
5253 -/* harmony export */ });
5254 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5255 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5256 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5257 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5258 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5259 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
5260 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5261 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
5262 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5263 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
5264 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5265 -
5266 -
5267 -
5268 -
5269 -
5270 -
5271 -
5272 -const GridSpanFieldContent = ({
5273 - label
5274 -}) => {
5275 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
5276 - label: label,
5277 - direction: "column"
5278 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.GridSpanControl, null));
5279 -};
5280 -const GridSpanField = ({
5281 - cssProp,
5282 - label
5283 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
5284 - bind: cssProp,
5285 - propDisplayName: label
5286 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridSpanFieldContent, {
5287 - cssProp: cssProp,
5288 - label: label
5289 -})));
5290 -const GridSpanFields = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
5291 - container: true,
5292 - gap: 2,
5293 - flexWrap: "nowrap"
5294 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
5295 - item: true,
5296 - xs: 6
5297 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridSpanField, {
5298 - cssProp: "grid-column",
5299 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Grid column', 'elementor')
5300 -})), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
5301 - item: true,
5302 - xs: 6
5303 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridSpanField, {
5304 - cssProp: "grid-row",
5305 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Grid row', 'elementor')
5306 -})));
5307 -
5308 -/***/ }),
5309 -
5310 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/justify-content-field.tsx":
5311 -/*!****************************************************************************************************************************!*\
5312 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/justify-content-field.tsx ***!
5313 - \****************************************************************************************************************************/
5314 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5315 -
5316 -__webpack_require__.r(__webpack_exports__);
5317 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5318 -/* harmony export */ JustifyContentField: function() { return /* binding */ JustifyContentField; }
5319 -/* harmony export */ });
5320 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5321 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5322 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5323 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5324 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
5325 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
5326 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5327 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
5328 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5329 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
5330 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5331 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
5332 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5333 -/* harmony import */ var _utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx");
5334 -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); }
5335 -
5336 -
5337 -
5338 -
5339 -
5340 -
5341 -
5342 -
5343 -
5344 -const JUSTIFY_CONTENT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Justify content', 'elementor');
5345 -const StartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyTopIcon);
5346 -const EndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyBottomIcon);
5347 -const iconProps = {
5348 - isClockwise: true,
5349 - offset: -90
5350 -};
5351 -const options = [{
5352 - value: 'flex-start',
5353 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
5354 - renderContent: ({
5355 - size
5356 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
5357 - icon: StartIcon,
5358 - size: size
5359 - }, iconProps)),
5360 - showTooltip: true
5361 -}, {
5362 - value: 'center',
5363 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
5364 - renderContent: ({
5365 - size
5366 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
5367 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyCenterIcon,
5368 - size: size
5369 - }, iconProps)),
5370 - showTooltip: true
5371 -}, {
5372 - value: 'flex-end',
5373 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
5374 - renderContent: ({
5375 - size
5376 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
5377 - icon: EndIcon,
5378 - size: size
5379 - }, iconProps)),
5380 - showTooltip: true
5381 -}, {
5382 - value: 'space-between',
5383 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space between', 'elementor'),
5384 - renderContent: ({
5385 - size
5386 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
5387 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceBetweenVerticalIcon,
5388 - size: size
5389 - }, iconProps)),
5390 - showTooltip: true
5391 -}, {
5392 - value: 'space-around',
5393 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space around', 'elementor'),
5394 - renderContent: ({
5395 - size
5396 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
5397 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifySpaceAroundVerticalIcon,
5398 - size: size
5399 - }, iconProps)),
5400 - showTooltip: true
5401 -}, {
5402 - value: 'space-evenly',
5403 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Space evenly', 'elementor'),
5404 - renderContent: ({
5405 - size
5406 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_8__.RotatedIcon, _extends({
5407 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.JustifyDistributeVerticalIcon,
5408 - size: size
5409 - }, iconProps)),
5410 - showTooltip: true
5411 -}];
5412 -const JustifyContentField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
5413 - bind: "justify-content",
5414 - propDisplayName: JUSTIFY_CONTENT_LABEL
5415 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
5416 - label: JUSTIFY_CONTENT_LABEL,
5417 - direction: "column"
5418 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
5419 - options: options,
5420 - fullWidth: true
5421 -}))));
5422 -
5423 -/***/ }),
5424 -
5425 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/layout-section.tsx":
5426 -/*!*********************************************************************************************************************!*\
5427 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/layout-section.tsx ***!
5428 - \*********************************************************************************************************************/
5429 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5430 -
5431 -__webpack_require__.r(__webpack_exports__);
5432 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5433 -/* harmony export */ GridFieldsSlot: function() { return /* binding */ GridFieldsSlot; },
5434 -/* harmony export */ LayoutSection: function() { return /* binding */ LayoutSection; },
5435 -/* harmony export */ injectIntoGridFields: function() { return /* binding */ injectIntoGridFields; }
5436 -/* harmony export */ });
5437 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5438 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5439 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5440 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5441 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
5442 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__);
5443 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
5444 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_3__);
5445 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5446 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
5447 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
5448 -/* harmony import */ var _hooks_use_computed_style__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-computed-style */ "./packages/packages/core/editor-editing-panel/src/hooks/use-computed-style.ts");
5449 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
5450 -/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
5451 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
5452 -/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
5453 -/* harmony import */ var _align_content_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./align-content-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-content-field.tsx");
5454 -/* harmony import */ var _align_items_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./align-items-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-items-field.tsx");
5455 -/* harmony import */ var _align_self_child_field__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./align-self-child-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-child-field.tsx");
5456 -/* harmony import */ var _align_self_grid_child_field__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./align-self-grid-child-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/align-self-grid-child-field.tsx");
5457 -/* harmony import */ var _display_field__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./display-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/display-field.tsx");
5458 -/* harmony import */ var _flex_direction_field__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./flex-direction-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-direction-field.tsx");
5459 -/* harmony import */ var _flex_order_field__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./flex-order-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-order-field.tsx");
5460 -/* harmony import */ var _flex_size_field__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./flex-size-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/flex-size-field.tsx");
5461 -/* harmony import */ var _gap_control_field__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./gap-control-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/gap-control-field.tsx");
5462 -/* harmony import */ var _grid_auto_flow_field__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./grid-auto-flow-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-flow-field.tsx");
5463 -/* harmony import */ var _grid_auto_track_fields__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./grid-auto-track-fields */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-auto-track-fields.tsx");
5464 -/* harmony import */ var _grid_justify_items_field__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./grid-justify-items-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-justify-items-field.tsx");
5465 -/* harmony import */ var _grid_outline_field__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./grid-outline-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-outline-field.tsx");
5466 -/* harmony import */ var _grid_size_field__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./grid-size-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-size-field.tsx");
5467 -/* harmony import */ var _grid_span_field__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./grid-span-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/grid-span-field.tsx");
5468 -/* harmony import */ var _justify_content_field__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./justify-content-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/justify-content-field.tsx");
5469 -/* harmony import */ var _wrap_field__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./wrap-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/wrap-field.tsx");
5470 -
5471 -
5472 -
5473 -
5474 -
5475 -
5476 -
5477 -
5478 -
5479 -
5480 -
5481 -
5482 -
5483 -
5484 -
5485 -
5486 -
5487 -
5488 -
5489 -
5490 -
5491 -
5492 -
5493 -
5494 -
5495 -
5496 -
5497 -
5498 -const DISPLAY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Display', 'elementor');
5499 -const FLEX_WRAP_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Flex wrap', 'elementor');
5500 -const DEFAULT_PARENT_FLOW_DIRECTION = 'row';
5501 -const {
5502 - Slot: GridFieldsSlot,
5503 - inject: injectIntoGridFields
5504 -} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_3__.createLocation)();
5505 -const LayoutSection = () => {
5506 - const {
5507 - value: display
5508 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_7__.useStylesField)('display', {
5509 - history: {
5510 - propDisplayName: DISPLAY_LABEL
5511 - }
5512 - });
5513 - const displayPlaceholder = (0,_display_field__WEBPACK_IMPORTED_MODULE_15__.useDisplayPlaceholderValue)();
5514 - const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
5515 - const isDisplayGrid = 'grid' === (display?.value ?? displayPlaceholder?.value);
5516 - const {
5517 - element
5518 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_5__.useElement)();
5519 - const parent = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useParentElement)(element.id);
5520 - const parentStyle = (0,_hooks_use_computed_style__WEBPACK_IMPORTED_MODULE_6__.useComputedStyle)(parent?.id || null);
5521 - const getParentStyleDirection = () => {
5522 - if ('flex' === parentStyle?.display) {
5523 - return parentStyle?.flexDirection ?? DEFAULT_PARENT_FLOW_DIRECTION;
5524 - }
5525 - if ('grid' === parentStyle?.display) {
5526 - return parentStyle?.gridAutoFlow ?? DEFAULT_PARENT_FLOW_DIRECTION;
5527 - }
5528 - return DEFAULT_PARENT_FLOW_DIRECTION;
5529 - };
5530 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_9__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_display_field__WEBPACK_IMPORTED_MODULE_15__.DisplayField, null), isDisplayFlex && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexFields, null), 'flex' === parentStyle?.display && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(FlexChildFields, {
5531 - parentStyleDirection: getParentStyleDirection()
5532 - }), isDisplayGrid && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridFields, null), 'grid' === parentStyle?.display && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridChildFields, {
5533 - parentStyleDirection: getParentStyleDirection()
5534 - }));
5535 -};
5536 -const FlexFields = () => {
5537 - const {
5538 - value: flexWrap
5539 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_7__.useStylesField)('flex-wrap', {
5540 - history: {
5541 - propDisplayName: FLEX_WRAP_LABEL
5542 - }
5543 - });
5544 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_direction_field__WEBPACK_IMPORTED_MODULE_16__.FlexDirectionField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_justify_content_field__WEBPACK_IMPORTED_MODULE_26__.JustifyContentField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_items_field__WEBPACK_IMPORTED_MODULE_12__.AlignItemsField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_gap_control_field__WEBPACK_IMPORTED_MODULE_19__.GapControlField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_wrap_field__WEBPACK_IMPORTED_MODULE_27__.WrapField, null), ['wrap', 'wrap-reverse'].includes(flexWrap?.value) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_content_field__WEBPACK_IMPORTED_MODULE_11__.AlignContentField, null));
5545 -};
5546 -const GridFields = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_outline_field__WEBPACK_IMPORTED_MODULE_23__.GridOutlineField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_size_field__WEBPACK_IMPORTED_MODULE_24__.GridSizeFields, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_auto_flow_field__WEBPACK_IMPORTED_MODULE_20__.GridAutoFlowField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(GridFieldsSlot, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_10__.StyleTabCollapsibleContent, {
5547 - fields: ['grid-auto-rows', 'grid-auto-columns']
5548 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_auto_track_fields__WEBPACK_IMPORTED_MODULE_21__.GridAutoTrackFields, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_gap_control_field__WEBPACK_IMPORTED_MODULE_19__.GapControlField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_justify_items_field__WEBPACK_IMPORTED_MODULE_22__.GridJustifyItemsField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_items_field__WEBPACK_IMPORTED_MODULE_12__.AlignItemsField, null));
5549 -const FlexChildFields = ({
5550 - parentStyleDirection
5551 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Flex child', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_self_child_field__WEBPACK_IMPORTED_MODULE_13__.AlignSelfChild, {
5552 - parentStyleDirection: parentStyleDirection
5553 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_order_field__WEBPACK_IMPORTED_MODULE_17__.FlexOrderField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_size_field__WEBPACK_IMPORTED_MODULE_18__.FlexSizeField, null));
5554 -const GridChildFields = ({
5555 - parentStyleDirection
5556 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_8__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Grid child', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_grid_span_field__WEBPACK_IMPORTED_MODULE_25__.GridSpanFields, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_align_self_grid_child_field__WEBPACK_IMPORTED_MODULE_14__.AlignSelfGridChild, {
5557 - parentStyleDirection: parentStyleDirection
5558 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_flex_order_field__WEBPACK_IMPORTED_MODULE_17__.FlexOrderField, null));
5559 -const shouldDisplayFlexFields = (display, local) => {
5560 - const value = display?.value ?? local?.value;
5561 - if (!value) {
5562 - return false;
5563 - }
5564 - return 'flex' === value || 'inline-flex' === value;
5565 -};
5566 -
5567 -/***/ }),
5568 -
5569 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/grid-track-value.ts":
5570 -/*!****************************************************************************************************************************!*\
5571 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/grid-track-value.ts ***!
5572 - \****************************************************************************************************************************/
5573 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5574 -
5575 -__webpack_require__.r(__webpack_exports__);
5576 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5577 -/* harmony export */ CUSTOM: function() { return /* binding */ CUSTOM; },
5578 -/* harmony export */ EMPTY: function() { return /* binding */ EMPTY; },
5579 -/* harmony export */ FR: function() { return /* binding */ FR; },
5580 -/* harmony export */ UNITS: function() { return /* binding */ UNITS; },
5581 -/* harmony export */ fromSizeInput: function() { return /* binding */ fromSizeInput; },
5582 -/* harmony export */ parseValue: function() { return /* binding */ parseValue; },
5583 -/* harmony export */ toPlaceholder: function() { return /* binding */ toPlaceholder; },
5584 -/* harmony export */ toPropValue: function() { return /* binding */ toPropValue; },
5585 -/* harmony export */ toSizeInput: function() { return /* binding */ toSizeInput; },
5586 -/* harmony export */ unitOf: function() { return /* binding */ unitOf; }
5587 -/* harmony export */ });
5588 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
5589 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
5590 -
5591 -const FR = 'fr';
5592 -const CUSTOM = 'custom';
5593 -const UNITS = [FR, CUSTOM];
5594 -const EMPTY = {
5595 - kind: 'empty'
5596 -};
5597 -
5598 -// Backward-compat: legacy values were stored as `{$$type:'string', value:'repeat(N, 1fr)'}`.
5599 -const REPEAT_FR_PATTERN = /^repeat\(\s*(\d+)\s*,\s*1fr\s*\)$/;
5600 -const parseString = css => {
5601 - if (!css) {
5602 - return EMPTY;
5603 - }
5604 - const match = css.match(REPEAT_FR_PATTERN);
5605 - if (match) {
5606 - const count = parseInt(match[1], 10);
5607 - return count >= 1 ? {
5608 - kind: 'fr',
5609 - count
5610 - } : EMPTY;
5611 - }
5612 - return {
5613 - kind: 'custom',
5614 - raw: css
5615 - };
5616 -};
5617 -const parseGridTrackSize = size => {
5618 - if (!size) {
5619 - return EMPTY;
5620 - }
5621 - if (size.unit === FR) {
5622 - const n = Number(size.size);
5623 - return Number.isFinite(n) && n >= 1 ? {
5624 - kind: 'fr',
5625 - count: Math.trunc(n)
5626 - } : EMPTY;
5627 - }
5628 - const raw = String(size.size ?? '');
5629 - return raw === '' ? EMPTY : {
5630 - kind: 'custom',
5631 - raw
5632 - };
5633 -};
5634 -const parseValue = value => {
5635 - if (!value) {
5636 - return EMPTY;
5637 - }
5638 - if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.isValid(value)) {
5639 - return parseGridTrackSize(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.extract(value));
5640 - }
5641 - if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.isValid(value)) {
5642 - return parseString(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.stringPropTypeUtil.extract(value));
5643 - }
5644 - return EMPTY;
5645 -};
5646 -const fromSizeInput = v => {
5647 - if (v.size === '' || Number.isNaN(v.size)) {
5648 - return EMPTY;
5649 - }
5650 - if (v.unit === FR) {
5651 - const n = Number(v.size);
5652 - return Number.isFinite(n) && n >= 1 ? {
5653 - kind: 'fr',
5654 - count: Math.trunc(n)
5655 - } : EMPTY;
5656 - }
5657 - return {
5658 - kind: 'custom',
5659 - raw: String(v.size)
5660 - };
5661 -};
5662 -const toPropValue = v => {
5663 - switch (v.kind) {
5664 - case 'empty':
5665 - return null;
5666 - case 'fr':
5667 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.create({
5668 - size: v.count,
5669 - unit: FR
5670 - });
5671 - case 'custom':
5672 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.gridTrackSizePropTypeUtil.create({
5673 - size: v.raw,
5674 - unit: CUSTOM
5675 - });
5676 - }
5677 -};
5678 -const toSizeInput = (v, fallbackUnit = FR) => {
5679 - switch (v.kind) {
5680 - case 'empty':
5681 - return {
5682 - size: '',
5683 - unit: fallbackUnit
5684 - };
5685 - case 'fr':
5686 - return {
5687 - size: v.count,
5688 - unit: FR
5689 - };
5690 - case 'custom':
5691 - return {
5692 - size: v.raw,
5693 - unit: CUSTOM
5694 - };
5695 - }
5696 -};
5697 -const toPlaceholder = v => {
5698 - switch (v.kind) {
5699 - case 'empty':
5700 - return undefined;
5701 - case 'fr':
5702 - return String(v.count);
5703 - case 'custom':
5704 - return v.raw;
5705 - }
5706 -};
5707 -const unitOf = (v, fallback = FR) => {
5708 - if (v.kind === 'fr') {
5709 - return FR;
5710 - }
5711 - if (v.kind === 'custom') {
5712 - return CUSTOM;
5713 - }
5714 - return fallback;
5715 -};
5716 -
5717 -/***/ }),
5718 -
5719 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx":
5720 -/*!*************************************************************************************************************************!*\
5721 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx ***!
5722 - \*************************************************************************************************************************/
5723 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5724 -
5725 -__webpack_require__.r(__webpack_exports__);
5726 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5727 -/* harmony export */ RotatedIcon: function() { return /* binding */ RotatedIcon; }
5728 -/* harmony export */ });
5729 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5730 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5731 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5732 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
5733 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5734 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
5735 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
5736 -
5737 -
5738 -
5739 -
5740 -
5741 -const FLEX_DIRECTION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Flex direction', 'elementor');
5742 -const CLOCKWISE_ANGLES = {
5743 - row: 0,
5744 - column: 90,
5745 - 'row-reverse': 180,
5746 - 'column-reverse': 270
5747 -};
5748 -const COUNTER_CLOCKWISE_ANGLES = {
5749 - row: 0,
5750 - column: -90,
5751 - 'row-reverse': -180,
5752 - 'column-reverse': -270
5753 -};
5754 -const RotatedIcon = ({
5755 - icon: Icon,
5756 - size,
5757 - isClockwise = true,
5758 - offset = 0,
5759 - disableRotationForReversed = false
5760 -}) => {
5761 - const rotate = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(useGetTargetAngle(isClockwise, offset, disableRotationForReversed));
5762 - rotate.current = useGetTargetAngle(isClockwise, offset, disableRotationForReversed, rotate);
5763 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, {
5764 - fontSize: size,
5765 - sx: {
5766 - transition: '.3s',
5767 - rotate: `${rotate.current}deg`
5768 - }
5769 - });
5770 -};
5771 -const useGetTargetAngle = (isClockwise, offset, disableRotationForReversed, existingRef) => {
5772 - const {
5773 - value: direction
5774 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_3__.useStylesField)('flex-direction', {
5775 - history: {
5776 - propDisplayName: FLEX_DIRECTION_LABEL
5777 - }
5778 - });
5779 - const isRtl = 'rtl' === (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.useTheme)().direction;
5780 - const rotationMultiplier = isRtl ? -1 : 1;
5781 - const angleMap = isClockwise ? CLOCKWISE_ANGLES : COUNTER_CLOCKWISE_ANGLES;
5782 - const currentDirection = direction?.value || 'row';
5783 - const currentAngle = existingRef ? existingRef.current * rotationMultiplier : angleMap[currentDirection] + offset;
5784 - const targetAngle = angleMap[currentDirection] + offset;
5785 - const diffToTargetAngle = (targetAngle - currentAngle + 360) % 360;
5786 - const formattedDiff = (diffToTargetAngle + 180) % 360 - 180;
5787 - if (disableRotationForReversed && ['row-reverse', 'column-reverse'].includes(currentDirection)) {
5788 - return 0;
5789 - }
5790 - return (currentAngle + formattedDiff) * rotationMultiplier;
5791 -};
5792 -
5793 -/***/ }),
5794 -
5795 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/wrap-field.tsx":
5796 -/*!*****************************************************************************************************************!*\
5797 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/wrap-field.tsx ***!
5798 - \*****************************************************************************************************************/
5799 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5800 -
5801 -__webpack_require__.r(__webpack_exports__);
5802 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5803 -/* harmony export */ WrapField: function() { return /* binding */ WrapField; }
5804 -/* harmony export */ });
5805 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5806 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5807 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5808 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5809 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
5810 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
5811 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5812 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
5813 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5814 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
5815 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5816 -
5817 -
5818 -
5819 -
5820 -
5821 -
5822 -
5823 -const FLEX_WRAP_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Wrap', 'elementor');
5824 -const options = [{
5825 - value: 'nowrap',
5826 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No wrap', 'elementor'),
5827 - renderContent: ({
5828 - size
5829 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon, {
5830 - fontSize: size
5831 - }),
5832 - showTooltip: true
5833 -}, {
5834 - value: 'wrap',
5835 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Wrap', 'elementor'),
5836 - renderContent: ({
5837 - size
5838 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowBackIcon, {
5839 - fontSize: size
5840 - }),
5841 - showTooltip: true
5842 -}, {
5843 - value: 'wrap-reverse',
5844 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Reversed wrap', 'elementor'),
5845 - renderContent: ({
5846 - size
5847 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowForwardIcon, {
5848 - fontSize: size
5849 - }),
5850 - showTooltip: true
5851 -}];
5852 -const WrapField = () => {
5853 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
5854 - bind: "flex-wrap",
5855 - propDisplayName: FLEX_WRAP_LABEL
5856 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_5__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
5857 - label: FLEX_WRAP_LABEL
5858 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
5859 - options: options
5860 - }))));
5861 -};
5862 -
5863 -/***/ }),
5864 -
5865 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/dimensions-field.tsx":
5866 -/*!*************************************************************************************************************************!*\
5867 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/dimensions-field.tsx ***!
5868 - \*************************************************************************************************************************/
5869 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5870 -
5871 -__webpack_require__.r(__webpack_exports__);
5872 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5873 -/* harmony export */ DimensionsField: function() { return /* binding */ DimensionsField; }
5874 -/* harmony export */ });
5875 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5876 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5877 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5878 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5879 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
5880 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
5881 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5882 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
5883 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5884 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
5885 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5886 -/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
5887 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
5888 -/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
5889 -/* harmony import */ var _layout_section_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../layout-section/utils/rotated-icon */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/utils/rotated-icon.tsx");
5890 -
5891 -
5892 -
5893 -
5894 -
5895 -
5896 -
5897 -
5898 -
5899 -
5900 -
5901 -const InlineStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideLeftIcon);
5902 -const InlineEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideRightIcon);
5903 -const sideIcons = {
5904 - 'inset-block-start': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideTopIcon, {
5905 - fontSize: 'tiny'
5906 - }),
5907 - 'inset-block-end': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.SideBottomIcon, {
5908 - fontSize: 'tiny'
5909 - }),
5910 - 'inset-inline-start': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_layout_section_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_9__.RotatedIcon, {
5911 - icon: InlineStartIcon,
5912 - size: "tiny"
5913 - }),
5914 - 'inset-inline-end': /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_layout_section_utils_rotated_icon__WEBPACK_IMPORTED_MODULE_9__.RotatedIcon, {
5915 - icon: InlineEndIcon,
5916 - size: "tiny"
5917 - })
5918 -};
5919 -const getInlineStartLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Left', 'elementor');
5920 -const getInlineEndLabel = isSiteRtl => isSiteRtl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Right', 'elementor');
5921 -const DimensionsField = () => {
5922 - const {
5923 - isSiteRtl
5924 - } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_6__.useDirection)();
5925 - const rowRefs = [(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null)];
5926 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_7__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
5927 - direction: "row",
5928 - gap: 2,
5929 - flexWrap: "nowrap",
5930 - ref: rowRefs[0]
5931 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
5932 - side: "inset-block-start",
5933 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Top', 'elementor'),
5934 - rowRef: rowRefs[0]
5935 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
5936 - side: "inset-inline-end",
5937 - label: getInlineEndLabel(isSiteRtl),
5938 - rowRef: rowRefs[0]
5939 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
5940 - direction: "row",
5941 - gap: 2,
5942 - flexWrap: "nowrap",
5943 - ref: rowRefs[1]
5944 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
5945 - side: "inset-block-end",
5946 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Bottom', 'elementor'),
5947 - rowRef: rowRefs[1]
5948 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DimensionField, {
5949 - side: "inset-inline-start",
5950 - label: getInlineStartLabel(isSiteRtl),
5951 - rowRef: rowRefs[1]
5952 - })));
5953 -};
5954 -const DimensionField = ({
5955 - side,
5956 - label,
5957 - rowRef
5958 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
5959 - bind: side,
5960 - propDisplayName: label
5961 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
5962 - container: true,
5963 - gap: 0.75,
5964 - alignItems: "center"
5965 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
5966 - item: true,
5967 - xs: 12
5968 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_8__.ControlLabel, null, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, {
5969 - item: true,
5970 - xs: 12
5971 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
5972 - startIcon: sideIcons[side],
5973 - extendedOptions: ['auto'],
5974 - anchorRef: rowRef,
5975 - min: -Number.MAX_SAFE_INTEGER
5976 -}))));
5977 -
5978 -/***/ }),
5979 -
5980 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/offset-field.tsx":
5981 -/*!*********************************************************************************************************************!*\
5982 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/offset-field.tsx ***!
5983 - \*********************************************************************************************************************/
5984 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
5985 -
5986 -__webpack_require__.r(__webpack_exports__);
5987 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
5988 -/* harmony export */ OffsetField: function() { return /* binding */ OffsetField; }
5989 -/* harmony export */ });
5990 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
5991 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
5992 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
5993 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
5994 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
5995 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
5996 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
5997 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
5998 -
5999 -
6000 -
6001 -
6002 -
6003 -
6004 -const OFFSET_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Anchor offset', 'elementor');
6005 -const UNITS = ['px', 'em', 'rem', 'vw', 'vh'];
6006 -const OffsetField = () => {
6007 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
6008 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6009 - bind: "scroll-margin-top",
6010 - propDisplayName: OFFSET_LABEL
6011 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6012 - label: OFFSET_LABEL,
6013 - ref: rowRef
6014 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
6015 - units: UNITS,
6016 - anchorRef: rowRef
6017 - })));
6018 -};
6019 -
6020 -/***/ }),
6021 -
6022 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-field.tsx":
6023 -/*!***********************************************************************************************************************!*\
6024 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-field.tsx ***!
6025 - \***********************************************************************************************************************/
6026 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6027 -
6028 -__webpack_require__.r(__webpack_exports__);
6029 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6030 -/* harmony export */ PositionField: function() { return /* binding */ PositionField; }
6031 -/* harmony export */ });
6032 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6033 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6034 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6035 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6036 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6037 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6038 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6039 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6040 -
6041 -
6042 -
6043 -
6044 -
6045 -const POSITION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Position', 'elementor');
6046 -const positionOptions = [{
6047 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Static', 'elementor'),
6048 - value: 'static'
6049 -}, {
6050 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Relative', 'elementor'),
6051 - value: 'relative'
6052 -}, {
6053 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Absolute', 'elementor'),
6054 - value: 'absolute'
6055 -}, {
6056 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Fixed', 'elementor'),
6057 - value: 'fixed'
6058 -}, {
6059 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Sticky', 'elementor'),
6060 - value: 'sticky'
6061 -}];
6062 -const PositionField = () => {
6063 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6064 - bind: "position",
6065 - propDisplayName: POSITION_LABEL
6066 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6067 - label: POSITION_LABEL
6068 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
6069 - options: positionOptions
6070 - })));
6071 -};
6072 -
6073 -/***/ }),
6074 -
6075 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-section.tsx":
6076 -/*!*************************************************************************************************************************!*\
6077 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-section.tsx ***!
6078 - \*************************************************************************************************************************/
6079 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6080 -
6081 -__webpack_require__.r(__webpack_exports__);
6082 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6083 -/* harmony export */ PositionSection: function() { return /* binding */ PositionSection; }
6084 -/* harmony export */ });
6085 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6086 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6087 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
6088 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_1__);
6089 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6090 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
6091 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6092 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
6093 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
6094 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
6095 -/* harmony import */ var _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../hooks/use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");
6096 -/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
6097 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
6098 -/* harmony import */ var _dimensions_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./dimensions-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/dimensions-field.tsx");
6099 -/* harmony import */ var _offset_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./offset-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/offset-field.tsx");
6100 -/* harmony import */ var _position_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./position-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-field.tsx");
6101 -/* harmony import */ var _z_index_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./z-index-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/z-index-field.tsx");
6102 -
6103 -
6104 -
6105 -
6106 -
6107 -
6108 -
6109 -
6110 -
6111 -
6112 -
6113 -
6114 -
6115 -
6116 -const POSITION_STATIC = 'static';
6117 -const POSITION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Position', 'elementor');
6118 -const DIMENSIONS_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Dimensions', 'elementor');
6119 -const DEPENDENT_PROP_NAMES = ['inset-block-start', 'inset-block-end', 'inset-inline-start', 'inset-inline-end', 'z-index'];
6120 -const PositionSection = () => {
6121 - const {
6122 - value: position
6123 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_5__.useStylesField)('position', withHistoryLabel(POSITION_LABEL));
6124 - const positionPrevRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(position);
6125 - const {
6126 - values: dependentValues,
6127 - setValues: setDependentValues
6128 - } = (0,_hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_6__.useStylesFields)(DEPENDENT_PROP_NAMES);
6129 - const [savedDependentValues, saveToHistory, clearHistory] = usePersistDimensions();
6130 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
6131 - if (position && position?.value === POSITION_STATIC && hasDependentValues(dependentValues)) {
6132 - saveToHistory(extractDimensions(dependentValues));
6133 - }
6134 - if (positionPrevRef.current?.value === POSITION_STATIC) {
6135 - setDependentValues({
6136 - ...savedDependentValues
6137 - }, withHistoryLabel(DIMENSIONS_LABEL));
6138 - clearHistory();
6139 - }
6140 - if ((!position || position?.value === POSITION_STATIC) && dependentValues?.['z-index']) {
6141 - setDependentValues({
6142 - 'z-index': null
6143 - }, withHistoryLabel(DIMENSIONS_LABEL));
6144 - }
6145 - positionPrevRef.current = position;
6146 - // eslint-disable-next-line react-hooks/exhaustive-deps
6147 - }, [position?.value]);
6148 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledSectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_position_field__WEBPACK_IMPORTED_MODULE_11__.PositionField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_dimensions_field__WEBPACK_IMPORTED_MODULE_9__.DimensionsField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_z_index_field__WEBPACK_IMPORTED_MODULE_12__.ZIndexField, {
6149 - disabled: !position || position?.value === POSITION_STATIC
6150 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_7__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_offset_field__WEBPACK_IMPORTED_MODULE_10__.OffsetField, null));
6151 -};
6152 -const usePersistDimensions = () => {
6153 - const {
6154 - id: styleDefID,
6155 - meta
6156 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_4__.useStyle)();
6157 - const styleVariantPath = `styles/${styleDefID}/${meta.breakpoint || 'desktop'}/${meta.state || 'null'}`;
6158 - const dimensionsPath = `${styleVariantPath}/dimensions`;
6159 - return (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.useSessionStorage)(dimensionsPath);
6160 -};
6161 -const withHistoryLabel = name => {
6162 - return {
6163 - history: {
6164 - propDisplayName: name
6165 - }
6166 - };
6167 -};
6168 -const hasDependentValues = values => {
6169 - if (!values) {
6170 - return false;
6171 - }
6172 - const dimensions = extractDimensions(values);
6173 - return Object.values(dimensions).some(v => v !== null);
6174 -};
6175 -const extractDimensions = values => {
6176 - return DEPENDENT_PROP_NAMES.reduce((acc, key) => {
6177 - return {
6178 - ...acc,
6179 - [key]: values?.[key] ?? null
6180 - };
6181 - }, {});
6182 -};
6183 -const StyledSectionContent = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_section_content__WEBPACK_IMPORTED_MODULE_8__.SectionContent, {
6184 - shouldForwardProp: prop => prop !== 'gap'
6185 -})(({
6186 - gap = 2,
6187 - theme
6188 -}) => ({
6189 - gap: 0,
6190 - '& > *': {
6191 - marginBottom: theme.spacing(gap)
6192 - },
6193 - '& > *:last-child': {
6194 - marginBottom: 0
6195 - },
6196 - '& > .MuiStack-root': {
6197 - marginBottom: 0
6198 - },
6199 - '& > .MuiStack-root:has(> *)': {
6200 - marginBottom: theme.spacing(gap)
6201 - },
6202 - '& > .MuiDivider-root': {
6203 - marginBottom: theme.spacing(gap)
6204 - }
6205 -}));
6206 -
6207 -/***/ }),
6208 -
6209 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/z-index-field.tsx":
6210 -/*!**********************************************************************************************************************!*\
6211 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/z-index-field.tsx ***!
6212 - \**********************************************************************************************************************/
6213 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6214 -
6215 -__webpack_require__.r(__webpack_exports__);
6216 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6217 -/* harmony export */ ZIndexField: function() { return /* binding */ ZIndexField; }
6218 -/* harmony export */ });
6219 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6220 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6221 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6222 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6223 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
6224 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
6225 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6226 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
6227 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6228 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
6229 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6230 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6231 -
6232 -
6233 -
6234 -
6235 -
6236 -
6237 -
6238 -const Z_INDEX_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Z-index', 'elementor');
6239 -const ZIndexField = ({
6240 - disabled
6241 -}) => {
6242 - const StyleField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
6243 - bind: "z-index",
6244 - propDisplayName: Z_INDEX_LABEL
6245 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_6__.StylesFieldLayout, {
6246 - label: Z_INDEX_LABEL
6247 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
6248 - disabled: disabled
6249 - })));
6250 - const content = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Alert, {
6251 - color: "secondary",
6252 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleFilledIcon, null),
6253 - size: "small"
6254 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Z-index', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
6255 - component: "span"
6256 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('z-index only works on positioned elements. Change position to relative, absolute, or fixed to enable layering.', 'elementor')));
6257 - return disabled ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Infotip, {
6258 - placement: "right",
6259 - content: content,
6260 - color: "secondary",
6261 - slotProps: {
6262 - popper: {
6263 - sx: {
6264 - width: 300
6265 - }
6266 - }
6267 - }
6268 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, null, StyleField)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, StyleField);
6269 -};
6270 -
6271 -/***/ }),
6272 -
6273 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/object-fit-field.tsx":
6274 -/*!*********************************************************************************************************************!*\
6275 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/object-fit-field.tsx ***!
6276 - \*********************************************************************************************************************/
6277 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6278 -
6279 -__webpack_require__.r(__webpack_exports__);
6280 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6281 -/* harmony export */ ObjectFitField: function() { return /* binding */ ObjectFitField; }
6282 -/* harmony export */ });
6283 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6284 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6285 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6286 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6287 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6288 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6289 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6290 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6291 -
6292 -
6293 -
6294 -
6295 -
6296 -const OBJECT_FIT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Object fit', 'elementor');
6297 -const positionOptions = [{
6298 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Fill', 'elementor'),
6299 - value: 'fill'
6300 -}, {
6301 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Cover', 'elementor'),
6302 - value: 'cover'
6303 -}, {
6304 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Contain', 'elementor'),
6305 - value: 'contain'
6306 -}, {
6307 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('None', 'elementor'),
6308 - value: 'none'
6309 -}, {
6310 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Scale down', 'elementor'),
6311 - value: 'scale-down'
6312 -}];
6313 -const ObjectFitField = () => {
6314 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6315 - bind: "object-fit",
6316 - propDisplayName: OBJECT_FIT_LABEL
6317 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6318 - label: OBJECT_FIT_LABEL
6319 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
6320 - options: positionOptions
6321 - })));
6322 -};
6323 -
6324 -/***/ }),
6325 -
6326 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/overflow-field.tsx":
6327 -/*!*******************************************************************************************************************!*\
6328 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/overflow-field.tsx ***!
6329 - \*******************************************************************************************************************/
6330 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6331 -
6332 -__webpack_require__.r(__webpack_exports__);
6333 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6334 -/* harmony export */ OverflowField: function() { return /* binding */ OverflowField; }
6335 -/* harmony export */ });
6336 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6337 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6338 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6339 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6340 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
6341 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
6342 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6343 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
6344 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6345 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6346 -
6347 -
6348 -
6349 -
6350 -
6351 -
6352 -const OVERFLOW_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Overflow', 'elementor');
6353 -const options = [{
6354 - value: 'visible',
6355 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Visible', 'elementor'),
6356 - renderContent: ({
6357 - size
6358 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.EyeIcon, {
6359 - fontSize: size
6360 - }),
6361 - showTooltip: true
6362 -}, {
6363 - value: 'hidden',
6364 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Hidden', 'elementor'),
6365 - renderContent: ({
6366 - size
6367 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.EyeOffIcon, {
6368 - fontSize: size
6369 - }),
6370 - showTooltip: true
6371 -}, {
6372 - value: 'auto',
6373 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Auto', 'elementor'),
6374 - renderContent: ({
6375 - size
6376 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterAIcon, {
6377 - fontSize: size
6378 - }),
6379 - showTooltip: true
6380 -}];
6381 -const OverflowField = () => {
6382 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
6383 - bind: "overflow",
6384 - propDisplayName: OVERFLOW_LABEL
6385 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
6386 - label: OVERFLOW_LABEL
6387 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
6388 - options: options
6389 - })));
6390 -};
6391 -
6392 -/***/ }),
6393 -
6394 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/size-section.tsx":
6395 -/*!*****************************************************************************************************************!*\
6396 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/size-section.tsx ***!
6397 - \*****************************************************************************************************************/
6398 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6399 -
6400 -__webpack_require__.r(__webpack_exports__);
6401 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6402 -/* harmony export */ SizeSection: function() { return /* binding */ SizeSection; }
6403 -/* harmony export */ });
6404 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6405 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6406 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6407 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6408 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6409 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
6410 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6411 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
6412 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6413 -/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
6414 -/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
6415 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
6416 -/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
6417 -/* harmony import */ var _object_fit_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./object-fit-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/object-fit-field.tsx");
6418 -/* harmony import */ var _overflow_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./overflow-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/overflow-field.tsx");
6419 -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); }
6420 -
6421 -
6422 -
6423 -
6424 -
6425 -
6426 -
6427 -
6428 -
6429 -
6430 -
6431 -
6432 -const CssSizeProps = [[{
6433 - bind: 'width',
6434 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Width', 'elementor')
6435 -}, {
6436 - bind: 'height',
6437 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Height', 'elementor')
6438 -}], [{
6439 - bind: 'min-width',
6440 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Min width', 'elementor')
6441 -}, {
6442 - bind: 'min-height',
6443 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Min height', 'elementor')
6444 -}], [{
6445 - bind: 'max-width',
6446 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Max width', 'elementor')
6447 -}, {
6448 - bind: 'max-height',
6449 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Max height', 'elementor')
6450 -}]];
6451 -const ASPECT_RATIO_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Aspect Ratio', 'elementor');
6452 -const SizeSection = () => {
6453 - const gridRowRefs = [(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null), (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null)];
6454 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_7__.SectionContent, null, CssSizeProps.map((row, rowIndex) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
6455 - key: rowIndex,
6456 - container: true,
6457 - gap: 2,
6458 - flexWrap: "nowrap",
6459 - ref: gridRowRefs[rowIndex]
6460 - }, row.map(props => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
6461 - item: true,
6462 - xs: 6,
6463 - key: props.bind
6464 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SizeField, _extends({}, props, {
6465 - rowRef: gridRowRefs[rowIndex],
6466 - extendedOptions: ['auto']
6467 - })))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_6__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_overflow_field__WEBPACK_IMPORTED_MODULE_10__.OverflowField, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_8__.StyleTabCollapsibleContent, {
6468 - fields: ['aspect-ratio', 'object-fit']
6469 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
6470 - gap: 2,
6471 - pt: 2
6472 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
6473 - bind: "aspect-ratio",
6474 - propDisplayName: ASPECT_RATIO_LABEL
6475 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.AspectRatioControl, {
6476 - label: ASPECT_RATIO_LABEL
6477 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_6__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_object_fit_field__WEBPACK_IMPORTED_MODULE_9__.ObjectFitField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
6478 - bind: "object-position",
6479 - propDisplayName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Object position', 'elementor')
6480 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
6481 - item: true,
6482 - xs: 6
6483 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PositionControl, null))))));
6484 -};
6485 -const SizeField = ({
6486 - label,
6487 - bind,
6488 - rowRef,
6489 - extendedOptions
6490 -}) => {
6491 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
6492 - bind: bind,
6493 - propDisplayName: label
6494 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
6495 - container: true,
6496 - gap: 0.75,
6497 - alignItems: "center"
6498 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
6499 - item: true,
6500 - xs: 12
6501 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_5__.ControlLabel, null, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, {
6502 - item: true,
6503 - xs: 12
6504 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
6505 - extendedOptions: extendedOptions,
6506 - anchorRef: rowRef
6507 - }))));
6508 -};
6509 -
6510 -/***/ }),
6511 -
6512 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/spacing-section/spacing-section.tsx":
6513 -/*!***********************************************************************************************************************!*\
6514 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/spacing-section/spacing-section.tsx ***!
6515 - \***********************************************************************************************************************/
6516 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6517 -
6518 -__webpack_require__.r(__webpack_exports__);
6519 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6520 -/* harmony export */ SpacingSection: function() { return /* binding */ SpacingSection; }
6521 -/* harmony export */ });
6522 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6523 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6524 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6525 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6526 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6527 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6528 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6529 -/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
6530 -/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
6531 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
6532 -
6533 -
6534 -
6535 -
6536 -
6537 -
6538 -
6539 -const MARGIN_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Margin', 'elementor');
6540 -const PADDING_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Padding', 'elementor');
6541 -const SpacingSection = () => {
6542 - const {
6543 - isSiteRtl
6544 - } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_4__.useDirection)();
6545 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_6__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6546 - bind: 'margin',
6547 - propDisplayName: MARGIN_LABEL
6548 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.LinkedDimensionsControl, {
6549 - label: MARGIN_LABEL,
6550 - isSiteRtl: isSiteRtl,
6551 - min: -Number.MAX_SAFE_INTEGER
6552 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_5__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6553 - bind: 'padding',
6554 - propDisplayName: PADDING_LABEL
6555 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.LinkedDimensionsControl, {
6556 - label: PADDING_LABEL,
6557 - isSiteRtl: isSiteRtl
6558 - })));
6559 -};
6560 -
6561 -/***/ }),
6562 -
6563 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-count-field.tsx":
6564 -/*!*****************************************************************************************************************************!*\
6565 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-count-field.tsx ***!
6566 - \*****************************************************************************************************************************/
6567 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6568 -
6569 -__webpack_require__.r(__webpack_exports__);
6570 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6571 -/* harmony export */ ColumnCountField: function() { return /* binding */ ColumnCountField; }
6572 -/* harmony export */ });
6573 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6574 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6575 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6576 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6577 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6578 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6579 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6580 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6581 -
6582 -
6583 -
6584 -
6585 -
6586 -const COLUMN_COUNT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Columns', 'elementor');
6587 -const ColumnCountField = () => {
6588 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6589 - bind: "column-count",
6590 - propDisplayName: COLUMN_COUNT_LABEL
6591 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6592 - label: COLUMN_COUNT_LABEL
6593 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.NumberControl, {
6594 - shouldForceInt: true,
6595 - min: 0,
6596 - step: 1
6597 - })));
6598 -};
6599 -
6600 -/***/ }),
6601 -
6602 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-gap-field.tsx":
6603 -/*!***************************************************************************************************************************!*\
6604 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-gap-field.tsx ***!
6605 - \***************************************************************************************************************************/
6606 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6607 -
6608 -__webpack_require__.r(__webpack_exports__);
6609 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6610 -/* harmony export */ ColumnGapField: function() { return /* binding */ ColumnGapField; }
6611 -/* harmony export */ });
6612 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6613 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6614 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6615 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6616 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6617 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6618 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6619 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6620 -
6621 -
6622 -
6623 -
6624 -
6625 -
6626 -const COLUMN_GAP_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Column gap', 'elementor');
6627 -const ColumnGapField = () => {
6628 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
6629 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6630 - bind: "column-gap",
6631 - propDisplayName: COLUMN_GAP_LABEL
6632 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6633 - label: COLUMN_GAP_LABEL,
6634 - ref: rowRef
6635 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
6636 - anchorRef: rowRef
6637 - })));
6638 -};
6639 -
6640 -/***/ }),
6641 -
6642 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-family-field.tsx":
6643 -/*!****************************************************************************************************************************!*\
6644 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-family-field.tsx ***!
6645 - \****************************************************************************************************************************/
6646 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6647 -
6648 -__webpack_require__.r(__webpack_exports__);
6649 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6650 -/* harmony export */ FontFamilyField: function() { return /* binding */ FontFamilyField; }
6651 -/* harmony export */ });
6652 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6653 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6654 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6655 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6656 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
6657 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
6658 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6659 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
6660 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6661 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6662 -
6663 -
6664 -
6665 -
6666 -
6667 -
6668 -const FONT_FAMILY_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Font family', 'elementor');
6669 -const FontFamilyField = () => {
6670 - const fontFamilies = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useFontFamilies)();
6671 - const sectionWidth = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useSectionWidth)();
6672 - if (fontFamilies.length === 0) {
6673 - return null;
6674 - }
6675 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
6676 - bind: "font-family",
6677 - propDisplayName: FONT_FAMILY_LABEL
6678 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
6679 - label: FONT_FAMILY_LABEL
6680 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.FontFamilyControl, {
6681 - fontFamilies: fontFamilies,
6682 - sectionWidth: sectionWidth,
6683 - ariaLabel: FONT_FAMILY_LABEL
6684 - })));
6685 -};
6686 -
6687 -/***/ }),
6688 -
6689 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-size-field.tsx":
6690 -/*!**************************************************************************************************************************!*\
6691 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-size-field.tsx ***!
6692 - \**************************************************************************************************************************/
6693 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6694 -
6695 -__webpack_require__.r(__webpack_exports__);
6696 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6697 -/* harmony export */ FontSizeField: function() { return /* binding */ FontSizeField; }
6698 -/* harmony export */ });
6699 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6700 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6701 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6702 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6703 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6704 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6705 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6706 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6707 -
6708 -
6709 -
6710 -
6711 -
6712 -
6713 -const FONT_SIZE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Font size', 'elementor');
6714 -const FontSizeField = () => {
6715 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
6716 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6717 - bind: "font-size",
6718 - propDisplayName: FONT_SIZE_LABEL
6719 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6720 - label: FONT_SIZE_LABEL,
6721 - ref: rowRef
6722 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
6723 - anchorRef: rowRef,
6724 - ariaLabel: FONT_SIZE_LABEL
6725 - })));
6726 -};
6727 -
6728 -/***/ }),
6729 -
6730 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-style-field.tsx":
6731 -/*!***************************************************************************************************************************!*\
6732 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-style-field.tsx ***!
6733 - \***************************************************************************************************************************/
6734 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6735 -
6736 -__webpack_require__.r(__webpack_exports__);
6737 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6738 -/* harmony export */ FontStyleField: function() { return /* binding */ FontStyleField; }
6739 -/* harmony export */ });
6740 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6741 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6742 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6743 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6744 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
6745 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
6746 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6747 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
6748 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6749 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6750 -
6751 -
6752 -
6753 -
6754 -
6755 -
6756 -const FONT_STYLE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Font style', 'elementor');
6757 -const options = [{
6758 - value: 'normal',
6759 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Normal', 'elementor'),
6760 - renderContent: ({
6761 - size
6762 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
6763 - fontSize: size
6764 - }),
6765 - showTooltip: true
6766 -}, {
6767 - value: 'italic',
6768 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Italic', 'elementor'),
6769 - renderContent: ({
6770 - size
6771 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ItalicIcon, {
6772 - fontSize: size
6773 - }),
6774 - showTooltip: true
6775 -}];
6776 -const FontStyleField = () => {
6777 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
6778 - bind: "font-style",
6779 - propDisplayName: FONT_STYLE_LABEL
6780 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
6781 - label: FONT_STYLE_LABEL
6782 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
6783 - options: options
6784 - })));
6785 -};
6786 -
6787 -/***/ }),
6788 -
6789 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-weight-field.tsx":
6790 -/*!****************************************************************************************************************************!*\
6791 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-weight-field.tsx ***!
6792 - \****************************************************************************************************************************/
6793 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6794 -
6795 -__webpack_require__.r(__webpack_exports__);
6796 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6797 -/* harmony export */ FontWeightField: function() { return /* binding */ FontWeightField; }
6798 -/* harmony export */ });
6799 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6800 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6801 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6802 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6803 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6804 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6805 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6806 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6807 -
6808 -
6809 -
6810 -
6811 -
6812 -const FONT_WEIGHT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Font weight', 'elementor');
6813 -const fontWeightOptions = [{
6814 - value: '100',
6815 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('100 - Thin', 'elementor')
6816 -}, {
6817 - value: '200',
6818 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('200 - Extra light', 'elementor')
6819 -}, {
6820 - value: '300',
6821 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('300 - Light', 'elementor')
6822 -}, {
6823 - value: '400',
6824 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('400 - Normal', 'elementor')
6825 -}, {
6826 - value: '500',
6827 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('500 - Medium', 'elementor')
6828 -}, {
6829 - value: '600',
6830 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('600 - Semi bold', 'elementor')
6831 -}, {
6832 - value: '700',
6833 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('700 - Bold', 'elementor')
6834 -}, {
6835 - value: '800',
6836 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('800 - Extra bold', 'elementor')
6837 -}, {
6838 - value: '900',
6839 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('900 - Black', 'elementor')
6840 -}];
6841 -const FontWeightField = () => {
6842 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6843 - bind: "font-weight",
6844 - propDisplayName: FONT_WEIGHT_LABEL
6845 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6846 - label: FONT_WEIGHT_LABEL
6847 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
6848 - options: fontWeightOptions
6849 - })));
6850 -};
6851 -
6852 -/***/ }),
6853 -
6854 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/letter-spacing-field.tsx":
6855 -/*!*******************************************************************************************************************************!*\
6856 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/letter-spacing-field.tsx ***!
6857 - \*******************************************************************************************************************************/
6858 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6859 -
6860 -__webpack_require__.r(__webpack_exports__);
6861 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6862 -/* harmony export */ LetterSpacingField: function() { return /* binding */ LetterSpacingField; }
6863 -/* harmony export */ });
6864 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6865 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6866 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6867 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6868 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6869 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6870 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6871 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6872 -
6873 -
6874 -
6875 -
6876 -
6877 -
6878 -const LETTER_SPACING_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Letter spacing', 'elementor');
6879 -const LetterSpacingField = () => {
6880 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
6881 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6882 - bind: "letter-spacing",
6883 - propDisplayName: LETTER_SPACING_LABEL
6884 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6885 - label: LETTER_SPACING_LABEL,
6886 - ref: rowRef
6887 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
6888 - anchorRef: rowRef,
6889 - min: -Number.MAX_SAFE_INTEGER
6890 - })));
6891 -};
6892 -
6893 -/***/ }),
6894 -
6895 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/line-height-field.tsx":
6896 -/*!****************************************************************************************************************************!*\
6897 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/line-height-field.tsx ***!
6898 - \****************************************************************************************************************************/
6899 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6900 -
6901 -__webpack_require__.r(__webpack_exports__);
6902 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6903 -/* harmony export */ LineHeightField: function() { return /* binding */ LineHeightField; }
6904 -/* harmony export */ });
6905 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6906 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6907 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6908 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6909 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6910 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
6911 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6912 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6913 -
6914 -
6915 -
6916 -
6917 -
6918 -
6919 -const LINE_HEIGHT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Line height', 'elementor');
6920 -const LineHeightField = () => {
6921 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
6922 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
6923 - bind: "line-height",
6924 - propDisplayName: LINE_HEIGHT_LABEL
6925 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
6926 - label: LINE_HEIGHT_LABEL,
6927 - ref: rowRef
6928 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
6929 - anchorRef: rowRef
6930 - })));
6931 -};
6932 -
6933 -/***/ }),
6934 -
6935 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-alignment-field.tsx":
6936 -/*!*******************************************************************************************************************************!*\
6937 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-alignment-field.tsx ***!
6938 - \*******************************************************************************************************************************/
6939 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6940 -
6941 -__webpack_require__.r(__webpack_exports__);
6942 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
6943 -/* harmony export */ TextAlignmentField: function() { return /* binding */ TextAlignmentField; }
6944 -/* harmony export */ });
6945 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
6946 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
6947 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
6948 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
6949 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
6950 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
6951 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
6952 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
6953 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
6954 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
6955 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
6956 -/* harmony import */ var _styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../styles-inheritance/components/ui-providers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx");
6957 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
6958 -
6959 -
6960 -
6961 -
6962 -
6963 -
6964 -
6965 -
6966 -const TEXT_ALIGNMENT_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Text align', 'elementor');
6967 -const AlignStartIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignLeftIcon);
6968 -const AlignEndIcon = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.withDirection)(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignRightIcon);
6969 -const options = [{
6970 - value: 'start',
6971 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Start', 'elementor'),
6972 - renderContent: ({
6973 - size
6974 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(AlignStartIcon, {
6975 - fontSize: size
6976 - }),
6977 - showTooltip: true
6978 -}, {
6979 - value: 'center',
6980 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Center', 'elementor'),
6981 - renderContent: ({
6982 - size
6983 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignCenterIcon, {
6984 - fontSize: size
6985 - }),
6986 - showTooltip: true
6987 -}, {
6988 - value: 'end',
6989 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('End', 'elementor'),
6990 - renderContent: ({
6991 - size
6992 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(AlignEndIcon, {
6993 - fontSize: size
6994 - }),
6995 - showTooltip: true
6996 -}, {
6997 - value: 'justify',
6998 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Justify', 'elementor'),
6999 - renderContent: ({
7000 - size
7001 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.AlignJustifiedIcon, {
7002 - fontSize: size
7003 - }),
7004 - showTooltip: true
7005 -}];
7006 -const TextAlignmentField = () => {
7007 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_5__.StylesField, {
7008 - bind: "text-align",
7009 - propDisplayName: TEXT_ALIGNMENT_LABEL
7010 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_ui_providers__WEBPACK_IMPORTED_MODULE_6__.UiProviders, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_7__.StylesFieldLayout, {
7011 - label: TEXT_ALIGNMENT_LABEL
7012 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
7013 - options: options
7014 - }))));
7015 -};
7016 -
7017 -/***/ }),
7018 -
7019 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-color-field.tsx":
7020 -/*!***************************************************************************************************************************!*\
7021 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-color-field.tsx ***!
7022 - \***************************************************************************************************************************/
7023 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7024 -
7025 -__webpack_require__.r(__webpack_exports__);
7026 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7027 -/* harmony export */ TextColorField: function() { return /* binding */ TextColorField; }
7028 -/* harmony export */ });
7029 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7030 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7031 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
7032 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
7033 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7034 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
7035 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
7036 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
7037 -
7038 -
7039 -
7040 -
7041 -
7042 -const TEXT_COLOR_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Text color', 'elementor');
7043 -const TextColorField = () => {
7044 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
7045 - bind: "color",
7046 - propDisplayName: TEXT_COLOR_LABEL
7047 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
7048 - label: TEXT_COLOR_LABEL
7049 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ColorControl, {
7050 - id: "text-color-control"
7051 - })));
7052 -};
7053 -
7054 -/***/ }),
7055 -
7056 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-decoration-field.tsx":
7057 -/*!********************************************************************************************************************************!*\
7058 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-decoration-field.tsx ***!
7059 - \********************************************************************************************************************************/
7060 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7061 -
7062 -__webpack_require__.r(__webpack_exports__);
7063 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7064 -/* harmony export */ TextDecorationField: function() { return /* binding */ TextDecorationField; }
7065 -/* harmony export */ });
7066 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7067 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7068 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
7069 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
7070 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
7071 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
7072 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7073 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
7074 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
7075 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
7076 -
7077 -
7078 -
7079 -
7080 -
7081 -
7082 -const TEXT_DECORATION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Line decoration', 'elementor');
7083 -const options = [{
7084 - value: 'none',
7085 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('None', 'elementor'),
7086 - renderContent: ({
7087 - size
7088 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
7089 - fontSize: size
7090 - }),
7091 - showTooltip: true,
7092 - exclusive: true
7093 -}, {
7094 - value: 'underline',
7095 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Underline', 'elementor'),
7096 - renderContent: ({
7097 - size
7098 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.UnderlineIcon, {
7099 - fontSize: size
7100 - }),
7101 - showTooltip: true
7102 -}, {
7103 - value: 'line-through',
7104 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Line-through', 'elementor'),
7105 - renderContent: ({
7106 - size
7107 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.StrikethroughIcon, {
7108 - fontSize: size
7109 - }),
7110 - showTooltip: true
7111 -}, {
7112 - value: 'overline',
7113 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Overline', 'elementor'),
7114 - renderContent: ({
7115 - size
7116 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.OverlineIcon, {
7117 - fontSize: size
7118 - }),
7119 - showTooltip: true
7120 -}];
7121 -const TextDecorationField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
7122 - bind: "text-decoration",
7123 - propDisplayName: TEXT_DECORATION_LABEL
7124 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
7125 - label: TEXT_DECORATION_LABEL
7126 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
7127 - options: options,
7128 - exclusive: false
7129 -})));
7130 -
7131 -/***/ }),
7132 -
7133 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-direction-field.tsx":
7134 -/*!*******************************************************************************************************************************!*\
7135 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-direction-field.tsx ***!
7136 - \*******************************************************************************************************************************/
7137 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7138 -
7139 -__webpack_require__.r(__webpack_exports__);
7140 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7141 -/* harmony export */ TextDirectionField: function() { return /* binding */ TextDirectionField; }
7142 -/* harmony export */ });
7143 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7144 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7145 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
7146 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
7147 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
7148 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
7149 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7150 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
7151 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
7152 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
7153 -
7154 -
7155 -
7156 -
7157 -
7158 -
7159 -const TEXT_DIRECTION_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Direction', 'elementor');
7160 -const options = [{
7161 - value: 'ltr',
7162 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Left to right', 'elementor'),
7163 - renderContent: ({
7164 - size
7165 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.TextDirectionLtrIcon, {
7166 - fontSize: size
7167 - }),
7168 - showTooltip: true
7169 -}, {
7170 - value: 'rtl',
7171 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Right to left', 'elementor'),
7172 - renderContent: ({
7173 - size
7174 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.TextDirectionRtlIcon, {
7175 - fontSize: size
7176 - }),
7177 - showTooltip: true
7178 -}];
7179 -const TextDirectionField = () => {
7180 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
7181 - bind: "direction",
7182 - propDisplayName: TEXT_DIRECTION_LABEL
7183 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
7184 - label: TEXT_DIRECTION_LABEL
7185 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
7186 - options: options
7187 - })));
7188 -};
7189 -
7190 -/***/ }),
7191 -
7192 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-stroke-field.tsx":
7193 -/*!****************************************************************************************************************************!*\
7194 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-stroke-field.tsx ***!
7195 - \****************************************************************************************************************************/
7196 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7197 -
7198 -__webpack_require__.r(__webpack_exports__);
7199 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7200 -/* harmony export */ TextStrokeField: function() { return /* binding */ TextStrokeField; }
7201 -/* harmony export */ });
7202 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7203 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7204 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
7205 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
7206 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7207 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
7208 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
7209 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
7210 -/* harmony import */ var _add_or_remove_content__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../add-or-remove-content */ "./packages/packages/core/editor-editing-panel/src/components/add-or-remove-content.tsx");
7211 -/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
7212 -
7213 -
7214 -
7215 -
7216 -
7217 -
7218 -
7219 -const initTextStroke = {
7220 - $$type: 'stroke',
7221 - value: {
7222 - color: {
7223 - $$type: 'color',
7224 - value: '#000000'
7225 - },
7226 - width: {
7227 - $$type: 'size',
7228 - value: {
7229 - unit: 'px',
7230 - size: 1
7231 - }
7232 - }
7233 - }
7234 -};
7235 -const TEXT_STROKE_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Text stroke', 'elementor');
7236 -const TextStrokeField = () => {
7237 - const {
7238 - value,
7239 - setValue,
7240 - canEdit
7241 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_4__.useStylesField)('stroke', {
7242 - history: {
7243 - propDisplayName: TEXT_STROKE_LABEL
7244 - }
7245 - });
7246 - const addTextStroke = () => {
7247 - setValue(initTextStroke);
7248 - };
7249 - const removeTextStroke = () => {
7250 - setValue(null);
7251 - };
7252 - const hasTextStroke = Boolean(value);
7253 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
7254 - bind: 'stroke',
7255 - propDisplayName: TEXT_STROKE_LABEL
7256 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_add_or_remove_content__WEBPACK_IMPORTED_MODULE_5__.AddOrRemoveContent, {
7257 - isAdded: hasTextStroke,
7258 - onAdd: addTextStroke,
7259 - onRemove: removeTextStroke,
7260 - disabled: !canEdit,
7261 - renderLabel: () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_6__.ControlLabel, null, TEXT_STROKE_LABEL)
7262 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.StrokeControl, null)));
7263 -};
7264 -
7265 -/***/ }),
7266 -
7267 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/transform-field.tsx":
7268 -/*!**************************************************************************************************************************!*\
7269 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/transform-field.tsx ***!
7270 - \**************************************************************************************************************************/
7271 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7272 -
7273 -__webpack_require__.r(__webpack_exports__);
7274 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7275 -/* harmony export */ TransformField: function() { return /* binding */ TransformField; }
7276 -/* harmony export */ });
7277 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7278 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7279 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
7280 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
7281 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
7282 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
7283 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7284 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
7285 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
7286 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
7287 -
7288 -
7289 -
7290 -
7291 -
7292 -
7293 -const TEXT_TRANSFORM_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Text transform', 'elementor');
7294 -const options = [{
7295 - value: 'none',
7296 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('None', 'elementor'),
7297 - renderContent: ({
7298 - size
7299 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, {
7300 - fontSize: size
7301 - }),
7302 - showTooltip: true
7303 -}, {
7304 - value: 'capitalize',
7305 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Capitalize', 'elementor'),
7306 - renderContent: ({
7307 - size
7308 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterCaseIcon, {
7309 - fontSize: size
7310 - }),
7311 - showTooltip: true
7312 -}, {
7313 - value: 'uppercase',
7314 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Uppercase', 'elementor'),
7315 - renderContent: ({
7316 - size
7317 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterCaseUpperIcon, {
7318 - fontSize: size
7319 - }),
7320 - showTooltip: true
7321 -}, {
7322 - value: 'lowercase',
7323 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Lowercase', 'elementor'),
7324 - renderContent: ({
7325 - size
7326 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LetterCaseLowerIcon, {
7327 - fontSize: size
7328 - }),
7329 - showTooltip: true
7330 -}];
7331 -const TransformField = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_4__.StylesField, {
7332 - bind: "text-transform",
7333 - propDisplayName: TEXT_TRANSFORM_LABEL
7334 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_5__.StylesFieldLayout, {
7335 - label: TEXT_TRANSFORM_LABEL
7336 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
7337 - options: options
7338 -})));
7339 -
7340 -/***/ }),
7341 -
7342 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/typography-section.tsx":
7343 -/*!*****************************************************************************************************************************!*\
7344 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/typography-section.tsx ***!
7345 - \*****************************************************************************************************************************/
7346 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7347 -
7348 -__webpack_require__.r(__webpack_exports__);
7349 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7350 -/* harmony export */ TypographySection: function() { return /* binding */ TypographySection; }
7351 -/* harmony export */ });
7352 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7353 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7354 -/* harmony import */ var _panel_divider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../panel-divider */ "./packages/packages/core/editor-editing-panel/src/components/panel-divider.tsx");
7355 -/* harmony import */ var _section_content__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
7356 -/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
7357 -/* harmony import */ var _column_count_field__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./column-count-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-count-field.tsx");
7358 -/* harmony import */ var _column_gap_field__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./column-gap-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/column-gap-field.tsx");
7359 -/* harmony import */ var _font_family_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./font-family-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-family-field.tsx");
7360 -/* harmony import */ var _font_size_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./font-size-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-size-field.tsx");
7361 -/* harmony import */ var _font_style_field__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./font-style-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-style-field.tsx");
7362 -/* harmony import */ var _font_weight_field__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./font-weight-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/font-weight-field.tsx");
7363 -/* harmony import */ var _letter_spacing_field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./letter-spacing-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/letter-spacing-field.tsx");
7364 -/* harmony import */ var _line_height_field__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./line-height-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/line-height-field.tsx");
7365 -/* harmony import */ var _text_alignment_field__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./text-alignment-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-alignment-field.tsx");
7366 -/* harmony import */ var _text_color_field__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./text-color-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-color-field.tsx");
7367 -/* harmony import */ var _text_decoration_field__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./text-decoration-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-decoration-field.tsx");
7368 -/* harmony import */ var _text_direction_field__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./text-direction-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-direction-field.tsx");
7369 -/* harmony import */ var _text_stroke_field__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./text-stroke-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/text-stroke-field.tsx");
7370 -/* harmony import */ var _transform_field__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./transform-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/transform-field.tsx");
7371 -/* harmony import */ var _word_spacing_field__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./word-spacing-field */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/word-spacing-field.tsx");
7372 -
7373 -
7374 -
7375 -
7376 -
7377 -
7378 -
7379 -
7380 -
7381 -
7382 -
7383 -
7384 -
7385 -
7386 -
7387 -
7388 -
7389 -
7390 -
7391 -const TypographySection = () => {
7392 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_2__.SectionContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_family_field__WEBPACK_IMPORTED_MODULE_6__.FontFamilyField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_weight_field__WEBPACK_IMPORTED_MODULE_9__.FontWeightField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_size_field__WEBPACK_IMPORTED_MODULE_7__.FontSizeField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_1__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_alignment_field__WEBPACK_IMPORTED_MODULE_12__.TextAlignmentField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_color_field__WEBPACK_IMPORTED_MODULE_13__.TextColorField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__.StyleTabCollapsibleContent, {
7393 - fields: ['line-height', 'letter-spacing', 'word-spacing', 'column-count', 'text-decoration', 'text-transform', 'direction', 'font-style', 'stroke']
7394 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section_content__WEBPACK_IMPORTED_MODULE_2__.SectionContent, {
7395 - sx: {
7396 - pt: 2
7397 - }
7398 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_line_height_field__WEBPACK_IMPORTED_MODULE_11__.LineHeightField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_letter_spacing_field__WEBPACK_IMPORTED_MODULE_10__.LetterSpacingField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_word_spacing_field__WEBPACK_IMPORTED_MODULE_18__.WordSpacingField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_column_count_field__WEBPACK_IMPORTED_MODULE_4__.ColumnCountField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_column_gap_field__WEBPACK_IMPORTED_MODULE_5__.ColumnGapField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_panel_divider__WEBPACK_IMPORTED_MODULE_1__.PanelDivider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_decoration_field__WEBPACK_IMPORTED_MODULE_14__.TextDecorationField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_transform_field__WEBPACK_IMPORTED_MODULE_17__.TransformField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_direction_field__WEBPACK_IMPORTED_MODULE_15__.TextDirectionField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_font_style_field__WEBPACK_IMPORTED_MODULE_8__.FontStyleField, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_text_stroke_field__WEBPACK_IMPORTED_MODULE_16__.TextStrokeField, null))));
7399 -};
7400 -
7401 -/***/ }),
7402 -
7403 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/word-spacing-field.tsx":
7404 -/*!*****************************************************************************************************************************!*\
7405 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/word-spacing-field.tsx ***!
7406 - \*****************************************************************************************************************************/
7407 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7408 -
7409 -__webpack_require__.r(__webpack_exports__);
7410 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7411 -/* harmony export */ WordSpacingField: function() { return /* binding */ WordSpacingField; }
7412 -/* harmony export */ });
7413 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7414 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7415 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
7416 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
7417 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7418 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
7419 -/* harmony import */ var _controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../controls-registry/styles-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx");
7420 -/* harmony import */ var _styles_field_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../styles-field-layout */ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx");
7421 -
7422 -
7423 -
7424 -
7425 -
7426 -
7427 -const WORD_SPACING_LABEL = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Word spacing', 'elementor');
7428 -const WordSpacingField = () => {
7429 - const rowRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
7430 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_styles_field__WEBPACK_IMPORTED_MODULE_3__.StylesField, {
7431 - bind: "word-spacing",
7432 - propDisplayName: WORD_SPACING_LABEL
7433 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_field_layout__WEBPACK_IMPORTED_MODULE_4__.StylesFieldLayout, {
7434 - label: WORD_SPACING_LABEL,
7435 - ref: rowRef
7436 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeControl, {
7437 - anchorRef: rowRef,
7438 - min: -Number.MAX_SAFE_INTEGER
7439 - })));
7440 -};
7441 -
7442 -/***/ }),
7443 -
7444 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx":
7445 -/*!******************************************************************************************************!*\
7446 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx ***!
7447 - \******************************************************************************************************/
7448 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7449 -
7450 -__webpack_require__.r(__webpack_exports__);
7451 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7452 -/* harmony export */ StyleTabCollapsibleContent: function() { return /* binding */ StyleTabCollapsibleContent; },
7453 -/* harmony export */ getStylesInheritanceIndicators: function() { return /* binding */ getStylesInheritanceIndicators; }
7454 -/* harmony export */ });
7455 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7456 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7457 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
7458 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__);
7459 -/* harmony import */ var _styles_inheritance_components_styles_inheritance_section_indicators__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles-inheritance/components/styles-inheritance-section-indicators */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx");
7460 -
7461 -
7462 -
7463 -const StyleTabCollapsibleContent = ({
7464 - fields = [],
7465 - children
7466 -}) => {
7467 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.CollapsibleContent, {
7468 - titleEnd: getStylesInheritanceIndicators(fields)
7469 - }, children);
7470 -};
7471 -function getStylesInheritanceIndicators(fields) {
7472 - if (fields.length === 0) {
7473 - return null;
7474 - }
7475 - return isOpen => !isOpen ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_components_styles_inheritance_section_indicators__WEBPACK_IMPORTED_MODULE_2__.StylesInheritanceSectionIndicators, {
7476 - fields: fields
7477 - }) : null;
7478 -}
7479 -
7480 -/***/ }),
7481 -
7482 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx":
7483 -/*!******************************************************************************************!*\
7484 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx ***!
7485 - \******************************************************************************************/
7486 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7487 -
7488 -__webpack_require__.r(__webpack_exports__);
7489 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7490 -/* harmony export */ StyleTabSection: function() { return /* binding */ StyleTabSection; }
7491 -/* harmony export */ });
7492 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7493 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7494 -/* harmony import */ var _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
7495 -/* harmony import */ var _section__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./section */ "./packages/packages/core/editor-editing-panel/src/components/section.tsx");
7496 -/* harmony import */ var _style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style-tab-collapsible-content */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-collapsible-content.tsx");
7497 -
7498 -
7499 -
7500 -
7501 -const StyleTabSection = ({
7502 - section,
7503 - fields = [],
7504 - unmountOnExit = true
7505 -}) => {
7506 - const {
7507 - component,
7508 - name,
7509 - title,
7510 - action
7511 - } = section;
7512 - const tabDefaults = (0,_hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_1__.useDefaultPanelSettings)();
7513 - const SectionComponent = component || (() => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null));
7514 - const isExpanded = tabDefaults.defaultSectionsExpanded.style?.includes(name);
7515 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_section__WEBPACK_IMPORTED_MODULE_2__.Section, {
7516 - title: title,
7517 - defaultExpanded: isExpanded,
7518 - titleEnd: (0,_style_tab_collapsible_content__WEBPACK_IMPORTED_MODULE_3__.getStylesInheritanceIndicators)(fields),
7519 - unmountOnExit: unmountOnExit,
7520 - action: action
7521 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(SectionComponent, null));
7522 -};
7523 -
7524 -/***/ }),
7525 -
7526 -/***/ "./packages/packages/core/editor-editing-panel/src/components/style-tab.tsx":
7527 -/*!**********************************************************************************!*\
7528 - !*** ./packages/packages/core/editor-editing-panel/src/components/style-tab.tsx ***!
7529 - \**********************************************************************************/
7530 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7531 -
7532 -__webpack_require__.r(__webpack_exports__);
7533 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7534 -/* harmony export */ StyleTab: function() { return /* binding */ StyleTab; },
7535 -/* harmony export */ StyleTabSlot: function() { return /* binding */ StyleTabSlot; },
7536 -/* harmony export */ injectIntoStyleTab: function() { return /* binding */ injectIntoStyleTab; },
7537 -/* harmony export */ stickyHeaderStyles: function() { return /* binding */ stickyHeaderStyles; }
7538 -/* harmony export */ });
7539 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7540 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7541 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
7542 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
7543 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
7544 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__);
7545 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/locations */ "@elementor/locations");
7546 -/* harmony import */ var _elementor_locations__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_locations__WEBPACK_IMPORTED_MODULE_3__);
7547 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
7548 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_4__);
7549 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
7550 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
7551 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
7552 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);
7553 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
7554 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
7555 -/* harmony import */ var _contexts_scroll_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../contexts/scroll-context */ "./packages/packages/core/editor-editing-panel/src/contexts/scroll-context.tsx");
7556 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
7557 -/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
7558 -/* harmony import */ var _hooks_use_active_style_def_id__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../hooks/use-active-style-def-id */ "./packages/packages/core/editor-editing-panel/src/hooks/use-active-style-def-id.ts");
7559 -/* harmony import */ var _css_classes_css_class_selector__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./css-classes/css-class-selector */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-selector.tsx");
7560 -/* harmony import */ var _sections_list__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./sections-list */ "./packages/packages/core/editor-editing-panel/src/components/sections-list.tsx");
7561 -/* harmony import */ var _style_sections_background_section_background_section__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./style-sections/background-section/background-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/background-section/background-section.tsx");
7562 -/* harmony import */ var _style_sections_border_section_border_section__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./style-sections/border-section/border-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/border-section/border-section.tsx");
7563 -/* harmony import */ var _style_sections_effects_section_effects_section__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./style-sections/effects-section/effects-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/effects-section/effects-section.tsx");
7564 -/* harmony import */ var _style_sections_layout_section_layout_section__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./style-sections/layout-section/layout-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/layout-section.tsx");
7565 -/* harmony import */ var _style_sections_position_section_position_section__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./style-sections/position-section/position-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/position-section/position-section.tsx");
7566 -/* harmony import */ var _style_sections_size_section_size_section__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./style-sections/size-section/size-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/size-section/size-section.tsx");
7567 -/* harmony import */ var _style_sections_spacing_section_spacing_section__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./style-sections/spacing-section/spacing-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/spacing-section/spacing-section.tsx");
7568 -/* harmony import */ var _style_sections_typography_section_typography_section__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./style-sections/typography-section/typography-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/typography-section/typography-section.tsx");
7569 -/* harmony import */ var _style_tab_section__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./style-tab-section */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx");
7570 -
7571 -
7572 -
7573 -
7574 -
7575 -
7576 -
7577 -
7578 -
7579 -
7580 -
7581 -
7582 -
7583 -
7584 -
7585 -
7586 -
7587 -
7588 -
7589 -
7590 -
7591 -
7592 -
7593 -
7594 -
7595 -const TABS_HEADER_HEIGHT = '37px';
7596 -const {
7597 - Slot: StyleTabSlot,
7598 - inject: injectIntoStyleTab
7599 -} = (0,_elementor_locations__WEBPACK_IMPORTED_MODULE_3__.createLocation)();
7600 -const stickyHeaderStyles = {
7601 - position: 'sticky',
7602 - zIndex: 1100,
7603 - opacity: 1,
7604 - backgroundColor: 'background.default',
7605 - transition: 'top 300ms ease'
7606 -};
7607 -const StyleTab = () => {
7608 - const currentClassesProp = useCurrentClassesProp();
7609 - const [activeStyleDefId, setActiveStyleDefId] = (0,_hooks_use_active_style_def_id__WEBPACK_IMPORTED_MODULE_12__.useActiveStyleDefId)(currentClassesProp ?? '');
7610 - const [activeStyleState, setActiveStyleState] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
7611 - const breakpoint = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__.useActiveBreakpoint)();
7612 - if (!currentClassesProp) {
7613 - return null;
7614 - }
7615 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__.ClassesPropProvider, {
7616 - prop: currentClassesProp
7617 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_style_context__WEBPACK_IMPORTED_MODULE_10__.StyleProvider, {
7618 - meta: {
7619 - breakpoint,
7620 - state: activeStyleState
7621 - },
7622 - id: activeStyleDefId,
7623 - setId: id => {
7624 - setActiveStyleDefId(id);
7625 - setActiveStyleState(null);
7626 - },
7627 - setMetaState: setActiveStyleState
7628 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_4__.SessionStorageProvider, {
7629 - prefix: activeStyleDefId ?? ''
7630 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_11__.StyleInheritanceProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ClassesHeader, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_css_classes_css_class_selector__WEBPACK_IMPORTED_MODULE_13__.CssClassSelector, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Divider, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_sections_list__WEBPACK_IMPORTED_MODULE_14__.SectionsList, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7631 - section: {
7632 - component: _style_sections_layout_section_layout_section__WEBPACK_IMPORTED_MODULE_18__.LayoutSection,
7633 - name: 'Layout',
7634 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Layout', 'elementor')
7635 - },
7636 - fields: ['display', 'flex-direction', 'flex-wrap', 'justify-content', 'align-items', 'align-content', 'align-self', 'gap', 'order', 'grid-column', 'grid-row', 'grid-auto-rows', 'grid-auto-columns']
7637 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7638 - section: {
7639 - component: _style_sections_spacing_section_spacing_section__WEBPACK_IMPORTED_MODULE_21__.SpacingSection,
7640 - name: 'Spacing',
7641 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Spacing', 'elementor')
7642 - },
7643 - fields: ['margin', 'padding']
7644 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7645 - section: {
7646 - component: _style_sections_size_section_size_section__WEBPACK_IMPORTED_MODULE_20__.SizeSection,
7647 - name: 'Size',
7648 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Size', 'elementor')
7649 - },
7650 - fields: ['width', 'min-width', 'max-width', 'height', 'min-height', 'max-height', 'overflow', 'aspect-ratio', 'object-fit']
7651 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7652 - section: {
7653 - component: _style_sections_position_section_position_section__WEBPACK_IMPORTED_MODULE_19__.PositionSection,
7654 - name: 'Position',
7655 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Position', 'elementor')
7656 - },
7657 - fields: ['position', 'z-index', 'scroll-margin-top']
7658 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7659 - section: {
7660 - component: _style_sections_typography_section_typography_section__WEBPACK_IMPORTED_MODULE_22__.TypographySection,
7661 - name: 'Typography',
7662 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Typography', 'elementor')
7663 - },
7664 - fields: ['font-family', 'font-weight', 'font-size', 'text-align', 'color', 'line-height', 'letter-spacing', 'word-spacing', 'column-count', 'text-decoration', 'text-transform', 'direction', 'font-style', 'stroke']
7665 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7666 - section: {
7667 - component: _style_sections_background_section_background_section__WEBPACK_IMPORTED_MODULE_15__.BackgroundSection,
7668 - name: 'Background',
7669 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Background', 'elementor')
7670 - },
7671 - fields: ['background']
7672 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7673 - section: {
7674 - component: _style_sections_border_section_border_section__WEBPACK_IMPORTED_MODULE_16__.BorderSection,
7675 - name: 'Border',
7676 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Border', 'elementor')
7677 - },
7678 - fields: ['border-radius', 'border-width', 'border-color', 'border-style']
7679 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_style_tab_section__WEBPACK_IMPORTED_MODULE_23__.StyleTabSection, {
7680 - section: {
7681 - component: _style_sections_effects_section_effects_section__WEBPACK_IMPORTED_MODULE_17__.EffectsSection,
7682 - name: 'Effects',
7683 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Effects', 'elementor')
7684 - },
7685 - fields: ['mix-blend-mode', 'box-shadow', 'opacity', 'transform', 'filter', 'backdrop-filter', 'transform-origin', 'transition']
7686 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyleTabSlot, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Box, {
7687 - sx: {
7688 - height: '150px'
7689 - }
7690 - })))));
7691 -};
7692 -function ClassesHeader({
7693 - children
7694 -}) {
7695 - const scrollDirection = (0,_contexts_scroll_context__WEBPACK_IMPORTED_MODULE_9__.useScrollDirection)();
7696 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
7697 - sx: {
7698 - ...stickyHeaderStyles,
7699 - top: scrollDirection === 'up' ? TABS_HEADER_HEIGHT : 0
7700 - }
7701 - }, children);
7702 -}
7703 -function useCurrentClassesProp() {
7704 - const {
7705 - elementType
7706 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.useElement)();
7707 - const prop = Object.entries(elementType.propsSchema).find(([, propType]) => propType.kind === 'plain' && propType.key === _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.CLASSES_PROP_KEY);
7708 - if (!prop) {
7709 - return null;
7710 - }
7711 - return prop[0];
7712 -}
7713 -
7714 -/***/ }),
7715 -
7716 -/***/ "./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx":
7717 -/*!********************************************************************************************!*\
7718 - !*** ./packages/packages/core/editor-editing-panel/src/components/styles-field-layout.tsx ***!
7719 - \********************************************************************************************/
7720 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7721 -
7722 -__webpack_require__.r(__webpack_exports__);
7723 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7724 -/* harmony export */ StylesFieldLayout: function() { return /* binding */ StylesFieldLayout; }
7725 -/* harmony export */ });
7726 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7727 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7728 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
7729 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
7730 -/* harmony import */ var _control_label__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
7731 -
7732 -
7733 -
7734 -const StylesFieldLayout = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((props, ref) => {
7735 - const {
7736 - direction = 'row',
7737 - children,
7738 - label,
7739 - infoTooltip
7740 - } = props;
7741 - const LayoutComponent = direction === 'row' ? Row : Column;
7742 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(LayoutComponent, {
7743 - label: label,
7744 - infoTooltip: infoTooltip,
7745 - ref: ref,
7746 - children: children
7747 - });
7748 -});
7749 -const Row = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
7750 - label,
7751 - children,
7752 - infoTooltip
7753 -}, ref) => {
7754 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
7755 - container: true,
7756 - gap: 2,
7757 - alignItems: "center",
7758 - flexWrap: "nowrap",
7759 - ref: ref,
7760 - "aria-label": `${label} control`
7761 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
7762 - item: true,
7763 - xs: 6
7764 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_2__.ControlLabel, {
7765 - infoTooltip: infoTooltip
7766 - }, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Grid, {
7767 - item: true,
7768 - xs: 6,
7769 - sx: theme => ({
7770 - width: `calc(50% - ${theme.spacing(2)})`
7771 - })
7772 - }, children));
7773 -});
7774 -const Column = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(({
7775 - label,
7776 - children,
7777 - infoTooltip
7778 -}, ref) => {
7779 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Stack, {
7780 - gap: 0.75,
7781 - ref: ref
7782 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_control_label__WEBPACK_IMPORTED_MODULE_2__.ControlLabel, {
7783 - infoTooltip: infoTooltip
7784 - }, label), children);
7785 -});
7786 -
7787 -/***/ }),
7788 -
7789 -/***/ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx":
7790 -/*!*******************************************************************************************!*\
7791 - !*** ./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx ***!
7792 - \*******************************************************************************************/
7793 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7794 -
7795 -__webpack_require__.r(__webpack_exports__);
7796 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7797 -/* harmony export */ ClassesPropProvider: function() { return /* binding */ ClassesPropProvider; },
7798 -/* harmony export */ useClassesProp: function() { return /* binding */ useClassesProp; }
7799 -/* harmony export */ });
7800 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7801 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7802 -
7803 -
7804 -const Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
7805 -function ClassesPropProvider({
7806 - children,
7807 - prop
7808 -}) {
7809 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
7810 - value: {
7811 - prop
7812 - }
7813 - }, children);
7814 -}
7815 -function useClassesProp() {
7816 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
7817 - if (!context) {
7818 - throw new Error('useClassesProp must be used within a ClassesPropProvider');
7819 - }
7820 - return context.prop;
7821 -}
7822 -
7823 -/***/ }),
7824 -
7825 -/***/ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx":
7826 -/*!**************************************************************************************!*\
7827 - !*** ./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx ***!
7828 - \**************************************************************************************/
7829 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7830 -
7831 -__webpack_require__.r(__webpack_exports__);
7832 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7833 -/* harmony export */ ElementProvider: function() { return /* binding */ ElementProvider; },
7834 -/* harmony export */ useElement: function() { return /* binding */ useElement; },
7835 -/* harmony export */ usePanelElementSetting: function() { return /* binding */ usePanelElementSetting; }
7836 -/* harmony export */ });
7837 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7838 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7839 -
7840 -
7841 -const Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
7842 -function ElementProvider({
7843 - children,
7844 - element,
7845 - elementType,
7846 - settings
7847 -}) {
7848 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
7849 - value: {
7850 - element,
7851 - elementType,
7852 - settings
7853 - }
7854 - }, children);
7855 -}
7856 -function useElement() {
7857 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
7858 - if (!context) {
7859 - throw new Error('useElement must be used within a ElementProvider');
7860 - }
7861 - return context;
7862 -}
7863 -function usePanelElementSetting(propKey) {
7864 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
7865 - if (!context) {
7866 - throw new Error('usePanelElementSetting must be used within a ElementProvider');
7867 - }
7868 - return context.settings[propKey] ?? null;
7869 -}
7870 -
7871 -/***/ }),
7872 -
7873 -/***/ "./packages/packages/core/editor-editing-panel/src/contexts/scroll-context.tsx":
7874 -/*!*************************************************************************************!*\
7875 - !*** ./packages/packages/core/editor-editing-panel/src/contexts/scroll-context.tsx ***!
7876 - \*************************************************************************************/
7877 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7878 -
7879 -__webpack_require__.r(__webpack_exports__);
7880 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7881 -/* harmony export */ ScrollProvider: function() { return /* binding */ ScrollProvider; },
7882 -/* harmony export */ useScrollDirection: function() { return /* binding */ useScrollDirection; }
7883 -/* harmony export */ });
7884 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7885 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7886 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
7887 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
7888 -
7889 -
7890 -
7891 -const ScrollContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined);
7892 -const ScrollPanel = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)('div')`
7893 - height: 100%;
7894 - overflow-y: auto;
7895 -`;
7896 -const DEFAULT_SCROLL_DIRECTION = 'up';
7897 -function ScrollProvider({
7898 - children
7899 -}) {
7900 - const [direction, setDirection] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(DEFAULT_SCROLL_DIRECTION);
7901 - const ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
7902 - const scrollPos = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
7903 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
7904 - const scrollElement = ref.current;
7905 - if (!scrollElement) {
7906 - return;
7907 - }
7908 - const handleScroll = () => {
7909 - const {
7910 - scrollTop
7911 - } = scrollElement;
7912 - if (scrollTop > scrollPos.current) {
7913 - setDirection('down');
7914 - } else if (scrollTop < scrollPos.current) {
7915 - setDirection('up');
7916 - }
7917 - scrollPos.current = scrollTop;
7918 - };
7919 - scrollElement.addEventListener('scroll', handleScroll);
7920 - return () => {
7921 - scrollElement.removeEventListener('scroll', handleScroll);
7922 - };
7923 - });
7924 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ScrollContext.Provider, {
7925 - value: {
7926 - direction
7927 - }
7928 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ScrollPanel, {
7929 - ref: ref
7930 - }, children));
7931 -}
7932 -function useScrollDirection() {
7933 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ScrollContext)?.direction ?? DEFAULT_SCROLL_DIRECTION;
7934 -}
7935 -
7936 -/***/ }),
7937 -
7938 -/***/ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx":
7939 -/*!************************************************************************************!*\
7940 - !*** ./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx ***!
7941 - \************************************************************************************/
7942 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
7943 -
7944 -__webpack_require__.r(__webpack_exports__);
7945 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
7946 -/* harmony export */ StyleProvider: function() { return /* binding */ StyleProvider; },
7947 -/* harmony export */ getProviderByStyleId: function() { return /* binding */ getProviderByStyleId; },
7948 -/* harmony export */ useIsStyle: function() { return /* binding */ useIsStyle; },
7949 -/* harmony export */ useStyle: function() { return /* binding */ useStyle; }
7950 -/* harmony export */ });
7951 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
7952 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
7953 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
7954 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
7955 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
7956 -
7957 -
7958 -
7959 -
7960 -const Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
7961 -function StyleProvider({
7962 - children,
7963 - ...props
7964 -}) {
7965 - const provider = props.id === null ? null : getProviderByStyleId(props.id);
7966 - const {
7967 - userCan
7968 - } = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useUserStylesCapability)();
7969 - if (props.id && !provider) {
7970 - throw new _errors__WEBPACK_IMPORTED_MODULE_2__.StylesProviderNotFoundError({
7971 - context: {
7972 - styleId: props.id
7973 - }
7974 - });
7975 - }
7976 - const canEdit = userCan(provider?.getKey() ?? '').updateProps;
7977 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
7978 - value: {
7979 - ...props,
7980 - provider,
7981 - canEdit
7982 - }
7983 - }, children);
7984 -}
7985 -function useStyle() {
7986 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
7987 - if (!context) {
7988 - throw new Error('useStyle must be used within a StyleProvider');
7989 - }
7990 - return context;
7991 -}
7992 -function getProviderByStyleId(styleId) {
7993 - const styleProvider = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.getProviders().find(provider => {
7994 - return provider.actions.all().find(style => style.id === styleId);
7995 - });
7996 - return styleProvider ?? null;
7997 -}
7998 -function useIsStyle() {
7999 - return !!(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
8000 -}
8001 -
8002 -/***/ }),
8003 -
8004 -/***/ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx":
8005 -/*!*************************************************************************************************!*\
8006 - !*** ./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx ***!
8007 - \*************************************************************************************************/
8008 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8009 -
8010 -__webpack_require__.r(__webpack_exports__);
8011 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8012 -/* harmony export */ StyleInheritanceProvider: function() { return /* binding */ StyleInheritanceProvider; },
8013 -/* harmony export */ useInheritedValues: function() { return /* binding */ useInheritedValues; },
8014 -/* harmony export */ useStylesInheritanceChain: function() { return /* binding */ useStylesInheritanceChain; },
8015 -/* harmony export */ useStylesInheritanceSnapshot: function() { return /* binding */ useStylesInheritanceSnapshot; }
8016 -/* harmony export */ });
8017 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
8018 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
8019 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
8020 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
8021 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
8022 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
8023 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
8024 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3__);
8025 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
8026 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4__);
8027 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
8028 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5__);
8029 -/* harmony import */ var _hooks_use_styles_rerender__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-styles-rerender */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts");
8030 -/* harmony import */ var _styles_inheritance_create_styles_inheritance__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../styles-inheritance/create-styles-inheritance */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-styles-inheritance.ts");
8031 -/* harmony import */ var _classes_prop_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
8032 -/* harmony import */ var _element_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
8033 -/* harmony import */ var _style_context__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
8034 -
8035 -
8036 -
8037 -
8038 -
8039 -
8040 -
8041 -
8042 -
8043 -
8044 -
8045 -
8046 -const Context = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null);
8047 -function StyleInheritanceProvider({
8048 - children
8049 -}) {
8050 - const styleDefs = useAppliedStyles();
8051 - const breakpointsTree = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_3__.getBreakpointsTree)();
8052 - const {
8053 - getSnapshot,
8054 - getInheritanceChain
8055 - } = (0,_styles_inheritance_create_styles_inheritance__WEBPACK_IMPORTED_MODULE_7__.createStylesInheritance)(styleDefs, breakpointsTree);
8056 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Context.Provider, {
8057 - value: {
8058 - getSnapshot,
8059 - getInheritanceChain
8060 - }
8061 - }, children);
8062 -}
8063 -function useStylesInheritanceSnapshot() {
8064 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
8065 - const {
8066 - meta
8067 - } = (0,_style_context__WEBPACK_IMPORTED_MODULE_10__.useStyle)();
8068 - if (!context) {
8069 - throw new Error('useStylesInheritanceSnapshot must be used within a StyleInheritanceProvider');
8070 - }
8071 - if (!meta) {
8072 - return null;
8073 - }
8074 - return context.getSnapshot(meta) ?? null;
8075 -}
8076 -function useStylesInheritanceChain(path) {
8077 - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(Context);
8078 - if (!context) {
8079 - throw new Error('useStylesInheritanceChain must be used within a StyleInheritanceProvider');
8080 - }
8081 - const schema = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_4__.getStylesSchema)();
8082 - const topLevelPropType = schema?.[path[0]];
8083 - const snapshot = useStylesInheritanceSnapshot();
8084 - if (!snapshot) {
8085 - return [];
8086 - }
8087 - return context.getInheritanceChain(snapshot, path, topLevelPropType);
8088 -}
8089 -const EMPTY_INHERITED_VALUES = {};
8090 -function useInheritedValues(propKeys) {
8091 - const snapshot = useStylesInheritanceSnapshot();
8092 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
8093 - if (!snapshot || propKeys.length === 0) {
8094 - return EMPTY_INHERITED_VALUES;
8095 - }
8096 - return Object.fromEntries(propKeys.map(key => [key, snapshot[key]?.[0]?.value ?? null]));
8097 - }, [snapshot, propKeys]);
8098 -}
8099 -const useAppliedStyles = () => {
8100 - const currentClassesProp = (0,_classes_prop_context__WEBPACK_IMPORTED_MODULE_8__.useClassesProp)();
8101 - const baseStyles = useBaseStyles();
8102 - (0,_hooks_use_styles_rerender__WEBPACK_IMPORTED_MODULE_6__.useStylesRerender)();
8103 - const classesProp = (0,_element_context__WEBPACK_IMPORTED_MODULE_9__.usePanelElementSetting)(currentClassesProp);
8104 - const appliedStyles = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.classesPropTypeUtil.extract(classesProp) ?? [];
8105 - return _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_5__.stylesRepository.all().filter(style => [...baseStyles, ...appliedStyles].includes(style.id));
8106 -};
8107 -const useBaseStyles = () => {
8108 - const {
8109 - elementType
8110 - } = (0,_element_context__WEBPACK_IMPORTED_MODULE_9__.useElement)();
8111 - const widgetsCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getWidgetsCache)();
8112 - const widgetCache = widgetsCache?.[elementType.key];
8113 - return Object.keys(widgetCache?.base_styles ?? {});
8114 -};
8115 -
8116 -/***/ }),
8117 -
8118 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/conditional-field.tsx":
8119 -/*!*************************************************************************************************!*\
8120 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/conditional-field.tsx ***!
8121 - \*************************************************************************************************/
8122 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8123 -
8124 -__webpack_require__.r(__webpack_exports__);
8125 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8126 -/* harmony export */ ConditionalField: function() { return /* binding */ ConditionalField; },
8127 -/* harmony export */ getDependencies: function() { return /* binding */ getDependencies; }
8128 -/* harmony export */ });
8129 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
8130 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
8131 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
8132 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
8133 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
8134 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
8135 -/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
8136 -/* harmony import */ var _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");
8137 -
8138 -
8139 -
8140 -
8141 -
8142 -const ConditionalField = ({
8143 - children
8144 -}) => {
8145 - const {
8146 - propType,
8147 - value,
8148 - resetValue
8149 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
8150 - const depList = getDependencies(propType);
8151 - const {
8152 - values: depValues,
8153 - setValues: setDepValues
8154 - } = (0,_hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_4__.useStylesFields)(depList);
8155 - const inheritedValues = (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_3__.useInheritedValues)(depList);
8156 - const resolvedValues = resolveWithInherited(depValues, inheritedValues);
8157 - const isHidden = !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.isDependencyMet)(propType?.dependencies, resolvedValues).isMet;
8158 - useSyncDepsWithInherited({
8159 - isHidden,
8160 - depValues,
8161 - value,
8162 - inheritedValues,
8163 - setDepValues,
8164 - resetValue
8165 - });
8166 - return isHidden ? null : children;
8167 -};
8168 -function wasDepsCleared(prevDepValues, depValues) {
8169 - if (!prevDepValues) {
8170 - return false;
8171 - }
8172 - return Object.keys(prevDepValues).some(key => prevDepValues[key] && (!depValues || !depValues[key]));
8173 -}
8174 -function useSyncDepsWithInherited({
8175 - isHidden,
8176 - depValues,
8177 - value,
8178 - inheritedValues,
8179 - setDepValues,
8180 - resetValue
8181 -}) {
8182 - const syncRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
8183 - hasSynced: false,
8184 - prevDepValues: depValues
8185 - });
8186 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
8187 - const {
8188 - hasSynced,
8189 - prevDepValues
8190 - } = syncRef.current;
8191 - if (hasSynced && value && wasDepsCleared(prevDepValues, depValues) || isHidden && depValues && value) {
8192 - resetValue();
8193 - }
8194 - if (isHidden || !value || !depValues) {
8195 - syncRef.current = {
8196 - hasSynced: false,
8197 - prevDepValues: depValues
8198 - };
8199 - return;
8200 - }
8201 - if (hasSynced) {
8202 - syncRef.current.prevDepValues = depValues;
8203 - return;
8204 - }
8205 - syncRef.current = {
8206 - hasSynced: true,
8207 - prevDepValues: depValues
8208 - };
8209 - Object.entries(depValues).forEach(([key, depValue]) => {
8210 - const inherited = inheritedValues[key];
8211 - if (!depValue && inherited) {
8212 - setDepValues({
8213 - [key]: inherited
8214 - }, {
8215 - history: {
8216 - propDisplayName: key
8217 - }
8218 - });
8219 - }
8220 - });
8221 - }, [isHidden, depValues, value, inheritedValues, setDepValues, resetValue]);
8222 -}
8223 -function resolveWithInherited(localValues, inheritedValues) {
8224 - if (!localValues) {
8225 - const hasInherited = Object.keys(inheritedValues).length > 0;
8226 - return hasInherited ? {
8227 - ...inheritedValues
8228 - } : null;
8229 - }
8230 - return Object.fromEntries(Object.entries(localValues).map(([key, val]) => [key, val ?? inheritedValues[key] ?? null]));
8231 -}
8232 -function getDependencies(propType) {
8233 - if (!propType?.dependencies?.terms.length) {
8234 - return [];
8235 - }
8236 - return propType.dependencies.terms.flatMap(term => !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.isDependency)(term) ? term.path : []);
8237 -}
8238 -
8239 -/***/ }),
8240 -
8241 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx":
8242 -/*!******************************************************************************************************!*\
8243 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx ***!
8244 - \******************************************************************************************************/
8245 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8246 -
8247 -__webpack_require__.r(__webpack_exports__);
8248 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8249 -/* harmony export */ ControlTypeContainer: function() { return /* binding */ ControlTypeContainer; }
8250 -/* harmony export */ });
8251 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
8252 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
8253 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
8254 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
8255 -
8256 -
8257 -const ControlTypeContainer = ({
8258 - children,
8259 - layout
8260 -}) => {
8261 - if (layout === 'custom') {
8262 - return children;
8263 - }
8264 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledContainer, {
8265 - layout: layout
8266 - }, children);
8267 -};
8268 -const StyledContainer = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
8269 - shouldForwardProp: prop => !['layout'].includes(prop)
8270 -})(({
8271 - layout,
8272 - theme
8273 -}) => ({
8274 - display: 'grid',
8275 - gridGap: theme.spacing(1),
8276 - ...getGridLayout(layout)
8277 -}));
8278 -const getGridLayout = layout => ({
8279 - justifyContent: 'space-between',
8280 - ...getStyleByLayout(layout)
8281 -});
8282 -const getStyleByLayout = layout => {
8283 - if (layout === 'full') {
8284 - return {
8285 - gridTemplateColumns: 'minmax(0, 1fr)'
8286 - };
8287 - }
8288 - if (layout === 'two-columns') {
8289 - return {
8290 - alignItems: 'center',
8291 - gridTemplateColumns: 'repeat(2, minmax(0, 1fr))'
8292 - };
8293 - }
8294 -};
8295 -
8296 -/***/ }),
8297 -
8298 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/control.tsx":
8299 -/*!***************************************************************************************!*\
8300 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/control.tsx ***!
8301 - \***************************************************************************************/
8302 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8303 -
8304 -__webpack_require__.r(__webpack_exports__);
8305 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8306 -/* harmony export */ Control: function() { return /* binding */ Control; }
8307 -/* harmony export */ });
8308 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
8309 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
8310 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
8311 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
8312 -/* harmony import */ var _controls_registry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
8313 -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); }
8314 -
8315 -
8316 -
8317 -
8318 -const Control = ({
8319 - props,
8320 - type
8321 -}) => {
8322 - const ControlByType = _controls_registry__WEBPACK_IMPORTED_MODULE_3__.controlsRegistry.get(type);
8323 - const {
8324 - element
8325 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_1__.useElement)();
8326 - if (!ControlByType) {
8327 - throw new _errors__WEBPACK_IMPORTED_MODULE_2__.ControlTypeNotFoundError({
8328 - context: {
8329 - controlType: type
8330 - }
8331 - });
8332 - }
8333 -
8334 - // @ts-expect-error ControlComponent props are inferred from the type (T).
8335 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlByType, _extends({}, props, {
8336 - context: {
8337 - elementId: element.id
8338 - }
8339 - }));
8340 -};
8341 -
8342 -/***/ }),
8343 -
8344 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx":
8345 -/*!*************************************************************************************************!*\
8346 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx ***!
8347 - \*************************************************************************************************/
8348 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8349 -
8350 -__webpack_require__.r(__webpack_exports__);
8351 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8352 -/* harmony export */ controlsRegistry: function() { return /* binding */ controlsRegistry; }
8353 -/* harmony export */ });
8354 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
8355 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
8356 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
8357 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
8358 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
8359 -
8360 -
8361 -
8362 -const queryArrayPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.createArrayPropUtils)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryPropTypeUtil.key, _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryPropTypeUtil.schema);
8363 -const controlTypes = {
8364 - image: {
8365 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.ImageControl,
8366 - layout: 'custom',
8367 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.imagePropTypeUtil
8368 - },
8369 - 'svg-media': {
8370 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SvgMediaControl,
8371 - layout: 'full',
8372 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.svgSrcPropTypeUtil
8373 - },
8374 - text: {
8375 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.TextControl,
8376 - layout: 'full',
8377 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8378 - },
8379 - textarea: {
8380 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.TextAreaControl,
8381 - layout: 'full',
8382 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8383 - },
8384 - size: {
8385 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SizeControl,
8386 - layout: 'two-columns',
8387 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.sizePropTypeUtil
8388 - },
8389 - select: {
8390 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SelectControlWrapper,
8391 - layout: 'two-columns',
8392 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8393 - },
8394 - chips: {
8395 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.ChipsControl,
8396 - layout: 'full',
8397 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringArrayPropTypeUtil
8398 - },
8399 - link: {
8400 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.LinkControl,
8401 - layout: 'custom',
8402 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.linkPropTypeUtil
8403 - },
8404 - query: {
8405 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.QueryControl,
8406 - layout: 'full',
8407 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryPropTypeUtil
8408 - },
8409 - 'query-chips': {
8410 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.QueryChipsControl,
8411 - layout: 'full',
8412 - propTypeUtil: queryArrayPropTypeUtil
8413 - },
8414 - 'query-filter-repeater': {
8415 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.QueryFilterRepeaterControl,
8416 - layout: 'full',
8417 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.queryFilterArrayPropTypeUtil
8418 - },
8419 - url: {
8420 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.UrlControl,
8421 - layout: 'full',
8422 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8423 - },
8424 - switch: {
8425 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.SwitchControl,
8426 - layout: 'two-columns',
8427 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.booleanPropTypeUtil
8428 - },
8429 - number: {
8430 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.NumberControl,
8431 - layout: 'two-columns',
8432 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.numberPropTypeUtil
8433 - },
8434 - repeatable: {
8435 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.RepeatableControl,
8436 - layout: 'full',
8437 - propTypeUtil: undefined
8438 - },
8439 - 'key-value': {
8440 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.KeyValueControl,
8441 - layout: 'full',
8442 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.keyValuePropTypeUtil
8443 - },
8444 - 'html-tag': {
8445 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.HtmlTagControl,
8446 - layout: 'two-columns',
8447 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8448 - },
8449 - toggle: {
8450 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.ToggleControl,
8451 - layout: 'full',
8452 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8453 - },
8454 - 'date-time': {
8455 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.DateTimeControl,
8456 - layout: 'full',
8457 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.DateTimePropTypeUtil
8458 - },
8459 - video: {
8460 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.VideoMediaControl,
8461 - layout: 'full',
8462 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.videoSrcPropTypeUtil
8463 - },
8464 - 'inline-editing': {
8465 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.InlineEditingControl,
8466 - layout: 'full',
8467 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.htmlV3PropTypeUtil
8468 - },
8469 - email: {
8470 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.EmailFormActionControl,
8471 - layout: 'custom',
8472 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.emailsPropTypeUtil
8473 - },
8474 - 'date-range': {
8475 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.DateRangeControl,
8476 - layout: 'custom',
8477 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.dateRangePropTypeUtil
8478 - },
8479 - 'time-range': {
8480 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.TimeRangeControl,
8481 - layout: 'custom',
8482 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.timeRangePropTypeUtil
8483 - },
8484 - 'attachment-type': {
8485 - component: _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.AttachmentTypeControl,
8486 - layout: 'custom',
8487 - propTypeUtil: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.stringPropTypeUtil
8488 - }
8489 -};
8490 -class ControlsRegistry {
8491 - constructor(controlsRegistry) {
8492 - this.controlsRegistry = controlsRegistry;
8493 - this.controlsRegistry = controlsRegistry;
8494 - }
8495 - get(type) {
8496 - return this.controlsRegistry[type]?.component;
8497 - }
8498 - getLayout(type) {
8499 - return this.controlsRegistry[type]?.layout;
8500 - }
8501 - getPropTypeUtil(type) {
8502 - return this.controlsRegistry[type]?.propTypeUtil;
8503 - }
8504 - registry() {
8505 - return this.controlsRegistry;
8506 - }
8507 - register(type, component, layout,
8508 - // eslint-disable-next-line @typescript-eslint/no-explicit-any
8509 - propTypeUtil) {
8510 - if (this.controlsRegistry[type]) {
8511 - throw new _errors__WEBPACK_IMPORTED_MODULE_2__.ControlTypeAlreadyRegisteredError({
8512 - context: {
8513 - controlType: type
8514 - }
8515 - });
8516 - }
8517 - this.controlsRegistry[type] = {
8518 - component,
8519 - layout,
8520 - propTypeUtil
8521 - };
8522 - }
8523 - unregister(type) {
8524 - if (!this.controlsRegistry[type]) {
8525 - throw new _errors__WEBPACK_IMPORTED_MODULE_2__.ControlTypeNotRegisteredError({
8526 - context: {
8527 - controlType: type
8528 - }
8529 - });
8530 - }
8531 - // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
8532 - delete this.controlsRegistry[type];
8533 - }
8534 -}
8535 -const controlsRegistry = new ControlsRegistry(controlTypes);
8536 -
8537 -/***/ }),
8538 -
8539 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts":
8540 -/*!***********************************************************************************************************!*\
8541 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts ***!
8542 - \***********************************************************************************************************/
8543 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8544 -
8545 -__webpack_require__.r(__webpack_exports__);
8546 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8547 -/* harmony export */ createTopLevelObjectType: function() { return /* binding */ createTopLevelObjectType; }
8548 -/* harmony export */ });
8549 -const createTopLevelObjectType = ({
8550 - schema
8551 -}) => {
8552 - const schemaPropType = {
8553 - key: '',
8554 - kind: 'object',
8555 - meta: {},
8556 - settings: {},
8557 - default: null,
8558 - shape: schema
8559 - };
8560 - return schemaPropType;
8561 -};
8562 -
8563 -/***/ }),
8564 -
8565 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/get-element-by-type.ts":
8566 -/*!*******************************************************************************************************************!*\
8567 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/get-element-by-type.ts ***!
8568 - \*******************************************************************************************************************/
8569 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8570 -
8571 -__webpack_require__.r(__webpack_exports__);
8572 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8573 -/* harmony export */ getElementByType: function() { return /* binding */ getElementByType; }
8574 -/* harmony export */ });
8575 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
8576 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
8577 -
8578 -const getElementByType = (elementId, type) => {
8579 - const currentElement = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(elementId);
8580 - if (!currentElement) {
8581 - return null;
8582 - }
8583 - if (currentElement.model.get('elType') === type) {
8584 - return currentElement;
8585 - }
8586 - return currentElement.children?.findRecursive?.(child => child.model.get('elType') === type) ?? null;
8587 -};
8588 -
8589 -/***/ }),
8590 -
8591 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/registry.ts":
8592 -/*!********************************************************************************************************!*\
8593 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/registry.ts ***!
8594 - \********************************************************************************************************/
8595 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8596 -
8597 -__webpack_require__.r(__webpack_exports__);
8598 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8599 -/* harmony export */ registerElementControls: function() { return /* binding */ registerElementControls; }
8600 -/* harmony export */ });
8601 -/* harmony import */ var _controls_registry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
8602 -/* harmony import */ var _tabs_control_tabs_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tabs-control/tabs-control */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/tabs-control.tsx");
8603 -
8604 -
8605 -const controlTypes = {
8606 - tabs: {
8607 - component: _tabs_control_tabs_control__WEBPACK_IMPORTED_MODULE_1__.TabsControl,
8608 - layout: 'full'
8609 - }
8610 -};
8611 -const registerElementControls = () => {
8612 - Object.entries(controlTypes).forEach(([type, {
8613 - component,
8614 - layout
8615 - }]) => {
8616 - _controls_registry__WEBPACK_IMPORTED_MODULE_0__.controlsRegistry.register(type, component, layout);
8617 - });
8618 -};
8619 -
8620 -/***/ }),
8621 -
8622 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/tabs-control.tsx":
8623 -/*!**************************************************************************************************************************!*\
8624 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/tabs-control.tsx ***!
8625 - \**************************************************************************************************************************/
8626 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8627 -
8628 -__webpack_require__.r(__webpack_exports__);
8629 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8630 -/* harmony export */ ConditionalTooltip: function() { return /* binding */ ConditionalTooltip; },
8631 -/* harmony export */ TabsControl: function() { return /* binding */ TabsControl; },
8632 -/* harmony export */ TabsControlContent: function() { return /* binding */ TabsControlContent; }
8633 -/* harmony export */ });
8634 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
8635 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
8636 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
8637 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
8638 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
8639 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__);
8640 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
8641 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__);
8642 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
8643 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__);
8644 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
8645 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__);
8646 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
8647 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__);
8648 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
8649 -/* harmony import */ var _settings_field__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../settings-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx");
8650 -/* harmony import */ var _get_element_by_type__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../get-element-by-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/get-element-by-type.ts");
8651 -/* harmony import */ var _use_actions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use-actions */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/use-actions.ts");
8652 -
8653 -
8654 -
8655 -
8656 -
8657 -
8658 -
8659 -
8660 -
8661 -
8662 -
8663 -const TAB_MENU_ELEMENT_TYPE = 'e-tabs-menu';
8664 -const TAB_CONTENT_AREA_ELEMENT_TYPE = 'e-tabs-content-area';
8665 -const TabsControl = ({
8666 - label
8667 -}) => {
8668 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_field__WEBPACK_IMPORTED_MODULE_8__.SettingsField, {
8669 - bind: "default-active-tab",
8670 - propDisplayName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Tabs', 'elementor')
8671 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabsControlContent, {
8672 - label: label
8673 - }));
8674 -};
8675 -const TabsControlContent = ({
8676 - label
8677 -}) => {
8678 - const {
8679 - element
8680 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
8681 - const {
8682 - addItem,
8683 - duplicateItem,
8684 - moveItem,
8685 - removeItem
8686 - } = (0,_use_actions__WEBPACK_IMPORTED_MODULE_10__.useActions)();
8687 - const {
8688 - [_use_actions__WEBPACK_IMPORTED_MODULE_10__.TAB_ELEMENT_TYPE]: tabLinks
8689 - } = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useElementChildren)(element.id, {
8690 - [TAB_MENU_ELEMENT_TYPE]: _use_actions__WEBPACK_IMPORTED_MODULE_10__.TAB_ELEMENT_TYPE
8691 - });
8692 - const tabList = (0,_get_element_by_type__WEBPACK_IMPORTED_MODULE_9__.getElementByType)(element.id, TAB_MENU_ELEMENT_TYPE);
8693 - const tabContentArea = (0,_get_element_by_type__WEBPACK_IMPORTED_MODULE_9__.getElementByType)(element.id, TAB_CONTENT_AREA_ELEMENT_TYPE);
8694 - const repeaterValues = tabLinks.map((tabLink, index) => {
8695 - return {
8696 - id: tabLink.id,
8697 - title: tabLink.editorSettings?.title,
8698 - index
8699 - };
8700 - });
8701 - const setValue = (_newValues, _options, meta) => {
8702 - if (meta?.action?.type === 'add') {
8703 - const items = meta.action.payload;
8704 - return addItem({
8705 - tabContentAreaId: tabContentArea.id,
8706 - items,
8707 - tabsMenuId: tabList.id
8708 - });
8709 - }
8710 - if (meta?.action?.type === 'remove') {
8711 - const items = meta.action.payload;
8712 - return removeItem({
8713 - items,
8714 - tabContentAreaId: tabContentArea.id
8715 - });
8716 - }
8717 - if (meta?.action?.type === 'duplicate') {
8718 - const items = meta.action.payload;
8719 - return duplicateItem({
8720 - items,
8721 - tabContentAreaId: tabContentArea.id
8722 - });
8723 - }
8724 - if (meta?.action?.type === 'reorder') {
8725 - const {
8726 - from,
8727 - to
8728 - } = meta.action.payload;
8729 - return moveItem({
8730 - toIndex: to,
8731 - tabsMenuId: tabList.id,
8732 - tabContentAreaId: tabContentArea.id,
8733 - movedElementId: tabLinks[from].id,
8734 - movedElementIndex: from
8735 - });
8736 - }
8737 - };
8738 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.Repeater, {
8739 - showToggle: false,
8740 - values: repeaterValues,
8741 - setValues: setValue,
8742 - showRemove: repeaterValues.length > 1,
8743 - label: label,
8744 - itemSettings: {
8745 - getId: ({
8746 - item
8747 - }) => item.id,
8748 - initialValues: {
8749 - id: '',
8750 - title: 'Tab'
8751 - },
8752 - Label: ItemLabel,
8753 - Content: ItemContent,
8754 - Icon: () => null
8755 - }
8756 - });
8757 -};
8758 -const ItemLabel = ({
8759 - value,
8760 - index
8761 -}) => {
8762 - const elementTitle = value?.title;
8763 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
8764 - sx: {
8765 - minHeight: 20
8766 - },
8767 - direction: "row",
8768 - alignItems: "center",
8769 - gap: 1.5
8770 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, elementTitle), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemDefaultTab, {
8771 - index: index
8772 - }));
8773 -};
8774 -const ItemDefaultTab = ({
8775 - index
8776 -}) => {
8777 - const {
8778 - value: defaultItem
8779 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.numberPropTypeUtil);
8780 - const isDefault = defaultItem === index;
8781 - if (!isDefault) {
8782 - return null;
8783 - }
8784 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Chip, {
8785 - size: "tiny",
8786 - shape: "rounded",
8787 - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Default', 'elementor')
8788 - });
8789 -};
8790 -const ItemContent = ({
8791 - value,
8792 - index
8793 -}) => {
8794 - if (!value.id) {
8795 - return null;
8796 - }
8797 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
8798 - p: 2,
8799 - gap: 1.5
8800 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabLabelControl, {
8801 - elementId: value.id
8802 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_settings_field__WEBPACK_IMPORTED_MODULE_8__.SettingsField, {
8803 - bind: "default-active-tab",
8804 - propDisplayName: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Tabs', 'elementor')
8805 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DefaultTabControl, {
8806 - tabIndex: index
8807 - })));
8808 -};
8809 -const DefaultTabControl = ({
8810 - tabIndex
8811 -}) => {
8812 - const {
8813 - value,
8814 - setValue
8815 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_3__.numberPropTypeUtil);
8816 - const isDefault = value === tabIndex;
8817 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
8818 - direction: "row",
8819 - alignItems: "center",
8820 - justifyContent: "space-between",
8821 - gap: 2
8822 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Set as default tab', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ConditionalTooltip, {
8823 - showTooltip: isDefault,
8824 - placement: "right"
8825 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Switch, {
8826 - size: "small",
8827 - checked: isDefault,
8828 - disabled: isDefault,
8829 - onChange: ({
8830 - target
8831 - }) => {
8832 - setValue(target.checked ? tabIndex : null);
8833 - },
8834 - inputProps: {
8835 - ...(isDefault ? {
8836 - style: {
8837 - opacity: 0,
8838 - cursor: 'not-allowed'
8839 - }
8840 - } : {})
8841 - }
8842 - })));
8843 -};
8844 -const TabLabelControl = ({
8845 - elementId
8846 -}) => {
8847 - const editorSettings = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.useElementEditorSettings)(elementId);
8848 - const label = editorSettings?.title ?? '';
8849 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Stack, {
8850 - gap: 1
8851 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('Tab name', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.TextField, {
8852 - size: "tiny",
8853 - value: label,
8854 - onChange: ({
8855 - target
8856 - }) => {
8857 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_2__.updateElementEditorSettings)({
8858 - elementId,
8859 - settings: {
8860 - title: target.value
8861 - }
8862 - });
8863 - }
8864 - }));
8865 -};
8866 -const ConditionalTooltip = ({
8867 - showTooltip,
8868 - children
8869 -}) => {
8870 - if (!showTooltip) {
8871 - return children;
8872 - }
8873 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Infotip, {
8874 - arrow: false,
8875 - content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Alert, {
8876 - color: "secondary",
8877 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_4__.InfoCircleFilledIcon, {
8878 - fontSize: "tiny"
8879 - }),
8880 - size: "small",
8881 - sx: {
8882 - width: 288
8883 - }
8884 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_5__.Typography, {
8885 - variant: "body2"
8886 - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_6__.__)('To change the default tab, simply set another tab as default.', 'elementor')))
8887 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, children));
8888 -};
8889 -
8890 -/***/ }),
8891 -
8892 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/use-actions.ts":
8893 -/*!************************************************************************************************************************!*\
8894 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/tabs-control/use-actions.ts ***!
8895 - \************************************************************************************************************************/
8896 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
8897 -
8898 -__webpack_require__.r(__webpack_exports__);
8899 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
8900 -/* harmony export */ TAB_CONTENT_ELEMENT_TYPE: function() { return /* binding */ TAB_CONTENT_ELEMENT_TYPE; },
8901 -/* harmony export */ TAB_ELEMENT_TYPE: function() { return /* binding */ TAB_ELEMENT_TYPE; },
8902 -/* harmony export */ useActions: function() { return /* binding */ useActions; }
8903 -/* harmony export */ });
8904 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
8905 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
8906 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
8907 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
8908 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
8909 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
8910 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
8911 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
8912 -
8913 -
8914 -
8915 -
8916 -const TAB_ELEMENT_TYPE = 'e-tab';
8917 -const TAB_CONTENT_ELEMENT_TYPE = 'e-tab-content';
8918 -const useActions = () => {
8919 - const {
8920 - value,
8921 - setValue: setDefaultActiveTab
8922 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.numberPropTypeUtil);
8923 - const defaultActiveTab = value ?? 0;
8924 - const duplicateItem = ({
8925 - items,
8926 - tabContentAreaId
8927 - }) => {
8928 - const newDefault = calculateDefaultOnDuplicate({
8929 - items,
8930 - defaultActiveTab
8931 - });
8932 - items.forEach(({
8933 - item,
8934 - index
8935 - }) => {
8936 - const tabId = item.id;
8937 - const tabContentAreaContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(tabContentAreaId);
8938 - const tabContentId = tabContentAreaContainer?.children?.[index]?.id;
8939 - if (!tabContentId) {
8940 - throw new Error('Original content ID is required for duplication');
8941 - }
8942 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.duplicateElements)({
8943 - elementIds: [tabId, tabContentId],
8944 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Duplicate Tab', 'elementor'),
8945 - onDuplicateElements: () => {
8946 - if (newDefault !== defaultActiveTab) {
8947 - setDefaultActiveTab(newDefault, {}, {
8948 - withHistory: false
8949 - });
8950 - }
8951 - },
8952 - onRestoreElements: () => {
8953 - if (newDefault !== defaultActiveTab) {
8954 - setDefaultActiveTab(defaultActiveTab, {}, {
8955 - withHistory: false
8956 - });
8957 - }
8958 - }
8959 - });
8960 - });
8961 - };
8962 - const moveItem = ({
8963 - toIndex,
8964 - tabsMenuId,
8965 - tabContentAreaId,
8966 - movedElementId,
8967 - movedElementIndex
8968 - }) => {
8969 - const tabContentContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(tabContentAreaId);
8970 - const tabContent = tabContentContainer?.children?.[movedElementIndex];
8971 - const movedElement = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(movedElementId);
8972 - const tabsMenu = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(tabsMenuId);
8973 - if (!tabContent) {
8974 - throw new Error('Content element is required');
8975 - }
8976 - if (!movedElement || !tabsMenu) {
8977 - throw new Error('Tab element or menu not found');
8978 - }
8979 - const newDefault = calculateDefaultOnMove({
8980 - from: movedElementIndex,
8981 - to: toIndex,
8982 - defaultActiveTab
8983 - });
8984 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.moveElements)({
8985 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Reorder Tabs', 'elementor'),
8986 - moves: [{
8987 - element: movedElement,
8988 - targetContainer: tabsMenu,
8989 - options: {
8990 - at: toIndex
8991 - }
8992 - }, {
8993 - element: tabContent,
8994 - targetContainer: tabContentContainer,
8995 - options: {
8996 - at: toIndex
8997 - }
8998 - }],
8999 - onMoveElements: () => {
9000 - if (newDefault !== defaultActiveTab) {
9001 - setDefaultActiveTab(newDefault, {}, {
9002 - withHistory: false
9003 - });
9004 - }
9005 - },
9006 - onRestoreElements: () => {
9007 - if (newDefault !== defaultActiveTab) {
9008 - setDefaultActiveTab(defaultActiveTab, {}, {
9009 - withHistory: false
9010 - });
9011 - }
9012 - }
9013 - });
9014 - };
9015 - const removeItem = ({
9016 - items,
9017 - tabContentAreaId
9018 - }) => {
9019 - const newDefault = calculateDefaultOnRemove({
9020 - items,
9021 - defaultActiveTab
9022 - });
9023 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.removeElements)({
9024 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Tabs', 'elementor'),
9025 - elementIds: items.flatMap(({
9026 - item,
9027 - index
9028 - }) => {
9029 - const tabId = item.id;
9030 - const tabContentContainer = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(tabContentAreaId);
9031 - const tabContentId = tabContentContainer?.children?.[index]?.id;
9032 - if (!tabContentId) {
9033 - throw new Error('Content ID is required');
9034 - }
9035 - return [tabId, tabContentId];
9036 - }),
9037 - onRemoveElements: () => {
9038 - if (newDefault !== defaultActiveTab) {
9039 - setDefaultActiveTab(newDefault, {}, {
9040 - withHistory: false
9041 - });
9042 - }
9043 - },
9044 - onRestoreElements: () => {
9045 - if (newDefault !== defaultActiveTab) {
9046 - setDefaultActiveTab(defaultActiveTab, {}, {
9047 - withHistory: false
9048 - });
9049 - }
9050 - }
9051 - });
9052 - };
9053 - const addItem = ({
9054 - tabContentAreaId,
9055 - tabsMenuId,
9056 - items
9057 - }) => {
9058 - const tabContentArea = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(tabContentAreaId);
9059 - const tabsMenu = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getContainer)(tabsMenuId);
9060 - if (!tabContentArea || !tabsMenu) {
9061 - throw new Error('Tab containers not found');
9062 - }
9063 - items.forEach(({
9064 - index
9065 - }) => {
9066 - const position = index + 1;
9067 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.createElements)({
9068 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Tabs', 'elementor'),
9069 - elements: [{
9070 - container: tabContentArea,
9071 - model: {
9072 - elType: TAB_CONTENT_ELEMENT_TYPE,
9073 - editor_settings: {
9074 - title: `Tab ${position} content`,
9075 - initial_position: position
9076 - }
9077 - }
9078 - }, {
9079 - container: tabsMenu,
9080 - model: {
9081 - elType: TAB_ELEMENT_TYPE,
9082 - editor_settings: {
9083 - title: `Tab ${position} trigger`,
9084 - initial_position: position
9085 - }
9086 - }
9087 - }]
9088 - });
9089 - });
9090 - };
9091 - return {
9092 - duplicateItem,
9093 - moveItem,
9094 - removeItem,
9095 - addItem
9096 - };
9097 -};
9098 -const calculateDefaultOnMove = ({
9099 - from,
9100 - to,
9101 - defaultActiveTab
9102 -}) => {
9103 - if (from === defaultActiveTab) {
9104 - return to;
9105 - }
9106 - if (from < defaultActiveTab && to >= defaultActiveTab) {
9107 - return defaultActiveTab - 1;
9108 - }
9109 - if (from > defaultActiveTab && to <= defaultActiveTab) {
9110 - return defaultActiveTab + 1;
9111 - }
9112 - return defaultActiveTab;
9113 -};
9114 -const calculateDefaultOnRemove = ({
9115 - items,
9116 - defaultActiveTab
9117 -}) => {
9118 - const isDefault = items.some(({
9119 - index
9120 - }) => index === defaultActiveTab);
9121 - if (isDefault) {
9122 - return 0;
9123 - }
9124 - const defaultGap = items.reduce((acc, {
9125 - index
9126 - }) => index < defaultActiveTab ? acc + 1 : acc, 0);
9127 - return defaultActiveTab - defaultGap;
9128 -};
9129 -const calculateDefaultOnDuplicate = ({
9130 - items,
9131 - defaultActiveTab
9132 -}) => {
9133 - const duplicatesBefore = items.reduce((acc, {
9134 - index
9135 - }) => {
9136 - const isDuplicatedBeforeDefault = index < defaultActiveTab;
9137 - return isDuplicatedBeforeDefault ? acc + 1 : acc;
9138 - }, 0);
9139 - return defaultActiveTab + duplicatesBefore;
9140 -};
9141 -
9142 -/***/ }),
9143 -
9144 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx":
9145 -/*!**********************************************************************************************!*\
9146 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx ***!
9147 - \**********************************************************************************************/
9148 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9149 -
9150 -__webpack_require__.r(__webpack_exports__);
9151 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
9152 -/* harmony export */ SettingsField: function() { return /* binding */ SettingsField; }
9153 -/* harmony export */ });
9154 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
9155 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
9156 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
9157 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
9158 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents");
9159 -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__);
9160 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
9161 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__);
9162 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
9163 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__);
9164 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
9165 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
9166 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
9167 -/* harmony import */ var _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/prop-dependency-utils */ "./packages/packages/core/editor-editing-panel/src/utils/prop-dependency-utils.ts");
9168 -/* harmony import */ var _create_top_level_object_type__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./create-top-level-object-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts");
9169 -
9170 -
9171 -
9172 -
9173 -
9174 -
9175 -
9176 -
9177 -
9178 -
9179 -const HISTORY_DEBOUNCE_WAIT = 800;
9180 -const SettingsField = ({
9181 - bind,
9182 - children,
9183 - propDisplayName
9184 -}) => {
9185 - const {
9186 - element: {
9187 - id: elementId
9188 - },
9189 - elementType: {
9190 - propsSchema,
9191 - dependenciesPerTargetMapping = {}
9192 - },
9193 - settings: currentElementSettings
9194 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_6__.useElement)();
9195 - const value = {
9196 - [bind]: currentElementSettings?.[bind] ?? null
9197 - };
9198 - const propType = (0,_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_8__.createTopLevelObjectType)({
9199 - schema: propsSchema
9200 - });
9201 - const undoableUpdateElementProp = useUndoableUpdateElementProp({
9202 - elementId,
9203 - propDisplayName
9204 - });
9205 - const {
9206 - isDisabled,
9207 - isHidden
9208 - } = (0,_utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_7__.extractDependencyEffect)(bind, propsSchema, currentElementSettings);
9209 - if (isHidden) {
9210 - return null;
9211 - }
9212 -
9213 - // eslint-disable-next-line @typescript-eslint/no-unused-vars
9214 - const setValue = (newValue, _ = {}, meta) => {
9215 - const {
9216 - withHistory = true
9217 - } = meta ?? {};
9218 - const dependents = (0,_utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_7__.extractOrderedDependencies)(dependenciesPerTargetMapping);
9219 - const settingsWithDefaults = (0,_utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_7__.getElementSettingsWithDefaults)(propsSchema, currentElementSettings);
9220 - const settings = (0,_utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_7__.getUpdatedValues)(newValue, dependents, propsSchema, settingsWithDefaults, elementId);
9221 - if (withHistory) {
9222 - undoableUpdateElementProp(settings);
9223 - } else {
9224 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.updateElementSettings)({
9225 - id: elementId,
9226 - props: settings,
9227 - withHistory: false
9228 - });
9229 - }
9230 - };
9231 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, {
9232 - propType: propType,
9233 - value: value,
9234 - setValue: setValue,
9235 - isDisabled: isDisabled
9236 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
9237 - bind: bind
9238 - }, children));
9239 -};
9240 -function useUndoableUpdateElementProp({
9241 - elementId,
9242 - propDisplayName
9243 -}) {
9244 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
9245 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__.undoable)({
9246 - do: newSettings => {
9247 - const prevPropValue = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.getElementSettings)(elementId, Object.keys(newSettings));
9248 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.updateElementSettings)({
9249 - id: elementId,
9250 - props: newSettings,
9251 - withHistory: false
9252 - });
9253 - (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_2__.setDocumentModifiedStatus)(true);
9254 - return prevPropValue;
9255 - },
9256 - undo: ({}, prevProps) => {
9257 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.updateElementSettings)({
9258 - id: elementId,
9259 - props: prevProps,
9260 - withHistory: false
9261 - });
9262 - }
9263 - }, {
9264 - title: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_3__.getElementLabel)(elementId),
9265 - // translators: %s is the name of the property that was edited.
9266 - subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('%s edited', 'elementor').replace('%s', propDisplayName),
9267 - debounce: {
9268 - wait: HISTORY_DEBOUNCE_WAIT
9269 - }
9270 - });
9271 - }, [elementId, propDisplayName]);
9272 -}
9273 -
9274 -/***/ }),
9275 -
9276 -/***/ "./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx":
9277 -/*!********************************************************************************************!*\
9278 - !*** ./packages/packages/core/editor-editing-panel/src/controls-registry/styles-field.tsx ***!
9279 - \********************************************************************************************/
9280 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9281 -
9282 -__webpack_require__.r(__webpack_exports__);
9283 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
9284 -/* harmony export */ StylesField: function() { return /* binding */ StylesField; }
9285 -/* harmony export */ });
9286 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
9287 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
9288 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
9289 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
9290 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
9291 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
9292 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
9293 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__);
9294 -/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
9295 -/* harmony import */ var _field_indicators_registry__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../field-indicators-registry */ "./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts");
9296 -/* harmony import */ var _hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../hooks/use-styles-field */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts");
9297 -/* harmony import */ var _conditional_field__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./conditional-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/conditional-field.tsx");
9298 -/* harmony import */ var _create_top_level_object_type__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./create-top-level-object-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts");
9299 -
9300 -
9301 -
9302 -
9303 -
9304 -
9305 -
9306 -
9307 -
9308 -const DIMENSION_SIDES = ['block-start', 'block-end', 'inline-start', 'inline-end'];
9309 -
9310 -/**
9311 - * When a breakpoint inherits from a parent that only set *some* dimension sides, the remaining
9312 - * sides should still show the next ancestor's value as a placeholder — not go blank.
9313 - *
9314 - * Example: Desktop = 10px (uniform). Tablet = inline-start 5px only. Mobile = no local value.
9315 - * Without merging, mobile's Right / Bottom / Top placeholders would be empty because the closest
9316 - * inherited value (tablet's partial dims) has no value for those sides.
9317 - * With merging, we walk further up the chain and fill the gaps: inline-start gets 5px from tablet,
9318 - * the other three sides get 10px from desktop's uniform size.
9319 - *
9320 - * Non-dimensions values (color, font-size, …) are returned as-is — no merging needed there.
9321 - * @param chain
9322 - * @param startIndex
9323 - */
9324 -function buildResolvedPlaceholder(chain, startIndex) {
9325 - const firstEntry = chain[startIndex];
9326 - if (!firstEntry) {
9327 - return undefined;
9328 - }
9329 - const firstValue = firstEntry.value;
9330 - if (!_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.dimensionsPropTypeUtil.isValid(firstValue)) {
9331 - return firstValue;
9332 - }
9333 - const firstDims = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.dimensionsPropTypeUtil.extract(firstValue);
9334 - if (DIMENSION_SIDES.every(side => firstDims?.[side] !== null && firstDims?.[side] !== undefined)) {
9335 - return firstValue;
9336 - }
9337 - const merged = {};
9338 - DIMENSION_SIDES.forEach(side => {
9339 - if (firstDims?.[side] !== null && firstDims?.[side] !== undefined) {
9340 - merged[side] = firstDims[side];
9341 - }
9342 - });
9343 - for (let i = startIndex + 1; i < chain.length; i++) {
9344 - const val = chain[i].value;
9345 - if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.sizePropTypeUtil.isValid(val)) {
9346 - DIMENSION_SIDES.forEach(side => {
9347 - if (merged[side] === null || merged[side] === undefined) {
9348 - merged[side] = val;
9349 - }
9350 - });
9351 - break;
9352 - } else if (_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.dimensionsPropTypeUtil.isValid(val)) {
9353 - const dims = _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.dimensionsPropTypeUtil.extract(val);
9354 - DIMENSION_SIDES.forEach(side => {
9355 - if ((merged[side] === null || merged[side] === undefined) && dims?.[side] !== null && dims?.[side] !== undefined) {
9356 - merged[side] = dims[side];
9357 - }
9358 - });
9359 - }
9360 - if (DIMENSION_SIDES.every(side => merged[side] !== null && merged[side] !== undefined)) {
9361 - break;
9362 - }
9363 - }
9364 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.dimensionsPropTypeUtil.create({
9365 - 'block-start': merged['block-start'] ?? null,
9366 - 'block-end': merged['block-end'] ?? null,
9367 - 'inline-start': merged['inline-start'] ?? null,
9368 - 'inline-end': merged['inline-end'] ?? null
9369 - });
9370 -}
9371 -const StylesField = ({
9372 - bind,
9373 - propDisplayName,
9374 - children
9375 -}) => {
9376 - const stylesSchema = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__.getStylesSchema)();
9377 - const stylesInheritanceChain = (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_4__.useStylesInheritanceChain)([bind]);
9378 - const {
9379 - value,
9380 - canEdit,
9381 - ...fields
9382 - } = (0,_hooks_use_styles_field__WEBPACK_IMPORTED_MODULE_6__.useStylesField)(bind, {
9383 - history: {
9384 - propDisplayName
9385 - }
9386 - });
9387 - const propType = (0,_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_8__.createTopLevelObjectType)({
9388 - schema: stylesSchema
9389 - });
9390 -
9391 - // Placeholders represent the inherited value the user would see if they cleared their local
9392 - // override. The chain is ordered most-specific-first, so when the current breakpoint has its
9393 - // own value, chain[0] IS that value — showing it as a placeholder would be meaningless.
9394 - // We skip to chain[1] so controls display what's truly inherited from parent breakpoints.
9395 - //
9396 - // buildResolvedPlaceholder also handles the case where the inherited value itself is a partial
9397 - // dimensions (e.g. tablet only overrides inline-start): it merges subsequent chain entries to
9398 - // fill the missing sides, so "Right / Bottom" inputs don't lose their inherited placeholder.
9399 - const placeholderStartIndex = value ? 1 : 0;
9400 - const placeholderValues = {
9401 - [bind]: buildResolvedPlaceholder(stylesInheritanceChain, placeholderStartIndex)
9402 - };
9403 - const setValue = newValue => {
9404 - fields.setValue(newValue[bind]);
9405 - };
9406 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlAdornmentsProvider, {
9407 - items: (0,_field_indicators_registry__WEBPACK_IMPORTED_MODULE_5__.getFieldIndicators)('styles')
9408 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, {
9409 - propType: propType,
9410 - value: {
9411 - [bind]: value
9412 - },
9413 - setValue: setValue,
9414 - placeholder: placeholderValues,
9415 - isDisabled: () => !canEdit
9416 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
9417 - bind: bind
9418 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_conditional_field__WEBPACK_IMPORTED_MODULE_7__.ConditionalField, null, children))));
9419 -};
9420 -
9421 -/***/ }),
9422 -
9423 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/components/background-control-dynamic-tag.tsx":
9424 -/*!****************************************************************************************************************!*\
9425 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/components/background-control-dynamic-tag.tsx ***!
9426 - \****************************************************************************************************************/
9427 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9428 -
9429 -__webpack_require__.r(__webpack_exports__);
9430 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
9431 -/* harmony export */ BackgroundControlDynamicTagIcon: function() { return /* binding */ BackgroundControlDynamicTagIcon; },
9432 -/* harmony export */ BackgroundControlDynamicTagLabel: function() { return /* binding */ BackgroundControlDynamicTagLabel; }
9433 -/* harmony export */ });
9434 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
9435 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
9436 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
9437 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
9438 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
9439 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
9440 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
9441 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
9442 -/* harmony import */ var _hooks_use_dynamic_tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-dynamic-tag */ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-dynamic-tag.ts");
9443 -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); }
9444 -
9445 -
9446 -
9447 -
9448 -
9449 -
9450 -// Since this is injected, the initial prop provider does not dig into the nested structure of the value.
9451 -// We need to synthetically create a type that matches the expected structure of the value.
9452 -
9453 -const BackgroundControlDynamicTagIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
9454 - fontSize: "tiny"
9455 -});
9456 -const BackgroundControlDynamicTagLabel = ({
9457 - value
9458 -}) => {
9459 - const context = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.backgroundImageOverlayPropTypeUtil);
9460 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, _extends({}, context, {
9461 - value: value.value
9462 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
9463 - bind: "image"
9464 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Wrapper, {
9465 - rawValue: value.value
9466 - })));
9467 -};
9468 -const Wrapper = ({
9469 - rawValue
9470 -}) => {
9471 - const {
9472 - propType
9473 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
9474 - const imageOverlayPropType = propType.prop_types['background-image-overlay'];
9475 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, {
9476 - propType: imageOverlayPropType.shape.image,
9477 - value: rawValue,
9478 - setValue: () => void 0
9479 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
9480 - bind: "src"
9481 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Content, {
9482 - rawValue: rawValue.image
9483 - })));
9484 -};
9485 -const Content = ({
9486 - rawValue
9487 -}) => {
9488 - const src = rawValue.value.src;
9489 - const dynamicTag = (0,_hooks_use_dynamic_tag__WEBPACK_IMPORTED_MODULE_4__.useDynamicTag)(src.value.name || '');
9490 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, dynamicTag?.label);
9491 -};
9492 -
9493 -/***/ }),
9494 -
9495 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-conditional-control.tsx":
9496 -/*!*************************************************************************************************************!*\
9497 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-conditional-control.tsx ***!
9498 - \*************************************************************************************************************/
9499 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9500 -
9501 -__webpack_require__.r(__webpack_exports__);
9502 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
9503 -/* harmony export */ DynamicConditionalControl: function() { return /* binding */ DynamicConditionalControl; }
9504 -/* harmony export */ });
9505 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
9506 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
9507 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
9508 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
9509 -
9510 -
9511 -
9512 -const DynamicConditionalControl = ({
9513 - children,
9514 - propType,
9515 - propsSchema,
9516 - dynamicSettings
9517 -}) => {
9518 - const defaults = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
9519 - if (!propsSchema) {
9520 - return {};
9521 - }
9522 - const entries = Object.entries(propsSchema);
9523 - return entries.reduce((result, [key, prop]) => {
9524 - result[key] = prop?.default ?? null;
9525 - return result;
9526 - }, {});
9527 - }, [propsSchema]);
9528 - const convertedSettings = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
9529 - if (!dynamicSettings) {
9530 - return {};
9531 - }
9532 - return Object.entries(dynamicSettings).reduce((result, [key, dynamicValue]) => {
9533 - if (dynamicValue && typeof dynamicValue === 'object' && '$$type' in dynamicValue) {
9534 - result[key] = dynamicValue;
9535 - } else {
9536 - result[key] = {
9537 - $$type: 'plain',
9538 - value: dynamicValue
9539 - };
9540 - }
9541 - return result;
9542 - }, {});
9543 - }, [dynamicSettings]);
9544 - const effectiveSettings = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
9545 - return {
9546 - ...defaults,
9547 - ...convertedSettings
9548 - };
9549 - }, [defaults, convertedSettings]);
9550 - if (!propType?.dependencies?.terms.length) {
9551 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children);
9552 - }
9553 - const isHidden = !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
9554 - return isHidden ? null : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, children);
9555 -};
9556 -
9557 -/***/ }),
9558 -
9559 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection-control.tsx":
9560 -/*!***********************************************************************************************************!*\
9561 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection-control.tsx ***!
9562 - \***********************************************************************************************************/
9563 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9564 -
9565 -__webpack_require__.r(__webpack_exports__);
9566 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
9567 -/* harmony export */ DynamicSelectionControl: function() { return /* binding */ DynamicSelectionControl; },
9568 -/* harmony export */ DynamicSettingsPopover: function() { return /* binding */ DynamicSettingsPopover; }
9569 -/* harmony export */ });
9570 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
9571 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
9572 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
9573 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
9574 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
9575 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
9576 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
9577 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
9578 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
9579 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
9580 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
9581 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
9582 -/* harmony import */ var _controls_registry_control__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../controls-registry/control */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control.tsx");
9583 -/* harmony import */ var _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../controls-registry/controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
9584 -/* harmony import */ var _controls_registry_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../controls-registry/create-top-level-object-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts");
9585 -/* harmony import */ var _hooks_use_license_config__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../hooks/use-license-config */ "./packages/packages/core/editor-editing-panel/src/hooks/use-license-config.ts");
9586 -/* harmony import */ var _hooks_use_persist_dynamic_value__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../hooks/use-persist-dynamic-value */ "./packages/packages/core/editor-editing-panel/src/hooks/use-persist-dynamic-value.ts");
9587 -/* harmony import */ var _dynamic_control__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../dynamic-control */ "./packages/packages/core/editor-editing-panel/src/dynamics/dynamic-control.tsx");
9588 -/* harmony import */ var _hooks_use_dynamic_tag__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../hooks/use-dynamic-tag */ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-dynamic-tag.ts");
9589 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
9590 -/* harmony import */ var _dynamic_selection__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./dynamic-selection */ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection.tsx");
9591 -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); }
9592 -
9593 -
9594 -
9595 -
9596 -
9597 -
9598 -
9599 -
9600 -
9601 -
9602 -
9603 -
9604 -
9605 -
9606 -
9607 -const SIZE = 'tiny';
9608 -const tagsWithoutTabs = ['popup'];
9609 -const DynamicSelectionControl = ({
9610 - OriginalControl,
9611 - ...props
9612 -}) => {
9613 - const {
9614 - setValue: setAnyValue,
9615 - propType
9616 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
9617 - const {
9618 - bind,
9619 - value
9620 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_utils__WEBPACK_IMPORTED_MODULE_13__.dynamicPropTypeUtil);
9621 - const {
9622 - expired: readonly
9623 - } = (0,_hooks_use_license_config__WEBPACK_IMPORTED_MODULE_9__.useLicenseConfig)();
9624 - const originalPropType = (0,_controls_registry_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_8__.createTopLevelObjectType)({
9625 - schema: {
9626 - [bind]: propType
9627 - }
9628 - });
9629 - const [propValueFromHistory] = (0,_hooks_use_persist_dynamic_value__WEBPACK_IMPORTED_MODULE_10__.usePersistDynamicValue)(bind);
9630 - const selectionPopoverState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.usePopupState)({
9631 - variant: 'popover'
9632 - });
9633 - const {
9634 - name: tagName = ''
9635 - } = value;
9636 - const dynamicTag = (0,_hooks_use_dynamic_tag__WEBPACK_IMPORTED_MODULE_12__.useDynamicTag)(tagName);
9637 - if (!(0,_utils__WEBPACK_IMPORTED_MODULE_13__.isDynamicTagSupported)(tagName) && OriginalControl) {
9638 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, {
9639 - propType: originalPropType,
9640 - value: {
9641 - [bind]: null
9642 - },
9643 - setValue: setAnyValue
9644 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
9645 - bind: bind
9646 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(OriginalControl, props)));
9647 - }
9648 - const removeDynamicTag = () => {
9649 - setAnyValue(propValueFromHistory ?? null);
9650 - };
9651 - if (!dynamicTag) {
9652 - throw new Error(`Dynamic tag ${tagName} not found`);
9653 - }
9654 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Box, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.UnstableTag, _extends({
9655 - fullWidth: true,
9656 - showActionsOnHover: true,
9657 - label: dynamicTag.label,
9658 - startIcon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
9659 - fontSize: SIZE
9660 - })
9661 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindTrigger)(selectionPopoverState), {
9662 - actions: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DynamicSettingsPopover, {
9663 - dynamicTag: dynamicTag,
9664 - disabled: readonly
9665 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.IconButton, {
9666 - size: SIZE,
9667 - onClick: removeDynamicTag,
9668 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Remove dynamic value', 'elementor')
9669 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.XIcon, {
9670 - fontSize: SIZE
9671 - })))
9672 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Popover, _extends({
9673 - disablePortal: true,
9674 - disableScrollLock: true,
9675 - anchorOrigin: {
9676 - vertical: 'bottom',
9677 - horizontal: 'right'
9678 - },
9679 - transformOrigin: {
9680 - vertical: 'top',
9681 - horizontal: 'right'
9682 - },
9683 - PaperProps: {
9684 - sx: {
9685 - my: 1
9686 - }
9687 - }
9688 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindPopover)(selectionPopoverState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SectionPopoverBody, {
9689 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Dynamic tags', 'elementor')
9690 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_dynamic_selection__WEBPACK_IMPORTED_MODULE_14__.DynamicSelection, {
9691 - close: selectionPopoverState.close,
9692 - expired: readonly
9693 - }))));
9694 -};
9695 -const DynamicSettingsPopover = ({
9696 - dynamicTag,
9697 - disabled = false
9698 -}) => {
9699 - const popupState = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.usePopupState)({
9700 - variant: 'popover'
9701 - });
9702 - const hasDynamicSettings = !!dynamicTag.atomic_controls.length;
9703 - if (!hasDynamicSettings) {
9704 - return null;
9705 - }
9706 - 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__.IconButton, _extends({
9707 - size: SIZE,
9708 - disabled: disabled
9709 - }, !disabled && (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindTrigger)(popupState), {
9710 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Dynamic settings', 'elementor')
9711 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.SettingsIcon, {
9712 - fontSize: SIZE
9713 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Popover, _extends({
9714 - disablePortal: true,
9715 - disableScrollLock: true,
9716 - anchorOrigin: {
9717 - vertical: 'bottom',
9718 - horizontal: 'right'
9719 - },
9720 - transformOrigin: {
9721 - vertical: 'top',
9722 - horizontal: 'right'
9723 - },
9724 - PaperProps: {
9725 - sx: {
9726 - my: 1
9727 - }
9728 - }
9729 - }, (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.bindPopover)(popupState)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SectionPopoverBody, {
9730 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Dynamic settings', 'elementor')
9731 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
9732 - title: dynamicTag.label,
9733 - onClose: popupState.close,
9734 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
9735 - fontSize: SIZE
9736 - })
9737 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DynamicSettings, {
9738 - controls: dynamicTag.atomic_controls,
9739 - tagName: dynamicTag.name
9740 - }))));
9741 -};
9742 -const DynamicSettings = ({
9743 - controls,
9744 - tagName
9745 -}) => {
9746 - const tabs = controls.filter(({
9747 - type
9748 - }) => type === 'section');
9749 - const {
9750 - getTabsProps,
9751 - getTabProps,
9752 - getTabPanelProps
9753 - } = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.useTabs)(0);
9754 - if (!tabs.length) {
9755 - // Dynamic must have hierarchical controls.
9756 - return null;
9757 - }
9758 - if (tagsWithoutTabs.includes(tagName)) {
9759 - const singleTab = tabs[0];
9760 - 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__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlsItemsStack, {
9761 - items: singleTab.value.items
9762 - }));
9763 - }
9764 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, tabs.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tabs, _extends({
9765 - size: "small",
9766 - variant: "fullWidth"
9767 - }, getTabsProps()), tabs.map(({
9768 - value
9769 - }, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Tab, _extends({
9770 - key: index,
9771 - label: value.label,
9772 - sx: {
9773 - px: 1,
9774 - py: 0.5
9775 - }
9776 - }, getTabProps(index))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, null), tabs.map(({
9777 - value
9778 - }, index) => {
9779 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.TabPanel, _extends({
9780 - key: index,
9781 - sx: {
9782 - flexGrow: 1,
9783 - py: 0,
9784 - overflowY: 'auto'
9785 - }
9786 - }, getTabPanelProps(index)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ControlsItemsStack, {
9787 - items: value.items
9788 - }));
9789 - }));
9790 -};
9791 -const LAYOUT_OVERRIDE_FIELDS = {
9792 - separator: 'two-columns',
9793 - action: 'full',
9794 - off_canvas: 'full',
9795 - type: 'two-columns'
9796 -};
9797 -const DYNAMIC_TAG_LAYOUT_OVERRIDES = {
9798 - select: 'full'
9799 -};
9800 -const getLayout = control => {
9801 - const dynamicOverride = DYNAMIC_TAG_LAYOUT_OVERRIDES[control.type];
9802 - if (dynamicOverride) {
9803 - return dynamicOverride;
9804 - }
9805 - return LAYOUT_OVERRIDE_FIELDS[control.bind] ?? _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_7__.controlsRegistry.getLayout(control.type);
9806 -};
9807 -const Control = ({
9808 - control
9809 -}) => {
9810 - if (!_controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_7__.controlsRegistry.get(control.type)) {
9811 - return null;
9812 - }
9813 - const layout = getLayout(control);
9814 - const shouldDisablePortal = control.type === 'select';
9815 - const baseControlProps = shouldDisablePortal ? {
9816 - ...control.props,
9817 - MenuProps: {
9818 - ...(control.props?.MenuProps ?? {}),
9819 - disablePortal: true
9820 - }
9821 - } : {
9822 - ...control.props
9823 - };
9824 - const controlProps = {
9825 - ...baseControlProps,
9826 - ariaLabel: control.label
9827 - };
9828 - const isSwitchControl = control.type === 'switch';
9829 - const layoutStyleProps = layout === 'two-columns' ? {
9830 - display: 'grid',
9831 - gridTemplateColumns: isSwitchControl ? 'minmax(0, 1fr) max-content' : '1fr 1fr'
9832 - } : {};
9833 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_dynamic_control__WEBPACK_IMPORTED_MODULE_11__.DynamicControl, {
9834 - bind: control.bind
9835 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Grid, {
9836 - container: true,
9837 - gap: 0.75,
9838 - sx: layoutStyleProps
9839 - }, control.label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Grid, {
9840 - item: true,
9841 - xs: 12
9842 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, control.label)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Grid, {
9843 - item: true,
9844 - xs: 12
9845 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_registry_control__WEBPACK_IMPORTED_MODULE_6__.Control, {
9846 - type: control.type,
9847 - props: controlProps
9848 - }))));
9849 -};
9850 -function ControlsItemsStack({
9851 - items
9852 -}) {
9853 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
9854 - p: 2,
9855 - gap: 2,
9856 - sx: {
9857 - overflowY: 'auto'
9858 - }
9859 - }, items.map(item => item.type === 'control' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Control, {
9860 - key: item.value.bind,
9861 - control: item.value
9862 - }) : null));
9863 -}
9864 -
9865 -/***/ }),
9866 -
9867 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection.tsx":
9868 -/*!***************************************************************************************************!*\
9869 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection.tsx ***!
9870 - \***************************************************************************************************/
9871 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
9872 -
9873 -__webpack_require__.r(__webpack_exports__);
9874 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
9875 -/* harmony export */ DynamicSelection: function() { return /* binding */ DynamicSelection; }
9876 -/* harmony export */ });
9877 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
9878 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
9879 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
9880 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
9881 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
9882 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
9883 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
9884 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__);
9885 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
9886 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__);
9887 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
9888 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
9889 -/* harmony import */ var _hooks_use_persist_dynamic_value__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks/use-persist-dynamic-value */ "./packages/packages/core/editor-editing-panel/src/hooks/use-persist-dynamic-value.ts");
9890 -/* harmony import */ var _hooks_use_prop_dynamic_tags__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../hooks/use-prop-dynamic-tags */ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-tags.ts");
9891 -/* harmony import */ var _sync_get_atomic_dynamic_tags__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../sync/get-atomic-dynamic-tags */ "./packages/packages/core/editor-editing-panel/src/dynamics/sync/get-atomic-dynamic-tags.ts");
9892 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
9893 -
9894 -
9895 -
9896 -
9897 -
9898 -
9899 -
9900 -
9901 -
9902 -
9903 -
9904 -const SIZE = 'tiny';
9905 -const PROMO_TEXT_WIDTH = 170;
9906 -const PRO_DYNAMIC_TAGS_URL = 'https://go.elementor.com/go-pro-dynamic-tags-modal/';
9907 -const RENEW_DYNAMIC_TAGS_URL = 'https://go.elementor.com/go-pro-dynamic-tags-renew-modal/';
9908 -const DynamicSelection = ({
9909 - close: closePopover,
9910 - expired = false
9911 -}) => {
9912 - const [searchValue, setSearchValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
9913 - const {
9914 - groups: dynamicGroups
9915 - } = (0,_sync_get_atomic_dynamic_tags__WEBPACK_IMPORTED_MODULE_8__.getAtomicDynamicTags)() || {};
9916 - const theme = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.useTheme)();
9917 - const {
9918 - value: anyValue
9919 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
9920 - const {
9921 - bind,
9922 - value: dynamicValue,
9923 - setValue
9924 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_utils__WEBPACK_IMPORTED_MODULE_9__.dynamicPropTypeUtil);
9925 - const [, updatePropValueHistory] = (0,_hooks_use_persist_dynamic_value__WEBPACK_IMPORTED_MODULE_6__.usePersistDynamicValue)(bind);
9926 - const isCurrentValueDynamic = !!dynamicValue;
9927 - const options = useFilteredOptions(searchValue);
9928 - const hasNoDynamicTags = !options.length && !searchValue.trim();
9929 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
9930 - if (hasNoDynamicTags) {
9931 - (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackViewPromotion)({
9932 - target_name: 'dynamic_tags'
9933 - });
9934 - } else if (expired) {
9935 - (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackViewPromotion)({
9936 - target_name: 'dynamic_tags'
9937 - });
9938 - }
9939 - }, [hasNoDynamicTags, expired]);
9940 - const handleSearch = value => {
9941 - setSearchValue(value);
9942 - };
9943 - const handleSetDynamicTag = value => {
9944 - if (!isCurrentValueDynamic) {
9945 - updatePropValueHistory(anyValue);
9946 - }
9947 - const selectedOption = options.flatMap(([, items]) => items).find(item => item.value === value);
9948 - setValue({
9949 - name: value,
9950 - group: selectedOption?.group ?? '',
9951 - settings: {
9952 - label: selectedOption?.label
9953 - }
9954 - });
9955 - closePopover();
9956 - };
9957 - const virtualizedItems = options.flatMap(([category, items]) => [{
9958 - type: 'category',
9959 - value: category,
9960 - label: dynamicGroups?.[category]?.title || category
9961 - }, ...items.map(item => ({
9962 - type: 'item',
9963 - value: item.value,
9964 - label: item.label
9965 - }))]);
9966 - const getPopOverContent = () => {
9967 - if (hasNoDynamicTags) {
9968 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(NoDynamicTags, null);
9969 - }
9970 - if (expired) {
9971 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ExpiredDynamicTags, null);
9972 - }
9973 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SearchField, {
9974 - value: searchValue,
9975 - onSearch: handleSearch,
9976 - placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Search dynamic tags…', 'elementor')
9977 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverMenuList, {
9978 - items: virtualizedItems,
9979 - onSelect: handleSetDynamicTag,
9980 - onClose: closePopover,
9981 - selectedValue: dynamicValue?.name,
9982 - itemStyle: item => item.type === 'item' ? {
9983 - paddingInlineStart: theme.spacing(3.5)
9984 - } : {},
9985 - noResultsComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(NoResults, {
9986 - searchValue: searchValue,
9987 - onClear: () => setSearchValue('')
9988 - })
9989 - }));
9990 - };
9991 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.SectionPopoverBody, {
9992 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Dynamic tags', 'elementor')
9993 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
9994 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Dynamic tags', 'elementor'),
9995 - onClose: closePopover,
9996 - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
9997 - fontSize: SIZE
9998 - })
9999 - }), getPopOverContent());
10000 -};
10001 -const NoResults = ({
10002 - searchValue,
10003 - onClear
10004 -}) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
10005 - gap: 1,
10006 - alignItems: "center",
10007 - justifyContent: "center",
10008 - height: "100%",
10009 - p: 2.5,
10010 - color: "text.secondary",
10011 - sx: {
10012 - pb: 3.5
10013 - }
10014 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
10015 - fontSize: "large"
10016 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
10017 - align: "center",
10018 - variant: "subtitle2"
10019 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Sorry, nothing matched', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), "\u201C", searchValue, "\u201D."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
10020 - align: "center",
10021 - variant: "caption",
10022 - sx: {
10023 - display: 'flex',
10024 - flexDirection: 'column'
10025 - }
10026 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Try something else.', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Link, {
10027 - color: "text.secondary",
10028 - variant: "caption",
10029 - component: "button",
10030 - onClick: onClear
10031 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Clear & try again', 'elementor'))));
10032 -const NoDynamicTags = () => /*#__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__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
10033 - gap: 1,
10034 - alignItems: "center",
10035 - justifyContent: "center",
10036 - height: "100%",
10037 - p: 2.5,
10038 - color: "text.secondary",
10039 - sx: {
10040 - pb: 3.5
10041 - }
10042 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
10043 - fontSize: "large"
10044 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
10045 - align: "center",
10046 - variant: "subtitle2"
10047 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Streamline your workflow with dynamic tags', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
10048 - align: "center",
10049 - variant: "caption",
10050 - width: PROMO_TEXT_WIDTH
10051 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Upgrade now to display your content dynamically.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.CtaButton, {
10052 - size: "small",
10053 - href: PRO_DYNAMIC_TAGS_URL,
10054 - onClick: () => (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackUpgradePromotionClick)({
10055 - target_name: 'dynamic_tags'
10056 - })
10057 -})));
10058 -const ExpiredDynamicTags = () => /*#__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__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Stack, {
10059 - gap: 1,
10060 - alignItems: "center",
10061 - justifyContent: "center",
10062 - height: "100%",
10063 - p: 2.5,
10064 - color: "text.secondary",
10065 - sx: {
10066 - pb: 3.5
10067 - }
10068 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_3__.DatabaseIcon, {
10069 - fontSize: "large"
10070 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
10071 - align: "center",
10072 - variant: "subtitle2"
10073 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Unlock your Dynamic tags again', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_4__.Typography, {
10074 - align: "center",
10075 - variant: "caption",
10076 - width: PROMO_TEXT_WIDTH
10077 -}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Dynamic tags need Elementor Pro. Renew now to keep them active.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.CtaButton, {
10078 - size: "small",
10079 - href: RENEW_DYNAMIC_TAGS_URL,
10080 - onClick: () => (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackUpgradePromotionClick)({
10081 - target_name: 'dynamic_tags'
10082 - }),
10083 - children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Renew Now', 'elementor')
10084 -})));
10085 -const useFilteredOptions = searchValue => {
10086 - const dynamicTags = (0,_hooks_use_prop_dynamic_tags__WEBPACK_IMPORTED_MODULE_7__.usePropDynamicTags)();
10087 - const options = dynamicTags.reduce((categories, {
10088 - name,
10089 - label,
10090 - group
10091 - }) => {
10092 - const isVisible = label.toLowerCase().includes(searchValue.trim().toLowerCase());
10093 - if (!isVisible) {
10094 - return categories;
10095 - }
10096 - if (!categories.has(group)) {
10097 - categories.set(group, []);
10098 - }
10099 - categories.get(group)?.push({
10100 - label,
10101 - group,
10102 - value: name
10103 - });
10104 - return categories;
10105 - }, new Map());
10106 - return [...options];
10107 -};
10108 -
10109 -/***/ }),
10110 -
10111 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/dynamic-control.tsx":
10112 -/*!**************************************************************************************!*\
10113 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/dynamic-control.tsx ***!
10114 - \**************************************************************************************/
10115 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10116 -
10117 -__webpack_require__.r(__webpack_exports__);
10118 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10119 -/* harmony export */ DynamicControl: function() { return /* binding */ DynamicControl; }
10120 -/* harmony export */ });
10121 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
10122 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
10123 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
10124 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
10125 -/* harmony import */ var _controls_registry_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../controls-registry/create-top-level-object-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts");
10126 -/* harmony import */ var _components_dynamic_conditional_control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/dynamic-conditional-control */ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-conditional-control.tsx");
10127 -/* harmony import */ var _hooks_use_dynamic_tag__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./hooks/use-dynamic-tag */ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-dynamic-tag.ts");
10128 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
10129 -
10130 -
10131 -
10132 -
10133 -
10134 -
10135 -const DynamicControl = ({
10136 - bind,
10137 - children
10138 -}) => {
10139 - const {
10140 - value,
10141 - setValue
10142 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)(_utils__WEBPACK_IMPORTED_MODULE_5__.dynamicPropTypeUtil);
10143 - const {
10144 - name = '',
10145 - group = '',
10146 - settings
10147 - } = value ?? {};
10148 - const dynamicTag = (0,_hooks_use_dynamic_tag__WEBPACK_IMPORTED_MODULE_4__.useDynamicTag)(name);
10149 - if (!dynamicTag) {
10150 - throw new Error(`Dynamic tag ${name} not found`);
10151 - }
10152 - const dynamicPropType = dynamicTag.props_schema[bind];
10153 - const defaultValue = dynamicPropType?.default;
10154 - const dynamicValue = settings?.[bind] ?? defaultValue;
10155 - const setDynamicValue = newValues => {
10156 - setValue({
10157 - name,
10158 - group,
10159 - settings: {
10160 - ...settings,
10161 - ...newValues
10162 - }
10163 - });
10164 - };
10165 - const propType = (0,_controls_registry_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_2__.createTopLevelObjectType)({
10166 - schema: dynamicTag.props_schema
10167 - });
10168 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropProvider, {
10169 - propType: propType,
10170 - setValue: setDynamicValue,
10171 - value: {
10172 - [bind]: dynamicValue
10173 - }
10174 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PropKeyProvider, {
10175 - bind: bind
10176 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_dynamic_conditional_control__WEBPACK_IMPORTED_MODULE_3__.DynamicConditionalControl, {
10177 - propType: dynamicPropType,
10178 - propsSchema: dynamicTag.props_schema,
10179 - dynamicSettings: settings
10180 - }, children)));
10181 -};
10182 -
10183 -/***/ }),
10184 -
10185 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/dynamic-transformer.ts":
10186 -/*!*****************************************************************************************!*\
10187 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/dynamic-transformer.ts ***!
10188 - \*****************************************************************************************/
10189 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10190 -
10191 -__webpack_require__.r(__webpack_exports__);
10192 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10193 -/* harmony export */ dynamicTransformer: function() { return /* binding */ dynamicTransformer; }
10194 -/* harmony export */ });
10195 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
10196 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
10197 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
10198 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__);
10199 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./errors */ "./packages/packages/core/editor-editing-panel/src/dynamics/errors.ts");
10200 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
10201 -
10202 -
10203 -
10204 -
10205 -const dynamicTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)((value, {
10206 - propType,
10207 - renderContext
10208 -}) => {
10209 - if (!value?.name || !(0,_utils__WEBPACK_IMPORTED_MODULE_3__.isDynamicTagSupported)(value.name)) {
10210 - return propType?.default ?? null;
10211 - }
10212 - const renderPostId = renderContext?.currentPostId;
10213 - return getDynamicValue(value.name, simpleTransform(value?.settings ?? {}), renderPostId);
10214 -});
10215 -
10216 -// Temporary naive transformation until we'll have a `backendTransformer` that
10217 -// will replace the `dynamicTransformer` client implementation.
10218 -function simpleTransform(props) {
10219 - const transformed = Object.entries(props).map(([settingKey, settingValue]) => {
10220 - const value = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_1__.isTransformable)(settingValue) ? settingValue.value : settingValue;
10221 - return [settingKey, value];
10222 - });
10223 - return Object.fromEntries(transformed);
10224 -}
10225 -function getDynamicValue(name, settings, renderPostId) {
10226 - const {
10227 - dynamicTags
10228 - } = window.elementor ?? {};
10229 - if (!dynamicTags) {
10230 - throw new _errors__WEBPACK_IMPORTED_MODULE_2__.DynamicTagsManagerNotFoundError();
10231 - }
10232 - const getTagValue = () => {
10233 - const tag = dynamicTags.createTag('v4-dynamic-tag', name, settings);
10234 - if (!tag) {
10235 - return null;
10236 - }
10237 - if (renderPostId) {
10238 - tag.editorRenderPostId = renderPostId;
10239 - }
10240 - return dynamicTags.loadTagDataFromCache(tag) ?? null;
10241 - };
10242 - const tagValue = getTagValue();
10243 - if (tagValue !== null) {
10244 - return tagValue;
10245 - }
10246 - return new Promise(resolve => {
10247 - dynamicTags.refreshCacheFromServer(() => {
10248 - resolve(getTagValue());
10249 - });
10250 - });
10251 -}
10252 -
10253 -/***/ }),
10254 -
10255 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/errors.ts":
10256 -/*!****************************************************************************!*\
10257 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/errors.ts ***!
10258 - \****************************************************************************/
10259 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10260 -
10261 -__webpack_require__.r(__webpack_exports__);
10262 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10263 -/* harmony export */ DynamicTagsManagerNotFoundError: function() { return /* binding */ DynamicTagsManagerNotFoundError; }
10264 -/* harmony export */ });
10265 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
10266 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__);
10267 -
10268 -const DynamicTagsManagerNotFoundError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10269 - code: 'dynamic_tags_manager_not_found',
10270 - message: 'Dynamic tags manager not found'
10271 -});
10272 -
10273 -/***/ }),
10274 -
10275 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-dynamic-tag.ts":
10276 -/*!*******************************************************************************************!*\
10277 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-dynamic-tag.ts ***!
10278 - \*******************************************************************************************/
10279 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10280 -
10281 -__webpack_require__.r(__webpack_exports__);
10282 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10283 -/* harmony export */ useDynamicTag: function() { return /* binding */ useDynamicTag; }
10284 -/* harmony export */ });
10285 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
10286 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
10287 -/* harmony import */ var _use_prop_dynamic_tags__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-prop-dynamic-tags */ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-tags.ts");
10288 -
10289 -
10290 -const useDynamicTag = tagName => {
10291 - const dynamicTags = (0,_use_prop_dynamic_tags__WEBPACK_IMPORTED_MODULE_1__.useAllPropDynamicTags)();
10292 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => dynamicTags.find(tag => tag.name === tagName) ?? null, [dynamicTags, tagName]);
10293 -};
10294 -
10295 -/***/ }),
10296 -
10297 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-action.tsx":
10298 -/*!****************************************************************************************************!*\
10299 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-action.tsx ***!
10300 - \****************************************************************************************************/
10301 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10302 -
10303 -__webpack_require__.r(__webpack_exports__);
10304 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10305 -/* harmony export */ usePropDynamicAction: function() { return /* binding */ usePropDynamicAction; }
10306 -/* harmony export */ });
10307 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
10308 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
10309 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
10310 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
10311 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
10312 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
10313 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
10314 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
10315 -/* harmony import */ var _components_dynamic_selection__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/dynamic-selection */ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection.tsx");
10316 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
10317 -
10318 -
10319 -
10320 -
10321 -
10322 -
10323 -const usePropDynamicAction = () => {
10324 - const {
10325 - propType
10326 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
10327 - const visible = !!propType && (0,_utils__WEBPACK_IMPORTED_MODULE_5__.supportsDynamic)(propType);
10328 - return {
10329 - visible,
10330 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.DatabaseIcon,
10331 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Dynamic tags', 'elementor'),
10332 - content: ({
10333 - close
10334 - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_dynamic_selection__WEBPACK_IMPORTED_MODULE_4__.DynamicSelection, {
10335 - close: close
10336 - })
10337 - };
10338 -};
10339 -
10340 -/***/ }),
10341 -
10342 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-tags.ts":
10343 -/*!*************************************************************************************************!*\
10344 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-tags.ts ***!
10345 - \*************************************************************************************************/
10346 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10347 -
10348 -__webpack_require__.r(__webpack_exports__);
10349 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10350 -/* harmony export */ useAllPropDynamicTags: function() { return /* binding */ useAllPropDynamicTags; },
10351 -/* harmony export */ usePropDynamicTags: function() { return /* binding */ usePropDynamicTags; }
10352 -/* harmony export */ });
10353 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
10354 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
10355 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
10356 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
10357 -/* harmony import */ var _sync_get_atomic_dynamic_tags__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../sync/get-atomic-dynamic-tags */ "./packages/packages/core/editor-editing-panel/src/dynamics/sync/get-atomic-dynamic-tags.ts");
10358 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
10359 -
10360 -
10361 -
10362 -
10363 -const usePropDynamicTags = () => {
10364 - return usePropDynamicTagsInternal(true);
10365 -};
10366 -const useAllPropDynamicTags = () => {
10367 - return usePropDynamicTagsInternal(false);
10368 -};
10369 -const usePropDynamicTagsInternal = filterByLicense => {
10370 - let categories = [];
10371 - const {
10372 - propType
10373 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
10374 - if (propType) {
10375 - const propDynamicType = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getDynamicPropType)(propType);
10376 - categories = propDynamicType?.settings.categories || [];
10377 - }
10378 - const categoriesKey = categories.join();
10379 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => getDynamicTagsByCategories(categories, filterByLicense),
10380 - // eslint-disable-next-line react-hooks/exhaustive-deps
10381 - [categoriesKey, filterByLicense]);
10382 -};
10383 -const getDynamicTagsByCategories = (categories, filterByLicense) => {
10384 - const {
10385 - tags,
10386 - groups
10387 - } = (0,_sync_get_atomic_dynamic_tags__WEBPACK_IMPORTED_MODULE_2__.getAtomicDynamicTags)(filterByLicense) || {};
10388 - if (!categories.length || !tags || !groups) {
10389 - return [];
10390 - }
10391 - const _categories = new Set(categories);
10392 - const dynamicTags = [];
10393 - const groupedFilteredTags = {};
10394 - for (const tag of Object.values(tags)) {
10395 - if (!tag.categories.some(category => _categories.has(category))) {
10396 - continue;
10397 - }
10398 - if (!groupedFilteredTags[tag.group]) {
10399 - groupedFilteredTags[tag.group] = [];
10400 - }
10401 - groupedFilteredTags[tag.group].push(tag);
10402 - }
10403 - for (const group in groups) {
10404 - if (groupedFilteredTags[group]) {
10405 - dynamicTags.push(...groupedFilteredTags[group]);
10406 - }
10407 - }
10408 - return dynamicTags;
10409 -};
10410 -
10411 -/***/ }),
10412 -
10413 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/init.ts":
10414 -/*!**************************************************************************!*\
10415 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/init.ts ***!
10416 - \**************************************************************************/
10417 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10418 -
10419 -__webpack_require__.r(__webpack_exports__);
10420 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10421 -/* harmony export */ init: function() { return /* binding */ init; }
10422 -/* harmony export */ });
10423 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
10424 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
10425 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
10426 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
10427 -/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/menus */ "@elementor/menus");
10428 -/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_menus__WEBPACK_IMPORTED_MODULE_2__);
10429 -/* harmony import */ var _components_background_control_dynamic_tag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/background-control-dynamic-tag */ "./packages/packages/core/editor-editing-panel/src/dynamics/components/background-control-dynamic-tag.tsx");
10430 -/* harmony import */ var _components_dynamic_selection_control__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/dynamic-selection-control */ "./packages/packages/core/editor-editing-panel/src/dynamics/components/dynamic-selection-control.tsx");
10431 -/* harmony import */ var _dynamic_transformer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dynamic-transformer */ "./packages/packages/core/editor-editing-panel/src/dynamics/dynamic-transformer.ts");
10432 -/* harmony import */ var _hooks_use_prop_dynamic_action__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./hooks/use-prop-dynamic-action */ "./packages/packages/core/editor-editing-panel/src/dynamics/hooks/use-prop-dynamic-action.tsx");
10433 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
10434 -
10435 -
10436 -
10437 -
10438 -
10439 -
10440 -
10441 -
10442 -const {
10443 - registerPopoverAction
10444 -} = _elementor_menus__WEBPACK_IMPORTED_MODULE_2__.controlActionsMenu;
10445 -const init = () => {
10446 - (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.registerControlReplacement)({
10447 - component: _components_dynamic_selection_control__WEBPACK_IMPORTED_MODULE_4__.DynamicSelectionControl,
10448 - condition: ({
10449 - value
10450 - }) => (0,_utils__WEBPACK_IMPORTED_MODULE_7__.isDynamicPropValue)(value)
10451 - });
10452 - (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.injectIntoRepeaterItemLabel)({
10453 - id: 'dynamic-background-image',
10454 - condition: ({
10455 - value
10456 - }) => (0,_utils__WEBPACK_IMPORTED_MODULE_7__.isDynamicPropValue)(value.value?.image?.value?.src),
10457 - component: _components_background_control_dynamic_tag__WEBPACK_IMPORTED_MODULE_3__.BackgroundControlDynamicTagLabel
10458 - });
10459 - (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.injectIntoRepeaterItemIcon)({
10460 - id: 'dynamic-background-image',
10461 - condition: ({
10462 - value
10463 - }) => (0,_utils__WEBPACK_IMPORTED_MODULE_7__.isDynamicPropValue)(value.value?.image?.value?.src),
10464 - component: _components_background_control_dynamic_tag__WEBPACK_IMPORTED_MODULE_3__.BackgroundControlDynamicTagIcon
10465 - });
10466 - registerPopoverAction({
10467 - id: 'dynamic-tags',
10468 - priority: 20,
10469 - useProps: _hooks_use_prop_dynamic_action__WEBPACK_IMPORTED_MODULE_6__.usePropDynamicAction
10470 - });
10471 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.styleTransformersRegistry.register('dynamic', _dynamic_transformer__WEBPACK_IMPORTED_MODULE_5__.dynamicTransformer);
10472 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.settingsTransformersRegistry.register('dynamic', _dynamic_transformer__WEBPACK_IMPORTED_MODULE_5__.dynamicTransformer);
10473 -};
10474 -
10475 -/***/ }),
10476 -
10477 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/sync/get-atomic-dynamic-tags.ts":
10478 -/*!**************************************************************************************************!*\
10479 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/sync/get-atomic-dynamic-tags.ts ***!
10480 - \**************************************************************************************************/
10481 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10482 -
10483 -__webpack_require__.r(__webpack_exports__);
10484 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10485 -/* harmony export */ getAtomicDynamicTags: function() { return /* binding */ getAtomicDynamicTags; }
10486 -/* harmony export */ });
10487 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
10488 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
10489 -/* harmony import */ var _hooks_use_license_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../hooks/use-license-config */ "./packages/packages/core/editor-editing-panel/src/hooks/use-license-config.ts");
10490 -
10491 -
10492 -const getAtomicDynamicTags = (shouldFilterByLicense = true) => {
10493 - const {
10494 - atomicDynamicTags
10495 - } = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.getElementorConfig)();
10496 - if (!atomicDynamicTags) {
10497 - return null;
10498 - }
10499 - return {
10500 - tags: shouldFilterByLicense ? filterByLicense(atomicDynamicTags.tags) : atomicDynamicTags.tags,
10501 - groups: atomicDynamicTags.groups
10502 - };
10503 -};
10504 -const filterByLicense = tags => {
10505 - const {
10506 - expired
10507 - } = (0,_hooks_use_license_config__WEBPACK_IMPORTED_MODULE_1__.getLicenseConfig)();
10508 - if (expired) {
10509 - return Object.fromEntries(Object.entries(tags).filter(([, tag]) => !(tag?.meta?.origin === 'elementor' && tag?.meta?.required_license)));
10510 - }
10511 - return tags;
10512 -};
10513 -
10514 -/***/ }),
10515 -
10516 -/***/ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts":
10517 -/*!***************************************************************************!*\
10518 - !*** ./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts ***!
10519 - \***************************************************************************/
10520 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10521 -
10522 -__webpack_require__.r(__webpack_exports__);
10523 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10524 -/* harmony export */ dynamicPropTypeUtil: function() { return /* binding */ dynamicPropTypeUtil; },
10525 -/* harmony export */ getDynamicPropType: function() { return /* binding */ getDynamicPropType; },
10526 -/* harmony export */ isDynamicPropValue: function() { return /* binding */ isDynamicPropValue; },
10527 -/* harmony export */ isDynamicTagSupported: function() { return /* binding */ isDynamicTagSupported; },
10528 -/* harmony export */ supportsDynamic: function() { return /* binding */ supportsDynamic; }
10529 -/* harmony export */ });
10530 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
10531 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
10532 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
10533 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
10534 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema");
10535 -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_2__);
10536 -
10537 -
10538 -
10539 -const DYNAMIC_PROP_TYPE_KEY = 'dynamic';
10540 -const dynamicPropTypeUtil = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.createPropUtils)(DYNAMIC_PROP_TYPE_KEY, _elementor_schema__WEBPACK_IMPORTED_MODULE_2__.z.strictObject({
10541 - name: _elementor_schema__WEBPACK_IMPORTED_MODULE_2__.z.string(),
10542 - group: _elementor_schema__WEBPACK_IMPORTED_MODULE_2__.z.string(),
10543 - settings: _elementor_schema__WEBPACK_IMPORTED_MODULE_2__.z.any().optional()
10544 -}));
10545 -const isDynamicTagSupported = tagName => {
10546 - return !!(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
10547 -};
10548 -const isDynamicPropType = prop => prop.key === DYNAMIC_PROP_TYPE_KEY;
10549 -const getDynamicPropType = propType => {
10550 - const dynamicPropType = propType.kind === 'union' && propType.prop_types[DYNAMIC_PROP_TYPE_KEY];
10551 - return dynamicPropType && isDynamicPropType(dynamicPropType) ? dynamicPropType : null;
10552 -};
10553 -const isDynamicPropValue = prop => {
10554 - return (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
10555 -};
10556 -const supportsDynamic = propType => {
10557 - return !!getDynamicPropType(propType);
10558 -};
10559 -
10560 -/***/ }),
10561 -
10562 -/***/ "./packages/packages/core/editor-editing-panel/src/editing-panel-replacement-registry.tsx":
10563 -/*!************************************************************************************************!*\
10564 - !*** ./packages/packages/core/editor-editing-panel/src/editing-panel-replacement-registry.tsx ***!
10565 - \************************************************************************************************/
10566 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10567 -
10568 -__webpack_require__.r(__webpack_exports__);
10569 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10570 -/* harmony export */ getEditingPanelReplacement: function() { return /* binding */ getEditingPanelReplacement; },
10571 -/* harmony export */ registerEditingPanelReplacement: function() { return /* binding */ registerEditingPanelReplacement; }
10572 -/* harmony export */ });
10573 -const registry = new Map();
10574 -const DEFAULT_PRIORITY = 10;
10575 -const registerEditingPanelReplacement = ({
10576 - id,
10577 - priority = DEFAULT_PRIORITY,
10578 - ...props
10579 -}) => {
10580 - registry.set(id, {
10581 - ...props,
10582 - priority
10583 - });
10584 -};
10585 -const getEditingPanelReplacement = (element, elementType) => Array.from(registry.values()).filter(({
10586 - condition
10587 -}) => condition(element, elementType)).sort((a, b) => a.priority - b.priority)?.[0] ?? null;
10588 -
10589 -/***/ }),
10590 -
10591 -/***/ "./packages/packages/core/editor-editing-panel/src/errors.ts":
10592 -/*!*******************************************************************!*\
10593 - !*** ./packages/packages/core/editor-editing-panel/src/errors.ts ***!
10594 - \*******************************************************************/
10595 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10596 -
10597 -__webpack_require__.r(__webpack_exports__);
10598 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10599 -/* harmony export */ ControlTypeAlreadyRegisteredError: function() { return /* binding */ ControlTypeAlreadyRegisteredError; },
10600 -/* harmony export */ ControlTypeNotFoundError: function() { return /* binding */ ControlTypeNotFoundError; },
10601 -/* harmony export */ ControlTypeNotRegisteredError: function() { return /* binding */ ControlTypeNotRegisteredError; },
10602 -/* harmony export */ StyleNotFoundUnderProviderError: function() { return /* binding */ StyleNotFoundUnderProviderError; },
10603 -/* harmony export */ StylesProviderCannotUpdatePropsError: function() { return /* binding */ StylesProviderCannotUpdatePropsError; },
10604 -/* harmony export */ StylesProviderNotFoundError: function() { return /* binding */ StylesProviderNotFoundError; }
10605 -/* harmony export */ });
10606 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
10607 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__);
10608 -
10609 -const ControlTypeNotFoundError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10610 - code: 'control_type_not_found',
10611 - message: 'Control type not found.'
10612 -});
10613 -const ControlTypeAlreadyRegisteredError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10614 - code: 'control_type_already_registered',
10615 - message: 'Control type is already registered.'
10616 -});
10617 -const ControlTypeNotRegisteredError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10618 - code: 'control_type_not_registered',
10619 - message: 'Control type is not registered.'
10620 -});
10621 -const StylesProviderNotFoundError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10622 - code: 'provider_not_found',
10623 - message: 'Styles provider not found.'
10624 -});
10625 -const StylesProviderCannotUpdatePropsError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10626 - code: 'provider_cannot_update_props',
10627 - message: "Styles provider doesn't support updating props."
10628 -});
10629 -const StyleNotFoundUnderProviderError = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.createError)({
10630 - code: 'style_not_found_under_provider',
10631 - message: 'Style not found under the provider.'
10632 -});
10633 -
10634 -/***/ }),
10635 -
10636 -/***/ "./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts":
10637 -/*!**************************************************************************************!*\
10638 - !*** ./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts ***!
10639 - \**************************************************************************************/
10640 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10641 -
10642 -__webpack_require__.r(__webpack_exports__);
10643 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10644 -/* harmony export */ FIELD_TYPE: function() { return /* binding */ FIELD_TYPE; },
10645 -/* harmony export */ getFieldIndicators: function() { return /* binding */ getFieldIndicators; },
10646 -/* harmony export */ registerFieldIndicator: function() { return /* binding */ registerFieldIndicator; }
10647 -/* harmony export */ });
10648 -const indicatorsRegistry = {
10649 - settings: new Map(),
10650 - styles: new Map()
10651 -};
10652 -const DEFAULT_PRIORITY = 10;
10653 -const FIELD_TYPE = {
10654 - SETTINGS: 'settings',
10655 - STYLES: 'styles'
10656 -};
10657 -const registerFieldIndicator = ({
10658 - fieldType,
10659 - id,
10660 - indicator,
10661 - priority = DEFAULT_PRIORITY
10662 -}) => {
10663 - indicatorsRegistry[fieldType].set(id, {
10664 - id,
10665 - indicator,
10666 - priority
10667 - });
10668 -};
10669 -const getFieldIndicators = fieldType => Array.from(indicatorsRegistry[fieldType].values()).sort((a, b) => a.priority - b.priority).map(({
10670 - id,
10671 - indicator: Adornment
10672 -}) => ({
10673 - id,
10674 - Adornment
10675 -}));
10676 -
10677 -/***/ }),
10678 -
10679 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-active-style-def-id.ts":
10680 -/*!******************************************************************************************!*\
10681 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-active-style-def-id.ts ***!
10682 - \******************************************************************************************/
10683 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10684 -
10685 -__webpack_require__.r(__webpack_exports__);
10686 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10687 -/* harmony export */ useActiveStyleDefId: function() { return /* binding */ useActiveStyleDefId; }
10688 -/* harmony export */ });
10689 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
10690 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
10691 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
10692 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
10693 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
10694 -/* harmony import */ var _use_state_by_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-state-by-element */ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts");
10695 -
10696 -
10697 -
10698 -
10699 -function useActiveStyleDefId(classProp) {
10700 - const [activeStyledDefId, setActiveStyledDefId] = (0,_use_state_by_element__WEBPACK_IMPORTED_MODULE_3__.useStateByElement)('active-style-id', null);
10701 - const appliedClassesIds = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.usePanelElementSetting)(classProp)?.value || [];
10702 - const validAppliedClassesIds = useValidClassIds(appliedClassesIds);
10703 - const fallback = useFirstAppliedClass(appliedClassesIds);
10704 - const activeAndAppliedClassId = useActiveAndAppliedClassId(activeStyledDefId, validAppliedClassesIds);
10705 - return [activeAndAppliedClassId || fallback?.id || null, setActiveStyledDefId];
10706 -}
10707 -function useValidClassIds(appliedClassesIds) {
10708 - const providers = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.useProviders)();
10709 - const allKnownIds = new Set(providers.flatMap(provider => provider.actions.all().map(style => style.id)));
10710 - return appliedClassesIds.filter(id => allKnownIds.has(id));
10711 -}
10712 -function useFirstAppliedClass(appliedClassesIds) {
10713 - const {
10714 - element
10715 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.useElement)();
10716 - const stylesDefs = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementStyles)(element.id) ?? {};
10717 - return Object.values(stylesDefs).find(styleDef => appliedClassesIds.includes(styleDef.id));
10718 -}
10719 -function useActiveAndAppliedClassId(id, appliedClassesIds) {
10720 - const isClassApplied = !!id && appliedClassesIds.includes(id);
10721 - return isClassApplied ? id : null;
10722 -}
10723 -
10724 -/***/ }),
10725 -
10726 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-computed-style.ts":
10727 -/*!*************************************************************************************!*\
10728 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-computed-style.ts ***!
10729 - \*************************************************************************************/
10730 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10731 -
10732 -__webpack_require__.r(__webpack_exports__);
10733 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10734 -/* harmony export */ useComputedStyle: function() { return /* binding */ useComputedStyle; }
10735 -/* harmony export */ });
10736 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
10737 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
10738 -
10739 -function useComputedStyle(elementId) {
10740 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.__privateUseListenTo)([(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.windowEvent)('elementor/device-mode/change'), (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.commandEndEvent)('document/elements/reset-style'), (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.commandEndEvent)('document/elements/settings'), (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.commandEndEvent)('document/elements/paste-style')], () => {
10741 - if (!elementId) {
10742 - return null;
10743 - }
10744 - const element = window.elementor?.getContainer?.(elementId);
10745 - if (!element?.view?.el) {
10746 - return null;
10747 - }
10748 - const resp = window.getComputedStyle(element.view.el);
10749 - return resp;
10750 - });
10751 -}
10752 -
10753 -/***/ }),
10754 -
10755 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-custom-css.ts":
10756 -/*!*********************************************************************************!*\
10757 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-custom-css.ts ***!
10758 - \*********************************************************************************/
10759 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10760 -
10761 -__webpack_require__.r(__webpack_exports__);
10762 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10763 -/* harmony export */ useCustomCss: function() { return /* binding */ useCustomCss; }
10764 -/* harmony export */ });
10765 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
10766 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
10767 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
10768 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
10769 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
10770 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
10771 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
10772 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__);
10773 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
10774 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4__);
10775 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
10776 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_5__);
10777 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils");
10778 -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_6__);
10779 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
10780 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
10781 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
10782 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
10783 -/* harmony import */ var _use_styles_fields__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");
10784 -/* harmony import */ var _use_styles_rerender__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./use-styles-rerender */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts");
10785 -
10786 -
10787 -
10788 -
10789 -
10790 -
10791 -
10792 -
10793 -
10794 -
10795 -
10796 -
10797 -
10798 -const useCustomCss = () => {
10799 - const {
10800 - element: {
10801 - id: elementId
10802 - }
10803 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_8__.useElement)();
10804 - const {
10805 - id: styleId,
10806 - meta,
10807 - provider
10808 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_9__.useStyle)();
10809 - const style = provider?.actions.get(styleId, {
10810 - elementId
10811 - });
10812 - const undoableUpdateStyle = useUndoableActions({
10813 - elementId,
10814 - meta
10815 - });
10816 - const currentStyleId = styleId ? styleId : null;
10817 - const currentProvider = styleId ? provider : null;
10818 - (0,_use_styles_rerender__WEBPACK_IMPORTED_MODULE_12__.useStylesRerender)();
10819 - const variant = style ? (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__.getVariantByMeta)(style, meta) : null;
10820 - const setCustomCss = (raw, {
10821 - history: {
10822 - propDisplayName
10823 - }
10824 - }) => {
10825 - const newValue = {
10826 - raw: (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_6__.encodeString)(sanitize(raw))
10827 - };
10828 - undoableUpdateStyle({
10829 - styleId: currentStyleId,
10830 - provider: currentProvider,
10831 - customCss: newValue,
10832 - propDisplayName
10833 - });
10834 - };
10835 - const customCss = variant?.custom_css?.raw ? {
10836 - raw: (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_6__.decodeString)(variant.custom_css.raw)
10837 - } : null;
10838 - return {
10839 - customCss,
10840 - setCustomCss
10841 - };
10842 -};
10843 -function useUndoableActions({
10844 - elementId,
10845 - meta: {
10846 - breakpoint,
10847 - state
10848 - }
10849 -}) {
10850 - const classesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_7__.useClassesProp)();
10851 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
10852 - const meta = {
10853 - breakpoint,
10854 - state
10855 - };
10856 - const createStyleArgs = {
10857 - elementId,
10858 - classesProp,
10859 - meta,
10860 - label: _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_4__.ELEMENTS_STYLES_RESERVED_LABEL
10861 - };
10862 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_5__.undoable)({
10863 - do: payload => {
10864 - if ((0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.shouldCreateNewLocalStyle)(payload)) {
10865 - return create(payload);
10866 - }
10867 - return update(payload);
10868 - },
10869 - undo: (payload, doReturn) => {
10870 - if ((0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.shouldCreateNewLocalStyle)(payload)) {
10871 - return undoCreate(payload, doReturn);
10872 - }
10873 - return undoUpdate(payload, doReturn);
10874 - },
10875 - redo: (payload, doReturn) => {
10876 - if ((0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.shouldCreateNewLocalStyle)(payload)) {
10877 - return create(payload, doReturn);
10878 - }
10879 - return update(payload);
10880 - }
10881 - }, {
10882 - title: ({
10883 - provider,
10884 - styleId
10885 - }) => (0,_use_styles_fields__WEBPACK_IMPORTED_MODULE_11__.getTitle)({
10886 - provider,
10887 - styleId,
10888 - elementId
10889 - }),
10890 - subtitle: ({
10891 - provider,
10892 - styleId,
10893 - propDisplayName
10894 - }) => (0,_use_styles_fields__WEBPACK_IMPORTED_MODULE_11__.getSubtitle)({
10895 - provider,
10896 - styleId,
10897 - elementId,
10898 - propDisplayName
10899 - }),
10900 - debounce: {
10901 - wait: _use_styles_fields__WEBPACK_IMPORTED_MODULE_11__.HISTORY_DEBOUNCE_WAIT
10902 - }
10903 - });
10904 - function create({
10905 - customCss
10906 - }, redoArgs) {
10907 - const createdStyle = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.createElementStyle)({
10908 - ...createStyleArgs,
10909 - props: {},
10910 - custom_css: customCss ?? null,
10911 - styleId: redoArgs?.createdStyleId
10912 - });
10913 - return {
10914 - createdStyleId: createdStyle
10915 - };
10916 - }
10917 - function undoCreate(_, {
10918 - createdStyleId
10919 - }) {
10920 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.deleteElementStyle)(elementId, createdStyleId);
10921 - }
10922 - function update({
10923 - provider,
10924 - styleId,
10925 - customCss
10926 - }) {
10927 - if (!provider.actions.updateCustomCss) {
10928 - throw new _errors__WEBPACK_IMPORTED_MODULE_10__.StylesProviderCannotUpdatePropsError({
10929 - context: {
10930 - providerKey: provider.getKey()
10931 - }
10932 - });
10933 - }
10934 - const style = provider.actions.get(styleId, {
10935 - elementId
10936 - });
10937 - const prevCustomCss = getCurrentCustomCss(style, meta);
10938 - provider.actions.updateCustomCss({
10939 - id: styleId,
10940 - meta,
10941 - custom_css: customCss
10942 - }, {
10943 - elementId
10944 - });
10945 - return {
10946 - styleId,
10947 - provider,
10948 - prevCustomCss
10949 - };
10950 - }
10951 - function undoUpdate(_, {
10952 - styleId,
10953 - provider,
10954 - prevCustomCss
10955 - }) {
10956 - provider.actions.updateCustomCss?.({
10957 - id: styleId,
10958 - meta,
10959 - custom_css: prevCustomCss ?? {
10960 - raw: ''
10961 - }
10962 - }, {
10963 - elementId
10964 - });
10965 - }
10966 - }, [elementId, breakpoint, state, classesProp]);
10967 -}
10968 -function getCurrentCustomCss(style, meta) {
10969 - if (!style) {
10970 - return null;
10971 - }
10972 - const variant = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_3__.getVariantByMeta)(style, meta);
10973 - return variant?.custom_css ?? null;
10974 -}
10975 -function sanitize(raw) {
10976 - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.stringPropTypeUtil.schema.safeParse(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.stringPropTypeUtil.create(raw)).data?.value?.trim() ?? '';
10977 -}
10978 -
10979 -/***/ }),
10980 -
10981 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts":
10982 -/*!*********************************************************************************************!*\
10983 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts ***!
10984 - \*********************************************************************************************/
10985 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
10986 -
10987 -__webpack_require__.r(__webpack_exports__);
10988 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
10989 -/* harmony export */ registerElementPanelDefaults: function() { return /* binding */ registerElementPanelDefaults; },
10990 -/* harmony export */ useDefaultPanelSettings: function() { return /* binding */ useDefaultPanelSettings; }
10991 -/* harmony export */ });
10992 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
10993 -
10994 -const fallbackEditorSettings = {
10995 - defaultSectionsExpanded: {
10996 - settings: ['content', 'settings'],
10997 - style: []
10998 - },
10999 - defaultTab: 'settings'
11000 -};
11001 -const elementPanelDefaults = {
11002 - 'e-div-block': {
11003 - defaultSectionsExpanded: fallbackEditorSettings.defaultSectionsExpanded,
11004 - defaultTab: 'style'
11005 - },
11006 - 'e-flexbox': {
11007 - defaultSectionsExpanded: fallbackEditorSettings.defaultSectionsExpanded,
11008 - defaultTab: 'style'
11009 - },
11010 - 'e-grid': {
11011 - defaultSectionsExpanded: fallbackEditorSettings.defaultSectionsExpanded,
11012 - defaultTab: 'style'
11013 - },
11014 - 'e-divider': {
11015 - defaultSectionsExpanded: fallbackEditorSettings.defaultSectionsExpanded,
11016 - defaultTab: 'style'
11017 - }
11018 -};
11019 -function registerElementPanelDefaults(type, defaults) {
11020 - elementPanelDefaults[type] = defaults;
11021 -}
11022 -const useDefaultPanelSettings = () => {
11023 - const {
11024 - element
11025 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_0__.useElement)();
11026 - return elementPanelDefaults[element.type] ?? fallbackEditorSettings;
11027 -};
11028 -
11029 -/***/ }),
11030 -
11031 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts":
11032 -/*!********************************************************************************!*\
11033 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts ***!
11034 - \********************************************************************************/
11035 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11036 -
11037 -__webpack_require__.r(__webpack_exports__);
11038 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11039 -/* harmony export */ useDirection: function() { return /* binding */ useDirection; }
11040 -/* harmony export */ });
11041 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
11042 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__);
11043 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
11044 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
11045 -
11046 -
11047 -function useDirection() {
11048 - const theme = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.useTheme)();
11049 - const isUiRtl = 'rtl' === theme.direction,
11050 - isSiteRtl = !!(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_0__.getElementorFrontendConfig)()?.is_rtl;
11051 - return {
11052 - isSiteRtl,
11053 - isUiRtl
11054 - };
11055 -}
11056 -
11057 -/***/ }),
11058 -
11059 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-license-config.ts":
11060 -/*!*************************************************************************************!*\
11061 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-license-config.ts ***!
11062 - \*************************************************************************************/
11063 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11064 -
11065 -__webpack_require__.r(__webpack_exports__);
11066 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11067 -/* harmony export */ getLicenseConfig: function() { return /* binding */ getLicenseConfig; },
11068 -/* harmony export */ setLicenseConfig: function() { return /* binding */ setLicenseConfig; },
11069 -/* harmony export */ useLicenseConfig: function() { return /* binding */ useLicenseConfig; }
11070 -/* harmony export */ });
11071 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11072 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11073 -
11074 -let config = {
11075 - expired: false
11076 -};
11077 -const listeners = new Set();
11078 -function setLicenseConfig(newConfig) {
11079 - config = {
11080 - ...config,
11081 - ...newConfig
11082 - };
11083 - listeners.forEach(listener => listener());
11084 -}
11085 -function getLicenseConfig() {
11086 - return config;
11087 -}
11088 -function subscribe(listener) {
11089 - listeners.add(listener);
11090 - return () => listeners.delete(listener);
11091 -}
11092 -function useLicenseConfig() {
11093 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useSyncExternalStore)(subscribe, getLicenseConfig, getLicenseConfig);
11094 -}
11095 -
11096 -/***/ }),
11097 -
11098 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-open-editor-panel.ts":
11099 -/*!****************************************************************************************!*\
11100 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-open-editor-panel.ts ***!
11101 - \****************************************************************************************/
11102 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11103 -
11104 -__webpack_require__.r(__webpack_exports__);
11105 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11106 -/* harmony export */ useOpenEditorPanel: function() { return /* binding */ useOpenEditorPanel; }
11107 -/* harmony export */ });
11108 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11109 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11110 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
11111 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__);
11112 -/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../panel */ "./packages/packages/core/editor-editing-panel/src/panel.ts");
11113 -/* harmony import */ var _sync_is_atomic_widget_selected__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../sync/is-atomic-widget-selected */ "./packages/packages/core/editor-editing-panel/src/sync/is-atomic-widget-selected.ts");
11114 -
11115 -
11116 -
11117 -
11118 -const useOpenEditorPanel = () => {
11119 - const {
11120 - open
11121 - } = (0,_panel__WEBPACK_IMPORTED_MODULE_2__.usePanelActions)();
11122 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
11123 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.commandStartEvent)('panel/editor/open'), () => {
11124 - if ((0,_sync_is_atomic_widget_selected__WEBPACK_IMPORTED_MODULE_3__.isAtomicWidgetSelected)()) {
11125 - open();
11126 - }
11127 - });
11128 - }, []); // eslint-disable-line react-hooks/exhaustive-deps
11129 -};
11130 -
11131 -/***/ }),
11132 -
11133 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-persist-dynamic-value.ts":
11134 -/*!********************************************************************************************!*\
11135 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-persist-dynamic-value.ts ***!
11136 - \********************************************************************************************/
11137 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11138 -
11139 -__webpack_require__.r(__webpack_exports__);
11140 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11141 -/* harmony export */ usePersistDynamicValue: function() { return /* binding */ usePersistDynamicValue; }
11142 -/* harmony export */ });
11143 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
11144 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_0__);
11145 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
11146 -
11147 -
11148 -const usePersistDynamicValue = propKey => {
11149 - const {
11150 - element
11151 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_1__.useElement)();
11152 - const prefixedKey = `dynamic/non-dynamic-values-history/${element.id}/${propKey}`;
11153 - return (0,_elementor_session__WEBPACK_IMPORTED_MODULE_0__.useSessionStorage)(prefixedKey);
11154 -};
11155 -
11156 -/***/ }),
11157 -
11158 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts":
11159 -/*!***************************************************************************************!*\
11160 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts ***!
11161 - \***************************************************************************************/
11162 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11163 -
11164 -__webpack_require__.r(__webpack_exports__);
11165 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11166 -/* harmony export */ useStateByElement: function() { return /* binding */ useStateByElement; }
11167 -/* harmony export */ });
11168 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11169 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11170 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
11171 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_1__);
11172 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
11173 -
11174 -
11175 -
11176 -const useStateByElement = (key, initialValue) => {
11177 - const {
11178 - element
11179 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_2__.useElement)();
11180 - const lookup = `elementor/editor-state/${element.id}/${key}`;
11181 - const storedValue = (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.getSessionStorageItem)(lookup);
11182 - const [value, setValue] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(storedValue ?? initialValue);
11183 - const doUpdate = newValue => {
11184 - (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.setSessionStorageItem)(lookup, newValue);
11185 - setValue(newValue);
11186 - };
11187 - return [value, doUpdate];
11188 -};
11189 -
11190 -/***/ }),
11191 -
11192 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts":
11193 -/*!***********************************************************************************!*\
11194 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-styles-field.ts ***!
11195 - \***********************************************************************************/
11196 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11197 -
11198 -__webpack_require__.r(__webpack_exports__);
11199 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11200 -/* harmony export */ useStylesField: function() { return /* binding */ useStylesField; }
11201 -/* harmony export */ });
11202 -/* harmony import */ var _use_styles_fields__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");
11203 -
11204 -function useStylesField(propName, meta) {
11205 - const {
11206 - values,
11207 - setValues,
11208 - canEdit
11209 - } = (0,_use_styles_fields__WEBPACK_IMPORTED_MODULE_0__.useStylesFields)([propName]);
11210 - const value = values?.[propName] ?? null;
11211 - const setValue = newValue => {
11212 - setValues({
11213 - [propName]: newValue
11214 - }, meta);
11215 - };
11216 - return {
11217 - value: value,
11218 - setValue,
11219 - canEdit
11220 - };
11221 -}
11222 -
11223 -/***/ }),
11224 -
11225 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts":
11226 -/*!************************************************************************************!*\
11227 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts ***!
11228 - \************************************************************************************/
11229 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11230 -
11231 -__webpack_require__.r(__webpack_exports__);
11232 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11233 -/* harmony export */ HISTORY_DEBOUNCE_WAIT: function() { return /* binding */ HISTORY_DEBOUNCE_WAIT; },
11234 -/* harmony export */ getSubtitle: function() { return /* binding */ getSubtitle; },
11235 -/* harmony export */ getTitle: function() { return /* binding */ getTitle; },
11236 -/* harmony export */ useStylesFields: function() { return /* binding */ useStylesFields; }
11237 -/* harmony export */ });
11238 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11239 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11240 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
11241 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
11242 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
11243 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__);
11244 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
11245 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__);
11246 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
11247 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__);
11248 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
11249 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
11250 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
11251 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
11252 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
11253 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
11254 -/* harmony import */ var _use_styles_rerender__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use-styles-rerender */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts");
11255 -
11256 -
11257 -
11258 -
11259 -
11260 -
11261 -
11262 -
11263 -
11264 -
11265 -
11266 -
11267 -const HISTORY_DEBOUNCE_WAIT = 800;
11268 -function useStylesFields(propNames) {
11269 - const {
11270 - element: {
11271 - id: elementId
11272 - }
11273 - } = (0,_contexts_element_context__WEBPACK_IMPORTED_MODULE_7__.useElement)();
11274 - const {
11275 - id: styleId,
11276 - meta,
11277 - provider,
11278 - canEdit
11279 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_8__.useStyle)();
11280 - const undoableUpdateStyle = useUndoableActions({
11281 - elementId,
11282 - meta
11283 - });
11284 - (0,_use_styles_rerender__WEBPACK_IMPORTED_MODULE_10__.useStylesRerender)();
11285 - const values = getProps({
11286 - elementId,
11287 - styleId,
11288 - provider,
11289 - meta,
11290 - propNames
11291 - });
11292 - const setValues = (props, {
11293 - history: {
11294 - propDisplayName
11295 - }
11296 - }) => {
11297 - if (!styleId) {
11298 - undoableUpdateStyle({
11299 - styleId: null,
11300 - provider: null,
11301 - props,
11302 - propDisplayName
11303 - });
11304 - } else {
11305 - undoableUpdateStyle({
11306 - styleId,
11307 - provider,
11308 - props,
11309 - propDisplayName
11310 - });
11311 - }
11312 - };
11313 - return {
11314 - values,
11315 - setValues,
11316 - canEdit
11317 - };
11318 -}
11319 -function getProps({
11320 - styleId,
11321 - elementId,
11322 - provider,
11323 - meta,
11324 - propNames
11325 -}) {
11326 - if (!provider || !styleId) {
11327 - return null;
11328 - }
11329 - const style = provider.actions.get(styleId, {
11330 - elementId
11331 - });
11332 - if (!style) {
11333 - throw new _errors__WEBPACK_IMPORTED_MODULE_9__.StyleNotFoundUnderProviderError({
11334 - context: {
11335 - styleId,
11336 - providerKey: provider.getKey()
11337 - }
11338 - });
11339 - }
11340 - const variant = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.getVariantByMeta)(style, meta);
11341 - return Object.fromEntries(propNames.map(key => [key, variant?.props[key] ?? null]));
11342 -}
11343 -function useUndoableActions({
11344 - elementId,
11345 - meta: {
11346 - breakpoint,
11347 - state
11348 - }
11349 -}) {
11350 - const classesProp = (0,_contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_6__.useClassesProp)();
11351 - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
11352 - const meta = {
11353 - breakpoint,
11354 - state
11355 - };
11356 - const createStyleArgs = {
11357 - elementId,
11358 - classesProp,
11359 - meta,
11360 - label: _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.ELEMENTS_STYLES_RESERVED_LABEL
11361 - };
11362 - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_4__.undoable)({
11363 - do: payload => {
11364 - if ((0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.shouldCreateNewLocalStyle)(payload)) {
11365 - return create(payload);
11366 - }
11367 - return update(payload);
11368 - },
11369 - undo: (payload, doReturn) => {
11370 - const wasLocalStyleCreated = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.shouldCreateNewLocalStyle)(payload);
11371 - if (wasLocalStyleCreated) {
11372 - return undoCreate(payload, doReturn);
11373 - }
11374 - return undo(payload, doReturn);
11375 - },
11376 - redo: (payload, doReturn) => {
11377 - const wasLocalStyleCreated = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.shouldCreateNewLocalStyle)(payload);
11378 - if (wasLocalStyleCreated) {
11379 - return create(payload, doReturn);
11380 - }
11381 - return update(payload);
11382 - }
11383 - }, {
11384 - title: ({
11385 - provider,
11386 - styleId
11387 - }) => getTitle({
11388 - provider,
11389 - styleId,
11390 - elementId
11391 - }),
11392 - subtitle: ({
11393 - provider,
11394 - styleId,
11395 - propDisplayName
11396 - }) => getSubtitle({
11397 - provider,
11398 - styleId,
11399 - elementId,
11400 - propDisplayName
11401 - }),
11402 - debounce: {
11403 - wait: HISTORY_DEBOUNCE_WAIT
11404 - }
11405 - });
11406 - function create({
11407 - props
11408 - }, redoArgs) {
11409 - const createdStyle = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.createElementStyle)({
11410 - ...createStyleArgs,
11411 - props,
11412 - styleId: redoArgs?.createdStyleId
11413 - });
11414 - return {
11415 - createdStyleId: createdStyle
11416 - };
11417 - }
11418 - function undoCreate(_, {
11419 - createdStyleId
11420 - }) {
11421 - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.deleteElementStyle)(elementId, createdStyleId);
11422 - }
11423 - function update({
11424 - provider,
11425 - styleId,
11426 - props
11427 - }) {
11428 - if (!provider.actions.updateProps) {
11429 - throw new _errors__WEBPACK_IMPORTED_MODULE_9__.StylesProviderCannotUpdatePropsError({
11430 - context: {
11431 - providerKey: provider.getKey()
11432 - }
11433 - });
11434 - }
11435 - const style = provider.actions.get(styleId, {
11436 - elementId
11437 - });
11438 - const prevProps = getCurrentProps(style, meta);
11439 - provider.actions.updateProps({
11440 - id: styleId,
11441 - meta,
11442 - props
11443 - }, {
11444 - elementId
11445 - });
11446 - return {
11447 - styleId,
11448 - provider,
11449 - prevProps
11450 - };
11451 - }
11452 - function undo(_, {
11453 - styleId,
11454 - provider,
11455 - prevProps
11456 - }) {
11457 - provider.actions.updateProps?.({
11458 - id: styleId,
11459 - meta,
11460 - props: prevProps,
11461 - mode: 'replace'
11462 - }, {
11463 - elementId
11464 - });
11465 - }
11466 - }, [elementId, breakpoint, state, classesProp]);
11467 -}
11468 -function getCurrentProps(style, meta) {
11469 - if (!style) {
11470 - return {};
11471 - }
11472 - const variant = (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.getVariantByMeta)(style, meta);
11473 - const props = variant?.props ?? {};
11474 - return structuredClone(props);
11475 -}
11476 -const defaultHistoryTitles = {
11477 - title: ({
11478 - provider
11479 - }) => {
11480 - const providerLabel = provider.labels?.singular;
11481 - return providerLabel ? capitalize(providerLabel) : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)('Style', 'elementor');
11482 - },
11483 - subtitle: ({
11484 - provider,
11485 - styleId,
11486 - elementId,
11487 - propDisplayName
11488 - }) => {
11489 - const styleLabel = provider.actions.get(styleId, {
11490 - elementId
11491 - })?.label;
11492 - if (!styleLabel) {
11493 - throw new Error(`Style ${styleId} not found`);
11494 - }
11495 -
11496 - // translators: %s$1 is the style label, %s$2 is the name of the style property being edited
11497 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)(`%s$1 %s$2 edited`, 'elementor').replace('%s$1', styleLabel).replace('%s$2', propDisplayName);
11498 - }
11499 -};
11500 -const localStyleHistoryTitles = {
11501 - title: ({
11502 - elementId
11503 - }) => (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementLabel)(elementId),
11504 - subtitle: ({
11505 - propDisplayName
11506 - }) =>
11507 - // translators: %s is the name of the style property being edited
11508 - (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)(`%s edited`, 'elementor').replace('%s', propDisplayName)
11509 -};
11510 -function capitalize(str) {
11511 - return str.charAt(0).toUpperCase() + str.slice(1);
11512 -}
11513 -const isLocalStyle = (provider, styleId) => !provider || !styleId || (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.isElementsStylesProvider)(provider.getKey());
11514 -const getTitle = ({
11515 - provider,
11516 - styleId,
11517 - elementId
11518 -}) => {
11519 - const isLocal = isLocalStyle(provider, styleId);
11520 - if (isLocal) {
11521 - return localStyleHistoryTitles.title({
11522 - elementId
11523 - });
11524 - }
11525 - return defaultHistoryTitles.title({
11526 - provider: provider
11527 - });
11528 -};
11529 -const getSubtitle = ({
11530 - provider,
11531 - styleId,
11532 - propDisplayName,
11533 - elementId
11534 -}) => {
11535 - const isLocal = isLocalStyle(provider, styleId);
11536 - if (isLocal) {
11537 - return localStyleHistoryTitles.subtitle({
11538 - propDisplayName
11539 - });
11540 - }
11541 - return defaultHistoryTitles.subtitle({
11542 - provider: provider,
11543 - styleId: styleId,
11544 - elementId,
11545 - propDisplayName
11546 - });
11547 -};
11548 -
11549 -/***/ }),
11550 -
11551 -/***/ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts":
11552 -/*!**************************************************************************************!*\
11553 - !*** ./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts ***!
11554 - \**************************************************************************************/
11555 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11556 -
11557 -__webpack_require__.r(__webpack_exports__);
11558 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11559 -/* harmony export */ useStylesRerender: function() { return /* binding */ useStylesRerender; }
11560 -/* harmony export */ });
11561 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11562 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11563 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
11564 -
11565 -
11566 -const useStylesRerender = () => {
11567 - const {
11568 - provider
11569 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_1__.useStyle)();
11570 - const [, reRender] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)(p => !p, false);
11571 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => provider?.subscribe(reRender), [provider]);
11572 -};
11573 -
11574 -/***/ }),
11575 -
11576 -/***/ "./packages/packages/core/editor-editing-panel/src/init.ts":
11577 -/*!*****************************************************************!*\
11578 - !*** ./packages/packages/core/editor-editing-panel/src/init.ts ***!
11579 - \*****************************************************************/
11580 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11581 -
11582 -__webpack_require__.r(__webpack_exports__);
11583 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11584 -/* harmony export */ init: function() { return /* binding */ init; }
11585 -/* harmony export */ });
11586 -/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor");
11587 -/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__);
11588 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
11589 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__);
11590 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters");
11591 -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__);
11592 -/* harmony import */ var _components_editing_panel_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/editing-panel-hooks */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-hooks.tsx");
11593 -/* harmony import */ var _components_promotions_init__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/promotions/init */ "./packages/packages/core/editor-editing-panel/src/components/promotions/init.tsx");
11594 -/* harmony import */ var _controls_registry_element_controls_registry__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./controls-registry/element-controls/registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/element-controls/registry.ts");
11595 -/* harmony import */ var _dynamics_init__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dynamics/init */ "./packages/packages/core/editor-editing-panel/src/dynamics/init.ts");
11596 -/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./panel */ "./packages/packages/core/editor-editing-panel/src/panel.ts");
11597 -/* harmony import */ var _reset_style_props__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./reset-style-props */ "./packages/packages/core/editor-editing-panel/src/reset-style-props.tsx");
11598 -/* harmony import */ var _styles_inheritance_init__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./styles-inheritance/init */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/init.ts");
11599 -/* harmony import */ var _sync_is_atomic_widget_selected__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./sync/is-atomic-widget-selected */ "./packages/packages/core/editor-editing-panel/src/sync/is-atomic-widget-selected.ts");
11600 -
11601 -
11602 -
11603 -
11604 -
11605 -
11606 -
11607 -
11608 -
11609 -
11610 -
11611 -function init() {
11612 - (0,_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_1__.__registerPanel)(_panel__WEBPACK_IMPORTED_MODULE_7__.panel);
11613 - blockV1Panel();
11614 - (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({
11615 - id: 'editing-panel-hooks',
11616 - component: _components_editing_panel_hooks__WEBPACK_IMPORTED_MODULE_3__.EditingPanelHooks
11617 - });
11618 -
11619 - // TODO: Move it from here once we have dynamic package.
11620 - (0,_dynamics_init__WEBPACK_IMPORTED_MODULE_6__.init)();
11621 -
11622 - // TODO: Move it from here once we have styles-inheritance package.
11623 - (0,_styles_inheritance_init__WEBPACK_IMPORTED_MODULE_9__.init)();
11624 -
11625 - // TODO: Move it from here once we have element-controls package.
11626 - (0,_controls_registry_element_controls_registry__WEBPACK_IMPORTED_MODULE_5__.registerElementControls)();
11627 - (0,_reset_style_props__WEBPACK_IMPORTED_MODULE_8__.initResetStyleProps)();
11628 - (0,_components_promotions_init__WEBPACK_IMPORTED_MODULE_4__.init)();
11629 -}
11630 -const blockV1Panel = () => {
11631 - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.blockCommand)({
11632 - command: 'panel/editor/open',
11633 - condition: _sync_is_atomic_widget_selected__WEBPACK_IMPORTED_MODULE_10__.isAtomicWidgetSelected
11634 - });
11635 -};
11636 -
11637 -/***/ }),
11638 -
11639 -/***/ "./packages/packages/core/editor-editing-panel/src/panel.ts":
11640 -/*!******************************************************************!*\
11641 - !*** ./packages/packages/core/editor-editing-panel/src/panel.ts ***!
11642 - \******************************************************************/
11643 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11644 -
11645 -__webpack_require__.r(__webpack_exports__);
11646 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11647 -/* harmony export */ panel: function() { return /* binding */ panel; },
11648 -/* harmony export */ usePanelActions: function() { return /* binding */ usePanelActions; },
11649 -/* harmony export */ usePanelStatus: function() { return /* binding */ usePanelStatus; }
11650 -/* harmony export */ });
11651 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-panels */ "@elementor/editor-panels");
11652 -/* harmony import */ var _elementor_editor_panels__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_0__);
11653 -/* harmony import */ var _components_editing_panel__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/editing-panel */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel.tsx");
11654 -
11655 -
11656 -const {
11657 - panel,
11658 - usePanelActions,
11659 - usePanelStatus
11660 -} = (0,_elementor_editor_panels__WEBPACK_IMPORTED_MODULE_0__.__createPanel)({
11661 - id: 'editing-panel',
11662 - component: _components_editing_panel__WEBPACK_IMPORTED_MODULE_1__.EditingPanel
11663 -});
11664 -
11665 -/***/ }),
11666 -
11667 -/***/ "./packages/packages/core/editor-editing-panel/src/provider-colors-registry.ts":
11668 -/*!*************************************************************************************!*\
11669 - !*** ./packages/packages/core/editor-editing-panel/src/provider-colors-registry.ts ***!
11670 - \*************************************************************************************/
11671 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11672 -
11673 -__webpack_require__.r(__webpack_exports__);
11674 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11675 -/* harmony export */ getStyleProviderColors: function() { return /* binding */ getStyleProviderColors; },
11676 -/* harmony export */ registerStyleProviderToColors: function() { return /* binding */ registerStyleProviderToColors; }
11677 -/* harmony export */ });
11678 -const DEFAULT_COLORS = {
11679 - name: 'default',
11680 - getThemeColor: null
11681 -};
11682 -const providerColorsRegistry = new Map();
11683 -const registerStyleProviderToColors = (provider, colors) => {
11684 - providerColorsRegistry.set(provider, colors);
11685 -};
11686 -const getStyleProviderColors = provider => providerColorsRegistry.get(provider) ?? DEFAULT_COLORS;
11687 -
11688 -/***/ }),
11689 -
11690 -/***/ "./packages/packages/core/editor-editing-panel/src/reset-style-props.tsx":
11691 -/*!*******************************************************************************!*\
11692 - !*** ./packages/packages/core/editor-editing-panel/src/reset-style-props.tsx ***!
11693 - \*******************************************************************************/
11694 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11695 -
11696 -__webpack_require__.r(__webpack_exports__);
11697 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11698 -/* harmony export */ initResetStyleProps: function() { return /* binding */ initResetStyleProps; },
11699 -/* harmony export */ useResetStyleValueProps: function() { return /* binding */ useResetStyleValueProps; }
11700 -/* harmony export */ });
11701 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
11702 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__);
11703 -/* harmony import */ var _elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-variables */ "@elementor/editor-variables");
11704 -/* harmony import */ var _elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__);
11705 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
11706 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
11707 -/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/menus */ "@elementor/menus");
11708 -/* harmony import */ var _elementor_menus__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_menus__WEBPACK_IMPORTED_MODULE_3__);
11709 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
11710 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
11711 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
11712 -/* harmony import */ var _utils_is_equal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/is-equal */ "./packages/packages/core/editor-editing-panel/src/utils/is-equal.ts");
11713 -
11714 -
11715 -
11716 -
11717 -
11718 -
11719 -
11720 -const {
11721 - registerAction
11722 -} = _elementor_menus__WEBPACK_IMPORTED_MODULE_3__.controlActionsMenu;
11723 -function initResetStyleProps() {
11724 - registerAction({
11725 - id: 'reset-style-value',
11726 - priority: 10,
11727 - useProps: useResetStyleValueProps
11728 - });
11729 -}
11730 -function useResetStyleValueProps() {
11731 - const isStyle = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_5__.useIsStyle)();
11732 - const {
11733 - value,
11734 - resetValue,
11735 - propType
11736 - } = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_0__.useBoundProp)();
11737 - const hasValue = value !== null && value !== undefined;
11738 - const hasInitial = propType.initial_value !== undefined && propType.initial_value !== null;
11739 - const isRequired = !!propType.settings?.required;
11740 - const shouldHide = !!propType.settings?.hide_reset;
11741 - const isPropTypeValue = value;
11742 - const isVariable = isPropTypeValue?.$$type?.includes('variable');
11743 - const variableExists = isVariable && (0,_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__.hasVariable)(isPropTypeValue?.value);
11744 - function calculateVisibility() {
11745 - if (!isStyle || !hasValue || shouldHide || isVariable && !variableExists) {
11746 - return false;
11747 - }
11748 - if (hasInitial) {
11749 - return !(0,_utils_is_equal__WEBPACK_IMPORTED_MODULE_6__.isEqual)(value, propType.initial_value);
11750 - }
11751 - return !isRequired;
11752 - }
11753 - const visible = calculateVisibility();
11754 - return {
11755 - visible,
11756 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Clear', 'elementor'),
11757 - icon: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.BrushBigIcon,
11758 - onClick: () => resetValue()
11759 - };
11760 -}
11761 -
11762 -/***/ }),
11763 -
11764 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/action-icons.tsx":
11765 -/*!****************************************************************************************************************!*\
11766 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/action-icons.tsx ***!
11767 - \****************************************************************************************************************/
11768 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11769 -
11770 -__webpack_require__.r(__webpack_exports__);
11771 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11772 -/* harmony export */ ActionIcons: function() { return /* binding */ ActionIcons; }
11773 -/* harmony export */ });
11774 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11775 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11776 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
11777 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
11778 -
11779 -
11780 -const ActionIcons = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, {
11781 - display: "flex",
11782 - gap: 0.5,
11783 - alignItems: "center"
11784 -});
11785 -
11786 -/***/ }),
11787 -
11788 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/breakpoint-icon.tsx":
11789 -/*!*******************************************************************************************************************!*\
11790 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/breakpoint-icon.tsx ***!
11791 - \*******************************************************************************************************************/
11792 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11793 -
11794 -__webpack_require__.r(__webpack_exports__);
11795 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11796 -/* harmony export */ BreakpointIcon: function() { return /* binding */ BreakpointIcon; }
11797 -/* harmony export */ });
11798 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11799 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11800 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive");
11801 -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__);
11802 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
11803 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
11804 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
11805 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
11806 -
11807 -
11808 -
11809 -
11810 -const SIZE = 'tiny';
11811 -const DEFAULT_BREAKPOINT = 'desktop';
11812 -const breakpointIconMap = {
11813 - widescreen: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.WidescreenIcon,
11814 - desktop: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.DesktopIcon,
11815 - laptop: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.LaptopIcon,
11816 - tablet_extra: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.TabletLandscapeIcon,
11817 - tablet: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.TabletPortraitIcon,
11818 - mobile_extra: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MobileLandscapeIcon,
11819 - mobile: _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MobilePortraitIcon
11820 -};
11821 -const BreakpointIcon = ({
11822 - breakpoint
11823 -}) => {
11824 - const breakpoints = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_1__.useBreakpoints)();
11825 - const currentBreakpoint = breakpoint || DEFAULT_BREAKPOINT;
11826 - const IconComponent = breakpointIconMap[currentBreakpoint];
11827 - if (!IconComponent) {
11828 - return null;
11829 - }
11830 - const breakpointLabel = breakpoints.find(breakpointItem => breakpointItem.id === currentBreakpoint)?.label;
11831 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
11832 - title: breakpointLabel,
11833 - placement: "top"
11834 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(IconComponent, {
11835 - fontSize: SIZE,
11836 - sx: {
11837 - mt: '2px'
11838 - }
11839 - }));
11840 -};
11841 -
11842 -/***/ }),
11843 -
11844 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/index.ts":
11845 -/*!********************************************************************************************************!*\
11846 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/index.ts ***!
11847 - \********************************************************************************************************/
11848 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11849 -
11850 -__webpack_require__.r(__webpack_exports__);
11851 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11852 -/* harmony export */ ActionIcons: function() { return /* reexport safe */ _action_icons__WEBPACK_IMPORTED_MODULE_3__.ActionIcons; },
11853 -/* harmony export */ BreakpointIcon: function() { return /* reexport safe */ _breakpoint_icon__WEBPACK_IMPORTED_MODULE_0__.BreakpointIcon; },
11854 -/* harmony export */ LabelChip: function() { return /* reexport safe */ _label_chip__WEBPACK_IMPORTED_MODULE_1__.LabelChip; },
11855 -/* harmony export */ ValueComponent: function() { return /* reexport safe */ _value_component__WEBPACK_IMPORTED_MODULE_2__.ValueComponent; }
11856 -/* harmony export */ });
11857 -/* harmony import */ var _breakpoint_icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./breakpoint-icon */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/breakpoint-icon.tsx");
11858 -/* harmony import */ var _label_chip__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./label-chip */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/label-chip.tsx");
11859 -/* harmony import */ var _value_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./value-component */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/value-component.tsx");
11860 -/* harmony import */ var _action_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./action-icons */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/action-icons.tsx");
11861 -
11862 -
11863 -
11864 -
11865 -
11866 -/***/ }),
11867 -
11868 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/label-chip.tsx":
11869 -/*!**************************************************************************************************************!*\
11870 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/label-chip.tsx ***!
11871 - \**************************************************************************************************************/
11872 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11873 -
11874 -__webpack_require__.r(__webpack_exports__);
11875 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11876 -/* harmony export */ LabelChip: function() { return /* binding */ LabelChip; }
11877 -/* harmony export */ });
11878 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11879 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11880 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
11881 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
11882 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
11883 -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__);
11884 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
11885 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
11886 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
11887 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
11888 -/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
11889 -
11890 -
11891 -
11892 -
11893 -
11894 -
11895 -const SIZE = 'tiny';
11896 -const LabelChip = ({
11897 - displayLabel,
11898 - provider
11899 -}) => {
11900 - const isBaseStyle = provider === _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.ELEMENTS_BASE_STYLES_PROVIDER_KEY;
11901 - const chipIcon = isBaseStyle ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
11902 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Inherited from base styles', 'elementor'),
11903 - placement: "top"
11904 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleIcon, {
11905 - fontSize: SIZE
11906 - })) : undefined;
11907 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Chip, {
11908 - label: displayLabel,
11909 - size: SIZE,
11910 - color: (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_5__.getStylesProviderColorName)(provider),
11911 - variant: "standard",
11912 - state: "enabled",
11913 - icon: chipIcon,
11914 - sx: theme => ({
11915 - lineHeight: 1,
11916 - flexWrap: 'nowrap',
11917 - alignItems: 'center',
11918 - borderRadius: `${theme.shape.borderRadius * 0.75}px`,
11919 - flexDirection: 'row-reverse',
11920 - '.MuiChip-label': {
11921 - overflow: 'hidden',
11922 - textOverflow: 'ellipsis',
11923 - whiteSpace: 'nowrap'
11924 - }
11925 - })
11926 - });
11927 -};
11928 -
11929 -/***/ }),
11930 -
11931 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/value-component.tsx":
11932 -/*!*******************************************************************************************************************!*\
11933 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/value-component.tsx ***!
11934 - \*******************************************************************************************************************/
11935 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11936 -
11937 -__webpack_require__.r(__webpack_exports__);
11938 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11939 -/* harmony export */ ValueComponent: function() { return /* binding */ ValueComponent; }
11940 -/* harmony export */ });
11941 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11942 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11943 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
11944 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
11945 -
11946 -
11947 -const ValueComponent = ({
11948 - index,
11949 - value
11950 -}) => {
11951 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Tooltip, {
11952 - title: value,
11953 - placement: "top"
11954 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Typography, {
11955 - variant: "caption",
11956 - color: "text.tertiary",
11957 - sx: {
11958 - mt: '1px',
11959 - textDecoration: index === 0 ? 'none' : 'line-through',
11960 - overflow: 'hidden',
11961 - display: '-webkit-box',
11962 - WebkitLineClamp: 1,
11963 - WebkitBoxOrient: 'vertical',
11964 - pl: 2.5,
11965 - minWidth: 0,
11966 - maxWidth: '100%'
11967 - }
11968 - }, value));
11969 -};
11970 -
11971 -/***/ }),
11972 -
11973 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-indicator.tsx":
11974 -/*!************************************************************************************************************************!*\
11975 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-indicator.tsx ***!
11976 - \************************************************************************************************************************/
11977 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
11978 -
11979 -__webpack_require__.r(__webpack_exports__);
11980 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
11981 -/* harmony export */ StylesInheritanceIndicator: function() { return /* binding */ StylesInheritanceIndicator; }
11982 -/* harmony export */ });
11983 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
11984 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
11985 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls");
11986 -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__);
11987 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
11988 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__);
11989 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
11990 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__);
11991 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
11992 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
11993 -/* harmony import */ var _components_style_indicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");
11994 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
11995 -/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
11996 -/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
11997 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/utils.ts");
11998 -/* harmony import */ var _styles_inheritance_infotip__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles-inheritance-infotip */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-infotip.tsx");
11999 -
12000 -
12001 -
12002 -
12003 -
12004 -
12005 -
12006 -
12007 -
12008 -
12009 -
12010 -const StylesInheritanceIndicator = ({
12011 - customContext
12012 -}) => {
12013 - const context = (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.useBoundProp)();
12014 - const {
12015 - path,
12016 - propType
12017 - } = customContext || context;
12018 - const inheritanceChain = (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_7__.useStylesInheritanceChain)(path);
12019 - if (!path || !inheritanceChain.length) {
12020 - return null;
12021 - }
12022 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Indicator, {
12023 - inheritanceChain: inheritanceChain,
12024 - path: path,
12025 - propType: propType
12026 - });
12027 -};
12028 -const Indicator = ({
12029 - inheritanceChain,
12030 - path,
12031 - propType,
12032 - isDisabled
12033 -}) => {
12034 - const {
12035 - id: currentStyleId,
12036 - provider: currentStyleProvider,
12037 - meta: currentStyleMeta
12038 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_6__.useStyle)();
12039 - const currentItem = currentStyleId ? (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getValueFromInheritanceChain)(inheritanceChain, currentStyleId, currentStyleMeta) : null;
12040 - const hasValue = !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_2__.isEmpty)(currentItem?.value);
12041 - const [actualStyle] = inheritanceChain;
12042 - if (actualStyle.provider === _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.ELEMENTS_BASE_STYLES_PROVIDER_KEY) {
12043 - return null;
12044 - }
12045 - const isFinalValue = currentItem === actualStyle;
12046 - const label = getLabel({
12047 - isFinalValue,
12048 - hasValue
12049 - });
12050 - const styleIndicatorProps = {
12051 - getColor: isFinalValue && currentStyleProvider ? (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__.getStylesProviderThemeColor)(currentStyleProvider.getKey()) : undefined,
12052 - isOverridden: hasValue && !isFinalValue ? true : undefined
12053 - };
12054 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_styles_inheritance_infotip__WEBPACK_IMPORTED_MODULE_10__.StylesInheritanceInfotip, {
12055 - inheritanceChain: inheritanceChain,
12056 - path: path,
12057 - propType: propType,
12058 - label: label,
12059 - isDisabled: isDisabled
12060 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_style_indicator__WEBPACK_IMPORTED_MODULE_5__.StyleIndicator, styleIndicatorProps));
12061 -};
12062 -const getLabel = ({
12063 - isFinalValue,
12064 - hasValue
12065 -}) => {
12066 - if (isFinalValue) {
12067 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('This is the final value', 'elementor');
12068 - }
12069 - if (hasValue) {
12070 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('This value is overridden by another style', 'elementor');
12071 - }
12072 - return (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('This has value from another style', 'elementor');
12073 -};
12074 -
12075 -/***/ }),
12076 -
12077 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-infotip.tsx":
12078 -/*!**********************************************************************************************************************!*\
12079 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-infotip.tsx ***!
12080 - \**********************************************************************************************************************/
12081 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12082 -
12083 -__webpack_require__.r(__webpack_exports__);
12084 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12085 -/* harmony export */ StylesInheritanceInfotip: function() { return /* binding */ StylesInheritanceInfotip; },
12086 -/* harmony export */ calculatePopoverOffset: function() { return /* binding */ calculatePopoverOffset; }
12087 -/* harmony export */ });
12088 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12089 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12090 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
12091 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
12092 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
12093 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
12094 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
12095 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
12096 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
12097 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
12098 -/* harmony import */ var _hooks_use_normalized_inheritance_chain_items__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-normalized-inheritance-chain-items */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx");
12099 -/* harmony import */ var _infotip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./infotip */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/infotip/index.ts");
12100 -
12101 -
12102 -
12103 -
12104 -
12105 -
12106 -
12107 -
12108 -const SECTION_PADDING_INLINE = 32;
12109 -const INFOTIP_MAX_WIDTH = 496;
12110 -const calculatePopoverOffset = (triggerRect, cardWidth, isSiteRtl) => {
12111 - if (!triggerRect) {
12112 - return 0;
12113 - }
12114 - const triggerWidth = triggerRect.width;
12115 - return isSiteRtl ? triggerWidth - cardWidth : -(cardWidth / 2) + triggerWidth / 2;
12116 -};
12117 -const StylesInheritanceInfotip = ({
12118 - inheritanceChain,
12119 - propType,
12120 - path,
12121 - label,
12122 - children,
12123 - isDisabled
12124 -}) => {
12125 - const [showInfotip, setShowInfotip] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
12126 - const triggerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
12127 - const toggleInfotip = () => {
12128 - if (isDisabled) {
12129 - return;
12130 - }
12131 - setShowInfotip(prev => !prev);
12132 - };
12133 - const closeInfotip = () => {
12134 - if (isDisabled) {
12135 - return;
12136 - }
12137 - setShowInfotip(false);
12138 - };
12139 - const key = path.join('.');
12140 - const sectionWidth = (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useSectionWidth)();
12141 - const resolve = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
12142 - return (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createPropsResolver)({
12143 - transformers: _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.stylesInheritanceTransformersRegistry,
12144 - schema: {
12145 - [key]: propType
12146 - }
12147 - });
12148 - }, [key, propType]);
12149 - const items = (0,_hooks_use_normalized_inheritance_chain_items__WEBPACK_IMPORTED_MODULE_5__.useNormalizedInheritanceChainItems)(inheritanceChain, key, resolve);
12150 - const infotipContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.ClickAwayListener, {
12151 - onClickAway: closeInfotip
12152 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Card, {
12153 - elevation: 0,
12154 - sx: {
12155 - width: `${sectionWidth - SECTION_PADDING_INLINE}px`,
12156 - maxWidth: INFOTIP_MAX_WIDTH,
12157 - maxHeight: 268,
12158 - overflowX: 'hidden',
12159 - display: 'flex',
12160 - flexDirection: 'column'
12161 - }
12162 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
12163 - sx: {
12164 - position: 'sticky',
12165 - top: 0,
12166 - zIndex: 1,
12167 - backgroundColor: 'background.paper'
12168 - }
12169 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PopoverHeader, {
12170 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Style origin', 'elementor'),
12171 - onClose: closeInfotip
12172 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.CardContent, {
12173 - sx: {
12174 - display: 'flex',
12175 - flexDirection: 'column',
12176 - p: 0,
12177 - flex: 1,
12178 - overflow: 'auto',
12179 - '&:last-child': {
12180 - pb: 0
12181 - }
12182 - }
12183 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
12184 - gap: 1.5,
12185 - sx: {
12186 - pl: 2,
12187 - pr: 1,
12188 - pt: 1.5,
12189 - pb: 1.5
12190 - },
12191 - role: "list"
12192 - }, items.map((item, index) => {
12193 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
12194 - key: item.id,
12195 - display: "flex",
12196 - gap: 0.5,
12197 - role: "listitem"
12198 - // translators: %s is the display label of the inheritance item
12199 - ,
12200 - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Inheritance item: %s', 'elementor').replace('%s', item.displayLabel)
12201 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
12202 - display: "flex",
12203 - gap: 0.5,
12204 - sx: {
12205 - flexWrap: 'wrap',
12206 - width: '100%',
12207 - alignItems: 'flex-start'
12208 - }
12209 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_infotip__WEBPACK_IMPORTED_MODULE_6__.BreakpointIcon, {
12210 - breakpoint: item.breakpoint
12211 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_infotip__WEBPACK_IMPORTED_MODULE_6__.LabelChip, {
12212 - displayLabel: item.displayLabel,
12213 - provider: item.provider
12214 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_infotip__WEBPACK_IMPORTED_MODULE_6__.ValueComponent, {
12215 - index: index,
12216 - value: item.value
12217 - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_infotip__WEBPACK_IMPORTED_MODULE_6__.ActionIcons, null));
12218 - })))));
12219 - if (isDisabled) {
12220 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
12221 - sx: {
12222 - display: 'inline-flex'
12223 - }
12224 - }, children);
12225 - }
12226 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
12227 - ref: triggerRef,
12228 - sx: {
12229 - display: 'inline-flex'
12230 - }
12231 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TooltipOrInfotip, {
12232 - showInfotip: showInfotip,
12233 - onClose: closeInfotip,
12234 - infotipContent: infotipContent,
12235 - isDisabled: isDisabled
12236 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, {
12237 - onClick: toggleInfotip,
12238 - "aria-label": label,
12239 - sx: {
12240 - my: '-1px'
12241 - },
12242 - disabled: isDisabled
12243 - }, children)));
12244 -};
12245 -function TooltipOrInfotip({
12246 - children,
12247 - showInfotip,
12248 - onClose,
12249 - infotipContent,
12250 - isDisabled
12251 -}) {
12252 - if (isDisabled) {
12253 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, {
12254 - sx: {
12255 - display: 'inline-flex'
12256 - }
12257 - }, children);
12258 - }
12259 - if (showInfotip) {
12260 - 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__.Backdrop, {
12261 - open: showInfotip,
12262 - onClick: onClose,
12263 - sx: {
12264 - backgroundColor: 'transparent',
12265 - zIndex: theme => theme.zIndex.modal - 1
12266 - }
12267 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Infotip, {
12268 - placement: "top-end",
12269 - content: infotipContent,
12270 - open: showInfotip,
12271 - onClose: onClose,
12272 - disableHoverListener: true
12273 - }, children));
12274 - }
12275 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, {
12276 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Style origin', 'elementor'),
12277 - placement: "top"
12278 - }, children);
12279 -}
12280 -
12281 -/***/ }),
12282 -
12283 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx":
12284 -/*!*********************************************************************************************************************************!*\
12285 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-section-indicators.tsx ***!
12286 - \*********************************************************************************************************************************/
12287 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12288 -
12289 -__webpack_require__.r(__webpack_exports__);
12290 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12291 -/* harmony export */ StylesInheritanceSectionIndicators: function() { return /* binding */ StylesInheritanceSectionIndicators; }
12292 -/* harmony export */ });
12293 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12294 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12295 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
12296 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__);
12297 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
12298 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
12299 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
12300 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
12301 -/* harmony import */ var _components_custom_css_indicator__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/custom-css-indicator */ "./packages/packages/core/editor-editing-panel/src/components/custom-css-indicator.tsx");
12302 -/* harmony import */ var _components_style_indicator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");
12303 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
12304 -/* harmony import */ var _contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../contexts/styles-inheritance-context */ "./packages/packages/core/editor-editing-panel/src/contexts/styles-inheritance-context.tsx");
12305 -/* harmony import */ var _utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/get-styles-provider-color */ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts");
12306 -
12307 -
12308 -
12309 -
12310 -
12311 -
12312 -
12313 -
12314 -
12315 -const StylesInheritanceSectionIndicators = ({
12316 - fields
12317 -}) => {
12318 - const {
12319 - id,
12320 - meta,
12321 - provider
12322 - } = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_6__.useStyle)();
12323 - const snapshot = (0,_contexts_styles_inheritance_context__WEBPACK_IMPORTED_MODULE_7__.useStylesInheritanceSnapshot)();
12324 - if (fields.includes('custom_css')) {
12325 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_custom_css_indicator__WEBPACK_IMPORTED_MODULE_4__.CustomCssIndicator, null);
12326 - }
12327 - const snapshotFields = Object.fromEntries(Object.entries(snapshot ?? {}).filter(([key]) => fields.includes(key)));
12328 - const {
12329 - hasValues,
12330 - hasOverrides
12331 - } = getIndicators(snapshotFields, id ?? '', meta);
12332 - if (!hasValues && !hasOverrides) {
12333 - return null;
12334 - }
12335 - const hasValueLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Has effective styles', 'elementor');
12336 - const hasOverridesLabel = (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Has overridden styles', 'elementor');
12337 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip, {
12338 - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Has styles', 'elementor'),
12339 - placement: "top"
12340 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
12341 - direction: "row",
12342 - sx: {
12343 - '& > *': {
12344 - marginInlineStart: -0.25
12345 - }
12346 - },
12347 - role: "list"
12348 - }, hasValues && provider && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_style_indicator__WEBPACK_IMPORTED_MODULE_5__.StyleIndicator, {
12349 - getColor: (0,_utils_get_styles_provider_color__WEBPACK_IMPORTED_MODULE_8__.getStylesProviderThemeColor)(provider.getKey()),
12350 - "data-variant": (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.isElementsStylesProvider)(provider.getKey()) ? 'local' : 'global',
12351 - role: "listitem",
12352 - "aria-label": hasValueLabel
12353 - }), hasOverrides && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_style_indicator__WEBPACK_IMPORTED_MODULE_5__.StyleIndicator, {
12354 - isOverridden: true,
12355 - "data-variant": "overridden",
12356 - role: "listitem",
12357 - "aria-label": hasOverridesLabel
12358 - })));
12359 -};
12360 -function getIndicators(snapshotFields, styleId, meta) {
12361 - let hasValues = false;
12362 - let hasOverrides = false;
12363 - Object.values(snapshotFields).forEach(inheritanceChain => {
12364 - const currentStyle = getCurrentStyleFromChain(inheritanceChain, styleId, meta);
12365 - if (!currentStyle) {
12366 - return;
12367 - }
12368 - const [actualStyle] = inheritanceChain;
12369 - if (currentStyle === actualStyle) {
12370 - hasValues = true;
12371 - } else {
12372 - hasOverrides = true;
12373 - }
12374 - });
12375 - return {
12376 - hasValues,
12377 - hasOverrides
12378 - };
12379 -}
12380 -function getCurrentStyleFromChain(chain, styleId, meta) {
12381 - return chain.find(({
12382 - style: {
12383 - id
12384 - },
12385 - variant: {
12386 - meta: {
12387 - breakpoint,
12388 - state
12389 - }
12390 - }
12391 - }) => id === styleId && breakpoint === meta.breakpoint && state === meta.state);
12392 -}
12393 -
12394 -/***/ }),
12395 -
12396 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx":
12397 -/*!********************************************************************************************************!*\
12398 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/ui-providers.tsx ***!
12399 - \********************************************************************************************************/
12400 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12401 -
12402 -__webpack_require__.r(__webpack_exports__);
12403 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12404 -/* harmony export */ UiProviders: function() { return /* binding */ UiProviders; }
12405 -/* harmony export */ });
12406 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12407 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12408 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
12409 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__);
12410 -/* harmony import */ var _hooks_use_direction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../hooks/use-direction */ "./packages/packages/core/editor-editing-panel/src/hooks/use-direction.ts");
12411 -
12412 -
12413 -
12414 -const UiProviders = ({
12415 - children
12416 -}) => {
12417 - const {
12418 - isSiteRtl
12419 - } = (0,_hooks_use_direction__WEBPACK_IMPORTED_MODULE_2__.useDirection)();
12420 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.DirectionProvider, {
12421 - rtl: isSiteRtl
12422 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.ThemeProvider, null, children));
12423 -};
12424 -
12425 -/***/ }),
12426 -
12427 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/consts.ts":
12428 -/*!**************************************************************************************!*\
12429 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/consts.ts ***!
12430 - \**************************************************************************************/
12431 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12432 -
12433 -__webpack_require__.r(__webpack_exports__);
12434 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12435 -/* harmony export */ excludePropTypeTransformers: function() { return /* binding */ excludePropTypeTransformers; }
12436 -/* harmony export */ });
12437 -// the following prop types' style transformers would be ignored to provide alternative transformers for the styles inheritance popover
12438 -const excludePropTypeTransformers = new Set(['background-color-overlay', 'background-image-overlay', 'background-gradient-overlay', 'gradient-color-stop', 'color-stop', 'background-image-position-offset', 'background-image-size-scale', 'image-src', 'image', 'background-overlay']);
12439 -
12440 -/***/ }),
12441 -
12442 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-snapshots-manager.ts":
12443 -/*!********************************************************************************************************!*\
12444 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-snapshots-manager.ts ***!
12445 - \********************************************************************************************************/
12446 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12447 -
12448 -__webpack_require__.r(__webpack_exports__);
12449 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12450 -/* harmony export */ createSnapshotsManager: function() { return /* binding */ createSnapshotsManager; }
12451 -/* harmony export */ });
12452 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
12453 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
12454 -/* harmony import */ var _elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-variables */ "@elementor/editor-variables");
12455 -/* harmony import */ var _elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__);
12456 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/utils.ts");
12457 -
12458 -
12459 -
12460 -function createSnapshotsManager(getStylesByMeta, breakpointsRoot) {
12461 - const breakpointsInheritancePaths = makeBreakpointsInheritancePaths(breakpointsRoot);
12462 - const allBreakpointStatesSnapshots = {};
12463 - const buildMissingSnapshotsForBreakpoint = (currentBreakpointId, parentBreakpoint, state) => {
12464 - const currentBreakpointKey = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getBreakpointKey)(currentBreakpointId);
12465 - const stateKey = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStateKey)(state);
12466 - if (!allBreakpointStatesSnapshots[currentBreakpointKey]) {
12467 - allBreakpointStatesSnapshots[currentBreakpointKey] = {
12468 - [_utils__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_STATE]: buildStateSnapshotSlot(getStylesByMeta({
12469 - breakpoint: currentBreakpointId,
12470 - state: null
12471 - }), parentBreakpoint, {}, null)
12472 - };
12473 - }
12474 - if (state && !allBreakpointStatesSnapshots[currentBreakpointKey]?.[stateKey]) {
12475 - allBreakpointStatesSnapshots[currentBreakpointKey][stateKey] = buildStateSnapshotSlot(getStylesByMeta({
12476 - breakpoint: currentBreakpointId,
12477 - state
12478 - }), parentBreakpoint, allBreakpointStatesSnapshots[currentBreakpointKey] ?? {}, state);
12479 - }
12480 - };
12481 - return meta => {
12482 - const {
12483 - breakpoint,
12484 - state
12485 - } = meta;
12486 - const stateKey = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getStateKey)(state);
12487 - const breakpointKey = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getBreakpointKey)(breakpoint);
12488 - if (allBreakpointStatesSnapshots[breakpointKey]?.[stateKey]) {
12489 - // snapshot was already made for this breakpoint+state
12490 - return allBreakpointStatesSnapshots[breakpointKey]?.[stateKey]?.snapshot;
12491 - }
12492 - const breakpointsChain = [...breakpointsInheritancePaths[breakpointKey], breakpoint];
12493 - breakpointsChain.forEach((breakpointId, index) => {
12494 - const parentBreakpointId = index > 0 ? breakpointsChain[index - 1] : null;
12495 - buildMissingSnapshotsForBreakpoint(breakpointId, parentBreakpointId ? allBreakpointStatesSnapshots[parentBreakpointId] : undefined, state);
12496 - });
12497 - return allBreakpointStatesSnapshots[breakpointKey]?.[stateKey]?.snapshot;
12498 - };
12499 -}
12500 -
12501 -/**
12502 - * builds a mapping of each breakpoint to its inheritance chain, e.g. -
12503 - * desktop: [],
12504 - * tablet: [ 'desktop' ],
12505 - * mobile: [ 'desktop', 'tablet' ]
12506 - * @param root
12507 - */
12508 -function makeBreakpointsInheritancePaths(root) {
12509 - const breakpoints = {};
12510 - const traverse = (node, parent) => {
12511 - const {
12512 - id,
12513 - children
12514 - } = node;
12515 - breakpoints[id] = parent ? [...parent] : [];
12516 - children?.forEach(child => {
12517 - traverse(child, [...(breakpoints[id] ?? []), id]);
12518 - });
12519 - };
12520 - traverse(root);
12521 - return breakpoints;
12522 -}
12523 -
12524 -// creates a snapshot slot for a specific breakpoint and state
12525 -function buildStateSnapshotSlot(styles, parentBreakpoint, currentBreakpoint, state) {
12526 - const initialSlot = buildInitialSnapshotFromStyles(styles);
12527 - if (!state) {
12528 - return {
12529 - snapshot: mergeSnapshots([initialSlot.snapshot, parentBreakpoint?.[_utils__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_STATE]?.snapshot]),
12530 - stateSpecificSnapshot: undefined
12531 - };
12532 - }
12533 - return {
12534 - snapshot: mergeSnapshots([initialSlot.snapshot, parentBreakpoint?.[state]?.stateSpecificSnapshot, currentBreakpoint[_utils__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_STATE]?.snapshot]),
12535 - stateSpecificSnapshot: mergeSnapshots([initialSlot.stateSpecificSnapshot, parentBreakpoint?.[state]?.stateSpecificSnapshot])
12536 - };
12537 -}
12538 -
12539 -// creates an initial snapshot based on the passed style variants only
12540 -function buildInitialSnapshotFromStyles(styles) {
12541 - const snapshot = {};
12542 - styles.forEach(styleData => {
12543 - const {
12544 - variant: {
12545 - props
12546 - }
12547 - } = styleData;
12548 - Object.entries(props).forEach(([key, value]) => {
12549 - const filteredValue = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.filterEmptyValues)(value);
12550 - const filteredVariableValue = filteredValue?.$$type?.includes('variable') && !(0,_elementor_editor_variables__WEBPACK_IMPORTED_MODULE_1__.hasVariable)(filteredValue?.value) ? null : filteredValue;
12551 - if (filteredVariableValue === null) {
12552 - return;
12553 - }
12554 - if (!snapshot[key]) {
12555 - snapshot[key] = [];
12556 - }
12557 - const snapshotPropValue = {
12558 - ...styleData,
12559 - value: filteredVariableValue
12560 - };
12561 - snapshot[key].push(snapshotPropValue);
12562 - });
12563 - });
12564 - return {
12565 - snapshot,
12566 - stateSpecificSnapshot: snapshot
12567 - };
12568 -}
12569 -
12570 -// merge previous snapshot into the current one - first value of each prop is the strongest
12571 -function mergeSnapshots(snapshots) {
12572 - const snapshot = {};
12573 - snapshots.filter(Boolean).forEach(currentSnapshot => Object.entries(currentSnapshot).forEach(([key, values]) => {
12574 - if (!snapshot[key]) {
12575 - snapshot[key] = [];
12576 - }
12577 -
12578 - // concatenate the previous snapshot's prop values to the current ones
12579 - snapshot[key] = snapshot[key].concat(values);
12580 - }));
12581 - return snapshot;
12582 -}
12583 -
12584 -/***/ }),
12585 -
12586 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-styles-inheritance.ts":
12587 -/*!*********************************************************************************************************!*\
12588 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-styles-inheritance.ts ***!
12589 - \*********************************************************************************************************/
12590 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12591 -
12592 -__webpack_require__.r(__webpack_exports__);
12593 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12594 -/* harmony export */ createStylesInheritance: function() { return /* binding */ createStylesInheritance; }
12595 -/* harmony export */ });
12596 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
12597 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
12598 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
12599 -/* harmony import */ var _create_snapshots_manager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./create-snapshots-manager */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/create-snapshots-manager.ts");
12600 -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/utils.ts");
12601 -
12602 -
12603 -
12604 -
12605 -function createStylesInheritance(styleDefs, breakpointsRoot) {
12606 - const styleVariantsByMeta = buildStyleVariantsByMetaMapping(styleDefs);
12607 - const getStyles = ({
12608 - breakpoint,
12609 - state
12610 - }) => styleVariantsByMeta?.[(0,_utils__WEBPACK_IMPORTED_MODULE_3__.getBreakpointKey)(breakpoint)]?.[(0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStateKey)(state)] ?? [];
12611 - return {
12612 - getSnapshot: (0,_create_snapshots_manager__WEBPACK_IMPORTED_MODULE_2__.createSnapshotsManager)(getStyles, breakpointsRoot),
12613 - getInheritanceChain: (snapshot, path, topLevelPropType) => {
12614 - const [field, ...nextFields] = path;
12615 - let inheritanceChain = snapshot[field] ?? [];
12616 - if (nextFields.length > 0) {
12617 - const filterPropType = getFilterPropType(topLevelPropType, nextFields);
12618 - inheritanceChain = inheritanceChain.map(({
12619 - value: styleValue,
12620 - ...rest
12621 - }) => ({
12622 - ...rest,
12623 - value: getValueByPath(styleValue, nextFields, filterPropType)
12624 - })).filter(({
12625 - value: styleValue
12626 - }) => !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isEmpty)(styleValue));
12627 - }
12628 - return inheritanceChain;
12629 - }
12630 - };
12631 -}
12632 -function buildStyleVariantsByMetaMapping(styleDefs) {
12633 - const breakpointStateSlots = {};
12634 - styleDefs.forEach(styleDef => {
12635 - const provider = (0,_contexts_style_context__WEBPACK_IMPORTED_MODULE_1__.getProviderByStyleId)(styleDef.id)?.getKey() ?? null;
12636 -
12637 - // iterate over each style definition's variants and place them in the corresponding breakpoint's base or state styles
12638 - styleDef.variants.forEach(variant => {
12639 - const {
12640 - meta
12641 - } = variant;
12642 - const {
12643 - state,
12644 - breakpoint
12645 - } = meta;
12646 - const breakpointKey = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getBreakpointKey)(breakpoint);
12647 - const stateKey = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.getStateKey)(state);
12648 - if (!breakpointStateSlots[breakpointKey]) {
12649 - breakpointStateSlots[breakpointKey] = {};
12650 - }
12651 - const breakpointNode = breakpointStateSlots[breakpointKey];
12652 - if (!breakpointNode[stateKey]) {
12653 - breakpointNode[stateKey] = [];
12654 - }
12655 - breakpointNode[stateKey].push({
12656 - style: styleDef,
12657 - variant,
12658 - provider
12659 - });
12660 - });
12661 - });
12662 - return breakpointStateSlots;
12663 -}
12664 -function getValueByPath(value, path, filterPropType) {
12665 - if (!value || typeof value !== 'object') {
12666 - return null;
12667 - }
12668 - if (shouldUseOriginalValue(filterPropType, value)) {
12669 - return value;
12670 - }
12671 - return path.reduce((currentScope, key) => {
12672 - if (!currentScope) {
12673 - return null;
12674 - }
12675 - if ((0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isTransformable)(currentScope)) {
12676 - return currentScope.value?.[key] ?? null;
12677 - }
12678 - if (typeof currentScope === 'object') {
12679 - return currentScope[key] ?? null;
12680 - }
12681 - return null;
12682 - }, value);
12683 -}
12684 -function shouldUseOriginalValue(filterPropType, value) {
12685 - return !!filterPropType && (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isTransformable)(value) && filterPropType.key !== value.$$type;
12686 -}
12687 -const getFilterPropType = (propType, path) => {
12688 - if (!propType || propType.kind !== 'union') {
12689 - return null;
12690 - }
12691 - return Object.values(propType.prop_types).find(type => {
12692 - return !!path.reduce((currentScope, key) => {
12693 - if (currentScope?.kind !== 'object') {
12694 - return null;
12695 - }
12696 - const {
12697 - shape
12698 - } = currentScope;
12699 - if (shape[key]) {
12700 - return shape[key];
12701 - }
12702 - return null;
12703 - }, type);
12704 - }) ?? null;
12705 -};
12706 -
12707 -/***/ }),
12708 -
12709 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx":
12710 -/*!*****************************************************************************************************************************!*\
12711 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/hooks/use-normalized-inheritance-chain-items.tsx ***!
12712 - \*****************************************************************************************************************************/
12713 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12714 -
12715 -__webpack_require__.r(__webpack_exports__);
12716 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12717 -/* harmony export */ normalizeInheritanceItem: function() { return /* binding */ normalizeInheritanceItem; },
12718 -/* harmony export */ useNormalizedInheritanceChainItems: function() { return /* binding */ useNormalizedInheritanceChainItems; }
12719 -/* harmony export */ });
12720 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12721 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12722 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
12723 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
12724 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
12725 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__);
12726 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
12727 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__);
12728 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
12729 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__);
12730 -
12731 -
12732 -
12733 -
12734 -
12735 -const MAXIMUM_ITEMS = 2;
12736 -const useNormalizedInheritanceChainItems = (inheritanceChain, bind, resolve) => {
12737 - const [items, setItems] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
12738 - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
12739 - (async () => {
12740 - const normalizedItems = await Promise.all(inheritanceChain.filter(({
12741 - style
12742 - }) => style).map((item, index) => normalizeInheritanceItem(item, index, bind, resolve)));
12743 - const validItems = normalizedItems.map(item => ({
12744 - ...item,
12745 - displayLabel: _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_3__.ELEMENTS_BASE_STYLES_PROVIDER_KEY !== item.provider ? item.displayLabel : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Base', 'elementor')
12746 - })).filter(item => !item.value || item.displayLabel !== '').slice(0, MAXIMUM_ITEMS);
12747 - setItems(validItems);
12748 - })();
12749 - }, [inheritanceChain, bind, resolve]);
12750 - return items;
12751 -};
12752 -const DEFAULT_BREAKPOINT = 'desktop';
12753 -const normalizeInheritanceItem = async (item, index, bind, resolve) => {
12754 - const {
12755 - variant: {
12756 - meta: {
12757 - state,
12758 - breakpoint
12759 - }
12760 - },
12761 - style: {
12762 - label,
12763 - id
12764 - }
12765 - } = item;
12766 - const displayLabel = getDisplayLabel({
12767 - label,
12768 - state
12769 - });
12770 - return {
12771 - id: id ? id + (state ?? '') : index,
12772 - provider: item.provider || '',
12773 - breakpoint: breakpoint ?? DEFAULT_BREAKPOINT,
12774 - displayLabel,
12775 - value: await getTransformedValue(item, bind, resolve)
12776 - };
12777 -};
12778 -function getDisplayLabel({
12779 - label,
12780 - state
12781 -}) {
12782 - if (!state) {
12783 - return label;
12784 - }
12785 - if ((0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.isClassState)(state)) {
12786 - return `${label}.${state}`;
12787 - }
12788 - if ((0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.isPseudoState)(state)) {
12789 - return `${label}:${state}`;
12790 - }
12791 - throw new _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.UnknownStyleStateError({
12792 - context: {
12793 - state
12794 - }
12795 - });
12796 -}
12797 -const getTransformedValue = async (item, bind, resolve) => {
12798 - try {
12799 - const result = await resolve({
12800 - props: {
12801 - [bind]: item.value
12802 - }
12803 - });
12804 - const value = result?.[bind] ?? result;
12805 - if (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(value)) {
12806 - return value;
12807 - }
12808 - if (typeof value === 'object') {
12809 - return JSON.stringify(value);
12810 - }
12811 - return String(value);
12812 - } catch {
12813 - return '';
12814 - }
12815 -};
12816 -
12817 -/***/ }),
12818 -
12819 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/init-styles-inheritance-transformers.ts":
12820 -/*!********************************************************************************************************************!*\
12821 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/init-styles-inheritance-transformers.ts ***!
12822 - \********************************************************************************************************************/
12823 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12824 -
12825 -__webpack_require__.r(__webpack_exports__);
12826 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12827 -/* harmony export */ initStylesInheritanceTransformers: function() { return /* binding */ initStylesInheritanceTransformers; }
12828 -/* harmony export */ });
12829 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
12830 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
12831 -/* harmony import */ var _consts__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./consts */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/consts.ts");
12832 -/* harmony import */ var _transformers_array_transformer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./transformers/array-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/array-transformer.tsx");
12833 -/* harmony import */ var _transformers_background_color_overlay_transformer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./transformers/background-color-overlay-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-color-overlay-transformer.tsx");
12834 -/* harmony import */ var _transformers_background_gradient_overlay_transformer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./transformers/background-gradient-overlay-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx");
12835 -/* harmony import */ var _transformers_background_image_overlay_transformer__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./transformers/background-image-overlay-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-image-overlay-transformer.tsx");
12836 -/* harmony import */ var _transformers_box_shadow_transformer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./transformers/box-shadow-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/box-shadow-transformer.tsx");
12837 -/* harmony import */ var _transformers_color_transformer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./transformers/color-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/color-transformer.tsx");
12838 -/* harmony import */ var _transformers_repeater_to_items_transformer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./transformers/repeater-to-items-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/repeater-to-items-transformer.tsx");
12839 -
12840 -
12841 -
12842 -
12843 -
12844 -
12845 -
12846 -
12847 -
12848 -function initStylesInheritanceTransformers() {
12849 - const originalStyleTransformers = _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.styleTransformersRegistry.all();
12850 - Object.entries(originalStyleTransformers).forEach(([propType, transformer]) => {
12851 - if (_consts__WEBPACK_IMPORTED_MODULE_1__.excludePropTypeTransformers.has(propType)) {
12852 - return;
12853 - }
12854 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register(propType, transformer);
12855 - });
12856 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.registerFallback((0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)(value => {
12857 - return value;
12858 - }));
12859 - registerCustomTransformers(originalStyleTransformers);
12860 -}
12861 -function registerCustomTransformers(originalStyleTransformers) {
12862 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('color', _transformers_color_transformer__WEBPACK_IMPORTED_MODULE_7__.colorTransformer);
12863 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('background-color-overlay', _transformers_background_color_overlay_transformer__WEBPACK_IMPORTED_MODULE_3__.backgroundColorOverlayTransformer);
12864 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('background-gradient-overlay', _transformers_background_gradient_overlay_transformer__WEBPACK_IMPORTED_MODULE_4__.backgroundGradientOverlayTransformer);
12865 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('background-image-overlay', _transformers_background_image_overlay_transformer__WEBPACK_IMPORTED_MODULE_5__.backgroundImageOverlayTransformer);
12866 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('shadow', _transformers_box_shadow_transformer__WEBPACK_IMPORTED_MODULE_6__.boxShadowTransformer);
12867 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('filter', (0,_transformers_repeater_to_items_transformer__WEBPACK_IMPORTED_MODULE_8__.createRepeaterToItemsTransformer)(originalStyleTransformers.filter));
12868 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('backdrop-filter', (0,_transformers_repeater_to_items_transformer__WEBPACK_IMPORTED_MODULE_8__.createRepeaterToItemsTransformer)(originalStyleTransformers['backdrop-filter']));
12869 - _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register('transition', (0,_transformers_repeater_to_items_transformer__WEBPACK_IMPORTED_MODULE_8__.createRepeaterToItemsTransformer)(originalStyleTransformers.transition));
12870 - ['background-overlay', 'box-shadow', 'transform-functions'].forEach(propType => _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.stylesInheritanceTransformersRegistry.register(propType, _transformers_array_transformer__WEBPACK_IMPORTED_MODULE_2__.arrayTransformer));
12871 -}
12872 -
12873 -/***/ }),
12874 -
12875 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/init.ts":
12876 -/*!************************************************************************************!*\
12877 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/init.ts ***!
12878 - \************************************************************************************/
12879 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12880 -
12881 -__webpack_require__.r(__webpack_exports__);
12882 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12883 -/* harmony export */ init: function() { return /* binding */ init; }
12884 -/* harmony export */ });
12885 -/* harmony import */ var _field_indicators_registry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../field-indicators-registry */ "./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts");
12886 -/* harmony import */ var _components_styles_inheritance_indicator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/styles-inheritance-indicator */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/components/styles-inheritance-indicator.tsx");
12887 -/* harmony import */ var _init_styles_inheritance_transformers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./init-styles-inheritance-transformers */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/init-styles-inheritance-transformers.ts");
12888 -
12889 -
12890 -
12891 -const init = () => {
12892 - (0,_init_styles_inheritance_transformers__WEBPACK_IMPORTED_MODULE_2__.initStylesInheritanceTransformers)();
12893 - (0,_field_indicators_registry__WEBPACK_IMPORTED_MODULE_0__.registerFieldIndicator)({
12894 - fieldType: _field_indicators_registry__WEBPACK_IMPORTED_MODULE_0__.FIELD_TYPE.STYLES,
12895 - id: 'styles-inheritance',
12896 - priority: 1,
12897 - indicator: _components_styles_inheritance_indicator__WEBPACK_IMPORTED_MODULE_1__.StylesInheritanceIndicator
12898 - });
12899 -};
12900 -
12901 -/***/ }),
12902 -
12903 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/array-transformer.tsx":
12904 -/*!***************************************************************************************************************!*\
12905 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/array-transformer.tsx ***!
12906 - \***************************************************************************************************************/
12907 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12908 -
12909 -__webpack_require__.r(__webpack_exports__);
12910 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12911 -/* harmony export */ arrayTransformer: function() { return /* binding */ arrayTransformer; }
12912 -/* harmony export */ });
12913 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12914 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12915 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
12916 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
12917 -
12918 -
12919 -const arrayTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(values => {
12920 - if (!values || values.length === 0) {
12921 - return null;
12922 - }
12923 - const allStrings = values.every(item => typeof item === 'string' || typeof item === 'number');
12924 - if (allStrings) {
12925 - return values.join(' ');
12926 - }
12927 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, values.map((item, index) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
12928 - key: index
12929 - }, index > 0 && ' ', item)));
12930 -});
12931 -
12932 -/***/ }),
12933 -
12934 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-color-overlay-transformer.tsx":
12935 -/*!**********************************************************************************************************************************!*\
12936 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-color-overlay-transformer.tsx ***!
12937 - \**********************************************************************************************************************************/
12938 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12939 -
12940 -__webpack_require__.r(__webpack_exports__);
12941 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12942 -/* harmony export */ StyledUnstableColorIndicator: function() { return /* binding */ StyledUnstableColorIndicator; },
12943 -/* harmony export */ backgroundColorOverlayTransformer: function() { return /* binding */ backgroundColorOverlayTransformer; }
12944 -/* harmony export */ });
12945 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12946 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12947 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
12948 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
12949 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
12950 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
12951 -
12952 -
12953 -
12954 -const backgroundColorOverlayTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
12955 - direction: "row",
12956 - gap: 1,
12957 - alignItems: "center"
12958 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemLabelColor, {
12959 - value: value
12960 -})));
12961 -const ItemLabelColor = ({
12962 - value: {
12963 - color
12964 - }
12965 -}) => {
12966 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, color);
12967 -};
12968 -const StyledUnstableColorIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.UnstableColorIndicator)(({
12969 - theme
12970 -}) => ({
12971 - width: '1em',
12972 - height: '1em',
12973 - borderRadius: `${theme.shape.borderRadius / 2}px`,
12974 - outline: `1px solid ${theme.palette.action.disabled}`,
12975 - flexShrink: 0
12976 -}));
12977 -
12978 -/***/ }),
12979 -
12980 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx":
12981 -/*!*************************************************************************************************************************************!*\
12982 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx ***!
12983 - \*************************************************************************************************************************************/
12984 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
12985 -
12986 -__webpack_require__.r(__webpack_exports__);
12987 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
12988 -/* harmony export */ backgroundGradientOverlayTransformer: function() { return /* binding */ backgroundGradientOverlayTransformer; }
12989 -/* harmony export */ });
12990 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
12991 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
12992 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
12993 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
12994 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
12995 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
12996 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
12997 -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
12998 -/* harmony import */ var _background_color_overlay_transformer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./background-color-overlay-transformer */ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-color-overlay-transformer.tsx");
12999 -
13000 -
13001 -
13002 -
13003 -
13004 -const backgroundGradientOverlayTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
13005 - direction: "row",
13006 - gap: 1,
13007 - alignItems: "center"
13008 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemIconGradient, {
13009 - value: value
13010 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemLabelGradient, {
13011 - value: value
13012 -})));
13013 -const ItemIconGradient = ({
13014 - value
13015 -}) => {
13016 - const gradient = getGradientValue(value);
13017 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_background_color_overlay_transformer__WEBPACK_IMPORTED_MODULE_4__.StyledUnstableColorIndicator, {
13018 - size: "inherit",
13019 - component: "span",
13020 - value: gradient
13021 - });
13022 -};
13023 -const ItemLabelGradient = ({
13024 - value
13025 -}) => {
13026 - if (value.type === 'linear') {
13027 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Linear gradient', 'elementor'));
13028 - }
13029 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Radial gradient', 'elementor'));
13030 -};
13031 -const getGradientValue = gradient => {
13032 - const stops = gradient.stops?.map(({
13033 - color,
13034 - offset
13035 - }) => `${color} ${offset ?? 0}%`)?.join(',');
13036 - if (gradient.type === 'linear') {
13037 - return `linear-gradient(${gradient.angle}deg, ${stops})`;
13038 - }
13039 - return `radial-gradient(circle at ${gradient.positions}, ${stops})`;
13040 -};
13041 -
13042 -/***/ }),
13043 -
13044 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-image-overlay-transformer.tsx":
13045 -/*!**********************************************************************************************************************************!*\
13046 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/background-image-overlay-transformer.tsx ***!
13047 - \**********************************************************************************************************************************/
13048 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13049 -
13050 -__webpack_require__.r(__webpack_exports__);
13051 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13052 -/* harmony export */ backgroundImageOverlayTransformer: function() { return /* binding */ backgroundImageOverlayTransformer; }
13053 -/* harmony export */ });
13054 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
13055 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
13056 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
13057 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
13058 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui");
13059 -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__);
13060 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
13061 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__);
13062 -/* harmony import */ var _elementor_wp_media__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @elementor/wp-media */ "@elementor/wp-media");
13063 -/* harmony import */ var _elementor_wp_media__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_elementor_wp_media__WEBPACK_IMPORTED_MODULE_4__);
13064 -
13065 -
13066 -
13067 -
13068 -
13069 -const backgroundImageOverlayTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, {
13070 - direction: "row",
13071 - gap: 1,
13072 - alignItems: "center"
13073 -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemIconImage, {
13074 - value: value
13075 -}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ItemLabelImage, {
13076 - value: value
13077 -})));
13078 -const ItemIconImage = ({
13079 - value
13080 -}) => {
13081 - const {
13082 - imageUrl
13083 - } = useImage(value);
13084 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.CardMedia, {
13085 - image: imageUrl,
13086 - sx: theme => ({
13087 - height: '1em',
13088 - width: '1em',
13089 - borderRadius: `${theme.shape.borderRadius / 2}px`,
13090 - outline: `1px solid ${theme.palette.action.disabled}`,
13091 - flexShrink: 0
13092 - })
13093 - });
13094 -};
13095 -const ItemLabelImage = ({
13096 - value
13097 -}) => {
13098 - const {
13099 - imageTitle
13100 - } = useImage(value);
13101 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.EllipsisWithTooltip, {
13102 - title: imageTitle
13103 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, imageTitle));
13104 -};
13105 -const useImage = image => {
13106 - let imageTitle,
13107 - imageUrl = null;
13108 - const imageSrc = image?.image.src;
13109 - const {
13110 - data: attachment
13111 - } = (0,_elementor_wp_media__WEBPACK_IMPORTED_MODULE_4__.useWpMediaAttachment)(imageSrc.id || null);
13112 - if (imageSrc.id) {
13113 - const imageFileTypeExtension = getFileExtensionFromFilename(attachment?.filename);
13114 - imageTitle = `${attachment?.title}${imageFileTypeExtension}` || null;
13115 - imageUrl = attachment?.url || null;
13116 - } else if (imageSrc.url) {
13117 - imageUrl = imageSrc.url;
13118 - imageTitle = imageUrl?.substring(imageUrl.lastIndexOf('/') + 1) || null;
13119 - }
13120 - return {
13121 - imageTitle,
13122 - imageUrl
13123 - };
13124 -};
13125 -const getFileExtensionFromFilename = filename => {
13126 - if (!filename) {
13127 - return '';
13128 - }
13129 -
13130 - // get the substring after the last . in the filename
13131 - const extension = filename.substring(filename.lastIndexOf('.') + 1);
13132 - return `.${extension}`;
13133 -};
13134 -
13135 -/***/ }),
13136 -
13137 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/box-shadow-transformer.tsx":
13138 -/*!********************************************************************************************************************!*\
13139 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/box-shadow-transformer.tsx ***!
13140 - \********************************************************************************************************************/
13141 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13142 -
13143 -__webpack_require__.r(__webpack_exports__);
13144 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13145 -/* harmony export */ boxShadowTransformer: function() { return /* binding */ boxShadowTransformer; }
13146 -/* harmony export */ });
13147 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
13148 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
13149 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
13150 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
13151 -
13152 -
13153 -const boxShadowTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(value => {
13154 - if (!value) {
13155 - return null;
13156 - }
13157 - const {
13158 - color,
13159 - hOffset,
13160 - vOffset,
13161 - blur,
13162 - spread,
13163 - position
13164 - } = value;
13165 - const colorValue = color || '#000000';
13166 - const sizes = [hOffset || '0px', vOffset || '0px', blur || '10px', spread || '0px'].join(' ');
13167 - const positionValue = position || 'outset';
13168 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, colorValue, " ", positionValue, ", ", sizes);
13169 -});
13170 -
13171 -/***/ }),
13172 -
13173 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/color-transformer.tsx":
13174 -/*!***************************************************************************************************************!*\
13175 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/color-transformer.tsx ***!
13176 - \***************************************************************************************************************/
13177 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13178 -
13179 -__webpack_require__.r(__webpack_exports__);
13180 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13181 -/* harmony export */ colorTransformer: function() { return /* binding */ colorTransformer; }
13182 -/* harmony export */ });
13183 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
13184 -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
13185 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
13186 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__);
13187 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
13188 -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__);
13189 -
13190 -
13191 -
13192 -function isValidCSSColor(value) {
13193 - if (!value.trim()) {
13194 - return false;
13195 - }
13196 - return CSS.supports('color', value.trim());
13197 -}
13198 -const StyledColorIndicator = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.styled)(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.UnstableColorIndicator)(({
13199 - theme
13200 -}) => ({
13201 - width: '1em',
13202 - height: '1em',
13203 - borderRadius: `${theme.shape.borderRadius / 2}px`,
13204 - outline: `1px solid ${theme.palette.action.disabled}`,
13205 - flexShrink: 0
13206 -}));
13207 -const colorTransformer = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_1__.createTransformer)(value => {
13208 - if (!isValidCSSColor(value)) {
13209 - return value;
13210 - }
13211 - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, {
13212 - direction: "row",
13213 - gap: 1,
13214 - alignItems: "center"
13215 - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StyledColorIndicator, {
13216 - size: "inherit",
13217 - component: "span",
13218 - value: value
13219 - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, value));
13220 -});
13221 -
13222 -/***/ }),
13223 -
13224 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/repeater-to-items-transformer.tsx":
13225 -/*!***************************************************************************************************************************!*\
13226 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/transformers/repeater-to-items-transformer.tsx ***!
13227 - \***************************************************************************************************************************/
13228 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13229 -
13230 -__webpack_require__.r(__webpack_exports__);
13231 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13232 -/* harmony export */ createRepeaterToItemsTransformer: function() { return /* binding */ createRepeaterToItemsTransformer; }
13233 -/* harmony export */ });
13234 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
13235 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
13236 -
13237 -const createRepeaterToItemsTransformer = originalTransformer => {
13238 - return (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createTransformer)((value, options) => {
13239 - const stringResult = originalTransformer(value, options);
13240 - if (!stringResult || typeof stringResult !== 'string') {
13241 - return stringResult;
13242 - }
13243 - return stringResult;
13244 - });
13245 -};
13246 -
13247 -/***/ }),
13248 -
13249 -/***/ "./packages/packages/core/editor-editing-panel/src/styles-inheritance/utils.ts":
13250 -/*!*************************************************************************************!*\
13251 - !*** ./packages/packages/core/editor-editing-panel/src/styles-inheritance/utils.ts ***!
13252 - \*************************************************************************************/
13253 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13254 -
13255 -__webpack_require__.r(__webpack_exports__);
13256 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13257 -/* harmony export */ DEFAULT_STATE: function() { return /* binding */ DEFAULT_STATE; },
13258 -/* harmony export */ getBreakpointKey: function() { return /* binding */ getBreakpointKey; },
13259 -/* harmony export */ getStateKey: function() { return /* binding */ getStateKey; },
13260 -/* harmony export */ getValueFromInheritanceChain: function() { return /* binding */ getValueFromInheritanceChain; }
13261 -/* harmony export */ });
13262 -const DEFAULT_STATE = 'normal';
13263 -const DEFAULT_BREAKPOINT = 'desktop';
13264 -const getStateKey = state => state ?? DEFAULT_STATE;
13265 -const getBreakpointKey = breakpoint => breakpoint ?? DEFAULT_BREAKPOINT;
13266 -const getValueFromInheritanceChain = (inheritanceChain, styleId, meta) => inheritanceChain.find(({
13267 - style,
13268 - variant: {
13269 - meta: {
13270 - breakpoint,
13271 - state
13272 - }
13273 - }
13274 -}) => style.id === styleId && breakpoint === meta.breakpoint && state === meta.state);
13275 -
13276 -/***/ }),
13277 -
13278 -/***/ "./packages/packages/core/editor-editing-panel/src/sync/is-atomic-widget-selected.ts":
13279 -/*!*******************************************************************************************!*\
13280 - !*** ./packages/packages/core/editor-editing-panel/src/sync/is-atomic-widget-selected.ts ***!
13281 - \*******************************************************************************************/
13282 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13283 -
13284 -__webpack_require__.r(__webpack_exports__);
13285 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13286 -/* harmony export */ isAtomicWidgetSelected: function() { return /* binding */ isAtomicWidgetSelected; }
13287 -/* harmony export */ });
13288 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
13289 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
13290 -
13291 -const isAtomicWidgetSelected = () => {
13292 - const selectedElements = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getSelectedElements)();
13293 - const widgetCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getWidgetsCache)();
13294 - if (selectedElements.length !== 1) {
13295 - return false;
13296 - }
13297 -
13298 - // Check if the selected element has atomic controls, meaning it's a V2 element.
13299 - return !!widgetCache?.[selectedElements[0].type]?.atomic_controls;
13300 -};
13301 -
13302 -/***/ }),
13303 -
13304 -/***/ "./packages/packages/core/editor-editing-panel/src/utils/can-element-have-children.ts":
13305 -/*!********************************************************************************************!*\
13306 - !*** ./packages/packages/core/editor-editing-panel/src/utils/can-element-have-children.ts ***!
13307 - \********************************************************************************************/
13308 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13309 -
13310 -__webpack_require__.r(__webpack_exports__);
13311 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13312 -/* harmony export */ canElementHaveChildren: function() { return /* binding */ canElementHaveChildren; }
13313 -/* harmony export */ });
13314 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
13315 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__);
13316 -
13317 -const canElementHaveChildren = elementId => {
13318 - const container = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(elementId);
13319 - if (!container) {
13320 - return false;
13321 - }
13322 - return container.model.get('elType') !== 'widget';
13323 -};
13324 -
13325 -/***/ }),
13326 -
13327 -/***/ "./packages/packages/core/editor-editing-panel/src/utils/get-recently-used-styles.ts":
13328 -/*!*******************************************************************************************!*\
13329 - !*** ./packages/packages/core/editor-editing-panel/src/utils/get-recently-used-styles.ts ***!
13330 - \*******************************************************************************************/
13331 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13332 -
13333 -__webpack_require__.r(__webpack_exports__);
13334 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13335 -/* harmony export */ getRecentlyUsedList: function() { return /* binding */ getRecentlyUsedList; }
13336 -/* harmony export */ });
13337 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-canvas */ "@elementor/editor-canvas");
13338 -/* harmony import */ var _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__);
13339 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements");
13340 -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__);
13341 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-styles */ "@elementor/editor-styles");
13342 -/* harmony import */ var _elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__);
13343 -
13344 -
13345 -
13346 -const getRecentlyUsedList = async elementId => {
13347 - if (!elementId) {
13348 - return [];
13349 - }
13350 - const resolver = (0,_elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.createPropsResolver)({
13351 - transformers: _elementor_editor_canvas__WEBPACK_IMPORTED_MODULE_0__.styleTransformersRegistry,
13352 - schema: (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.getStylesSchema)()
13353 - });
13354 - const styles = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementStyles)(elementId) ?? {};
13355 - const styleKeys = Object.keys(styles ?? {});
13356 - const variants = styleKeys.map(key => styles?.[key]?.variants ?? []);
13357 - const resolved = await Promise.all(variants.flat().map(async variant => {
13358 - const result = await resolver({
13359 - props: variant.props ?? {},
13360 - schema: (0,_elementor_editor_styles__WEBPACK_IMPORTED_MODULE_2__.getStylesSchema)()
13361 - });
13362 - return Object.entries(result).filter(([, value]) => value !== null).map(([key]) => key);
13363 - }));
13364 - const propSet = new Set(resolved.flat());
13365 - return Array.from(propSet);
13366 -};
13367 -
13368 -/***/ }),
13369 -
13370 -/***/ "./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts":
13371 -/*!********************************************************************************************!*\
13372 - !*** ./packages/packages/core/editor-editing-panel/src/utils/get-styles-provider-color.ts ***!
13373 - \********************************************************************************************/
13374 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13375 -
13376 -__webpack_require__.r(__webpack_exports__);
13377 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13378 -/* harmony export */ getStylesProviderColorName: function() { return /* binding */ getStylesProviderColorName; },
13379 -/* harmony export */ getStylesProviderThemeColor: function() { return /* binding */ getStylesProviderThemeColor; },
13380 -/* harmony export */ getTempStylesProviderThemeColor: function() { return /* binding */ getTempStylesProviderThemeColor; }
13381 -/* harmony export */ });
13382 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
13383 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__);
13384 -/* harmony import */ var _provider_colors_registry__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../provider-colors-registry */ "./packages/packages/core/editor-editing-panel/src/provider-colors-registry.ts");
13385 -
13386 -
13387 -const getStylesProviderColorName = provider => {
13388 - if (!provider || provider === _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.ELEMENTS_BASE_STYLES_PROVIDER_KEY) {
13389 - return 'default';
13390 - }
13391 - if ((0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.isElementsStylesProvider)(provider)) {
13392 - return 'accent';
13393 - }
13394 - return (0,_provider_colors_registry__WEBPACK_IMPORTED_MODULE_1__.getStyleProviderColors)(provider).name;
13395 -};
13396 -const getStylesProviderThemeColor = provider => {
13397 - if (!provider || provider === _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.ELEMENTS_BASE_STYLES_PROVIDER_KEY) {
13398 - return null;
13399 - }
13400 - if ((0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.isElementsStylesProvider)(provider)) {
13401 - return theme => theme.palette.accent.main;
13402 - }
13403 - return (0,_provider_colors_registry__WEBPACK_IMPORTED_MODULE_1__.getStyleProviderColors)(provider).getThemeColor;
13404 -};
13405 -function getTempStylesProviderThemeColor(provider) {
13406 - if ((0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.isElementsStylesProvider)(provider)) {
13407 - return theme => theme.palette.primary.main;
13408 - }
13409 - return getStylesProviderThemeColor(provider);
13410 -}
13411 -
13412 -/***/ }),
13413 -
13414 -/***/ "./packages/packages/core/editor-editing-panel/src/utils/is-equal.ts":
13415 -/*!***************************************************************************!*\
13416 - !*** ./packages/packages/core/editor-editing-panel/src/utils/is-equal.ts ***!
13417 - \***************************************************************************/
13418 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13419 -
13420 -__webpack_require__.r(__webpack_exports__);
13421 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13422 -/* harmony export */ isEqual: function() { return /* binding */ isEqual; }
13423 -/* harmony export */ });
13424 -function isEqual(a, b) {
13425 - if (a === b) {
13426 - return true;
13427 - }
13428 - if (a === null || b === null) {
13429 - return false;
13430 - }
13431 - if (typeof a !== typeof b) {
13432 - return false;
13433 - }
13434 - if (Array.isArray(a) && Array.isArray(b)) {
13435 - if (a.length !== b.length) {
13436 - return false;
13437 - }
13438 - for (let i = 0; i < a.length; i++) {
13439 - if (!isEqual(a[i], b[i])) {
13440 - return false;
13441 - }
13442 - }
13443 - return true;
13444 - }
13445 - if (typeof a === 'object' && typeof b === 'object') {
13446 - const objA = a;
13447 - const objB = b;
13448 - const keysA = Object.keys(objA);
13449 - const keysB = Object.keys(objB);
13450 - if (keysA.length !== keysB.length) {
13451 - return false;
13452 - }
13453 - for (const key of keysA) {
13454 - if (!(key in objB)) {
13455 - return false;
13456 - }
13457 - if (!isEqual(objA[key], objB[key])) {
13458 - return false;
13459 - }
13460 - }
13461 - return true;
13462 - }
13463 - return false;
13464 -}
13465 -
13466 -/***/ }),
13467 -
13468 -/***/ "./packages/packages/core/editor-editing-panel/src/utils/prop-dependency-utils.ts":
13469 -/*!****************************************************************************************!*\
13470 - !*** ./packages/packages/core/editor-editing-panel/src/utils/prop-dependency-utils.ts ***!
13471 - \****************************************************************************************/
13472 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13473 -
13474 -__webpack_require__.r(__webpack_exports__);
13475 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13476 -/* harmony export */ extractDependencyEffect: function() { return /* binding */ extractDependencyEffect; },
13477 -/* harmony export */ extractOrderedDependencies: function() { return /* binding */ extractOrderedDependencies; },
13478 -/* harmony export */ getElementSettingsWithDefaults: function() { return /* binding */ getElementSettingsWithDefaults; },
13479 -/* harmony export */ getUpdatedValues: function() { return /* binding */ getUpdatedValues; }
13480 -/* harmony export */ });
13481 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props");
13482 -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__);
13483 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session");
13484 -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_1__);
13485 -
13486 -
13487 -function getElementSettingsWithDefaults(propsSchema, elementSettings) {
13488 - const elementSettingsWithDefaults = {
13489 - ...elementSettings
13490 - };
13491 - Object.keys(propsSchema).forEach(key => {
13492 - if (elementSettingsWithDefaults[key] === null && propsSchema[key].default !== null) {
13493 - elementSettingsWithDefaults[key] = propsSchema[key].default;
13494 - }
13495 - });
13496 - return elementSettingsWithDefaults;
13497 -}
13498 -function extractDependencyEffect(bind, propsSchema, settings) {
13499 - const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, settings);
13500 - const propType = propsSchema[bind];
13501 - const depCheck = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isDependencyMet)(propType?.dependencies, settingsWithDefaults);
13502 - const failingTerm = !depCheck.isMet ? depCheck.failingDependencies[0] : undefined;
13503 - const isHidden = !!failingTerm && !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isDependency)(failingTerm) && failingTerm?.effect === 'hide';
13504 - return {
13505 - isHidden,
13506 - isDisabled: prop => !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
13507 - };
13508 -}
13509 -function extractOrderedDependencies(dependenciesPerTargetMapping) {
13510 - return Object.values(dependenciesPerTargetMapping).flat().filter((dependent, index, self) => self.indexOf(dependent) === index);
13511 -}
13512 -function getUpdatedValues(values, dependencies, propsSchema, elementValues, elementId) {
13513 - if (!dependencies.length) {
13514 - return values;
13515 - }
13516 - return dependencies.reduce((newValues, dependency) => {
13517 - const path = dependency.split('.');
13518 - const combinedValues = {
13519 - ...elementValues,
13520 - ...newValues
13521 - };
13522 - const propType = getPropType(propsSchema, combinedValues, path);
13523 - if (!propType) {
13524 - return newValues;
13525 - }
13526 - const testDependencies = {
13527 - previousValues: (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isDependencyMet)(propType.dependencies, elementValues),
13528 - newValues: (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isDependencyMet)(propType.dependencies, combinedValues)
13529 - };
13530 - if (!testDependencies.newValues.isMet) {
13531 - const newValue = handleUnmetCondition({
13532 - failingDependencies: testDependencies.newValues.failingDependencies,
13533 - dependency,
13534 - elementValues: combinedValues,
13535 - defaultValue: propType.default,
13536 - elementId
13537 - });
13538 - return {
13539 - ...newValues,
13540 - ...updateValue(path, newValue, combinedValues)
13541 - };
13542 - }
13543 - if (!testDependencies.previousValues.isMet) {
13544 - const savedValue = retrievePreviousValueFromStorage({
13545 - path: dependency,
13546 - elementId
13547 - });
13548 - const currentValue = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.extractValue)(path, combinedValues, [], {
13549 - unwrapOverridableLeaf: false
13550 - });
13551 - removePreviousValueFromStorage({
13552 - path: dependency,
13553 - elementId
13554 - });
13555 - const restored = isCompatibleSavedValue(savedValue, currentValue) ? savedValue : propType.default;
13556 - return {
13557 - ...newValues,
13558 - ...updateValue(path, restored, combinedValues)
13559 - };
13560 - }
13561 - return newValues;
13562 - }, {
13563 - ...values
13564 - });
13565 -}
13566 -function getPropType(schema, elementValues, path) {
13567 - if (!path.length) {
13568 - return null;
13569 - }
13570 - const [basePropKey, ...keys] = path;
13571 - const baseProp = schema[basePropKey];
13572 - if (!baseProp) {
13573 - return null;
13574 - }
13575 - return keys.reduce((prop, key, index) => evaluatePropType({
13576 - prop,
13577 - key,
13578 - index,
13579 - path,
13580 - elementValues,
13581 - basePropKey
13582 - }), baseProp);
13583 -}
13584 -function evaluatePropType(props) {
13585 - const {
13586 - prop
13587 - } = props;
13588 - if (!prop?.kind) {
13589 - return null;
13590 - }
13591 - const {
13592 - key,
13593 - index,
13594 - path,
13595 - elementValues,
13596 - basePropKey
13597 - } = props;
13598 - switch (prop.kind) {
13599 - case 'union':
13600 - const value = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.extractValue)(path.slice(0, index + 1), elementValues);
13601 - const type = value?.$$type ?? null;
13602 - return getPropType({
13603 - [basePropKey]: prop.prop_types?.[type]
13604 - }, elementValues, path.slice(0, index + 2));
13605 - case 'array':
13606 - return prop.item_prop_type;
13607 - case 'object':
13608 - return prop.shape[key];
13609 - }
13610 - return prop[key];
13611 -}
13612 -function updateValue(path, value, values) {
13613 - const topPropKey = path[0];
13614 - const root = {
13615 - ...values
13616 - };
13617 - let carry = root;
13618 - for (let index = 0; index < path.length; index++) {
13619 - const key = path[index];
13620 - const isLeaf = index === path.length - 1;
13621 - if (isLeaf) {
13622 - carry[key] = mergeLeafValue(carry[key], value);
13623 - break;
13624 - }
13625 - const next = cloneDescent(carry[key]);
13626 - if (!next) {
13627 - break;
13628 - }
13629 - carry[key] = next.replacement;
13630 - carry = next.descended;
13631 - }
13632 - return {
13633 - [topPropKey]: root[topPropKey] ?? null
13634 - };
13635 -}
13636 -function cloneDescent(child) {
13637 - if (!child) {
13638 - return null;
13639 - }
13640 - if ((0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isOverridable)(child)) {
13641 - const origin = child.value.origin_value;
13642 - if (!origin || !(0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isTransformable)(origin)) {
13643 - return null;
13644 - }
13645 - const descended = {
13646 - ...origin.value
13647 - };
13648 - const replacement = {
13649 - ...child,
13650 - value: {
13651 - ...child.value,
13652 - origin_value: {
13653 - ...origin,
13654 - value: descended
13655 - }
13656 - }
13657 - };
13658 - return {
13659 - replacement,
13660 - descended
13661 - };
13662 - }
13663 - if ((0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isTransformable)(child)) {
13664 - const descended = {
13665 - ...child.value
13666 - };
13667 - const replacement = {
13668 - ...child,
13669 - value: descended
13670 - };
13671 - return {
13672 - replacement,
13673 - descended
13674 - };
13675 - }
13676 - return null;
13677 -}
13678 -function isCompatibleSavedValue(saved, current) {
13679 - if (!saved) {
13680 - return false;
13681 - }
13682 - return (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isOverridable)(saved) === (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isOverridable)(current);
13683 -}
13684 -function mergeLeafValue(existing, incoming) {
13685 - if (incoming === null) {
13686 - return null;
13687 - }
13688 - if (incoming && (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isOverridable)(incoming)) {
13689 - return incoming;
13690 - }
13691 - if (existing && (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.isOverridable)(existing) && incoming) {
13692 - return (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.rewrapOverridableValue)(existing, incoming);
13693 - }
13694 - return incoming;
13695 -}
13696 -function handleUnmetCondition(props) {
13697 - const {
13698 - failingDependencies,
13699 - dependency,
13700 - elementValues,
13701 - defaultValue,
13702 - elementId
13703 - } = props;
13704 - const termWithNewValue = failingDependencies.find(term => 'newValue' in term && !!term.newValue);
13705 - const newValue = termWithNewValue?.newValue ?? null;
13706 - const currentValue = (0,_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.extractValue)(dependency.split('.'), elementValues, [], {
13707 - unwrapOverridableLeaf: false
13708 - }) ?? defaultValue;
13709 - savePreviousValueToStorage({
13710 - path: dependency,
13711 - elementId,
13712 - value: currentValue
13713 - });
13714 - return newValue;
13715 -}
13716 -function savePreviousValueToStorage({
13717 - path,
13718 - elementId,
13719 - value
13720 -}) {
13721 - const prefix = `elementor/${elementId}`;
13722 - const savedValue = retrievePreviousValueFromStorage({
13723 - path,
13724 - elementId
13725 - });
13726 - if (savedValue) {
13727 - return;
13728 - }
13729 - const key = `${prefix}:${path}`;
13730 - (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.setSessionStorageItem)(key, value);
13731 -}
13732 -function retrievePreviousValueFromStorage({
13733 - path,
13734 - elementId
13735 -}) {
13736 - const prefix = `elementor/${elementId}`;
13737 - const key = `${prefix}:${path}`;
13738 - return (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.getSessionStorageItem)(key) ?? null;
13739 -}
13740 -function removePreviousValueFromStorage({
13741 - path,
13742 - elementId
13743 -}) {
13744 - const prefix = `elementor/${elementId}`;
13745 - const key = `${prefix}:${path}`;
13746 - (0,_elementor_session__WEBPACK_IMPORTED_MODULE_1__.removeSessionStorageItem)(key);
13747 -}
13748 -
13749 -/***/ }),
13750 -
13751 -/***/ "./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts":
13752 -/*!*************************************************************************************!*\
13753 - !*** ./packages/packages/core/editor-editing-panel/src/utils/tracking/subscribe.ts ***!
13754 - \*************************************************************************************/
13755 -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
13756 -
13757 -__webpack_require__.r(__webpack_exports__);
13758 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
13759 -/* harmony export */ trackStyles: function() { return /* binding */ trackStyles; }
13760 -/* harmony export */ });
13761 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository");
13762 -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__);
13763 -
13764 -const trackStyles = (provider, event, data) => {
13765 - const providerInstance = _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.stylesRepository.getProviderByKey(provider);
13766 - providerInstance?.actions.tracking?.({
13767 - event,
13768 - ...data
13769 - });
13770 -};
13771 -
13772 -/***/ }),
13773 -
13774 -/***/ "@elementor/editor":
13775 -/*!*****************************************!*\
13776 - !*** external ["elementorV2","editor"] ***!
13777 - \*****************************************/
13778 -/***/ (function(module) {
13779 -
13780 -module.exports = window["elementorV2"]["editor"];
13781 -
13782 -/***/ }),
13783 -
13784 -/***/ "@elementor/editor-canvas":
13785 -/*!***********************************************!*\
13786 - !*** external ["elementorV2","editorCanvas"] ***!
13787 - \***********************************************/
13788 -/***/ (function(module) {
13789 -
13790 -module.exports = window["elementorV2"]["editorCanvas"];
13791 -
13792 -/***/ }),
13793 -
13794 -/***/ "@elementor/editor-controls":
13795 -/*!*************************************************!*\
13796 - !*** external ["elementorV2","editorControls"] ***!
13797 - \*************************************************/
13798 -/***/ (function(module) {
13799 -
13800 -module.exports = window["elementorV2"]["editorControls"];
13801 -
13802 -/***/ }),
13803 -
13804 -/***/ "@elementor/editor-documents":
13805 -/*!**************************************************!*\
13806 - !*** external ["elementorV2","editorDocuments"] ***!
13807 - \**************************************************/
13808 -/***/ (function(module) {
13809 -
13810 -module.exports = window["elementorV2"]["editorDocuments"];
13811 -
13812 -/***/ }),
13813 -
13814 -/***/ "@elementor/editor-elements":
13815 -/*!*************************************************!*\
13816 - !*** external ["elementorV2","editorElements"] ***!
13817 - \*************************************************/
13818 -/***/ (function(module) {
13819 -
13820 -module.exports = window["elementorV2"]["editorElements"];
13821 -
13822 -/***/ }),
13823 -
13824 -/***/ "@elementor/editor-interactions":
13825 -/*!*****************************************************!*\
13826 - !*** external ["elementorV2","editorInteractions"] ***!
13827 - \*****************************************************/
13828 -/***/ (function(module) {
13829 -
13830 -module.exports = window["elementorV2"]["editorInteractions"];
13831 -
13832 -/***/ }),
13833 -
13834 -/***/ "@elementor/editor-panels":
13835 -/*!***********************************************!*\
13836 - !*** external ["elementorV2","editorPanels"] ***!
13837 - \***********************************************/
13838 -/***/ (function(module) {
13839 -
13840 -module.exports = window["elementorV2"]["editorPanels"];
13841 -
13842 -/***/ }),
13843 -
13844 -/***/ "@elementor/editor-props":
13845 -/*!**********************************************!*\
13846 - !*** external ["elementorV2","editorProps"] ***!
13847 - \**********************************************/
13848 -/***/ (function(module) {
13849 -
13850 -module.exports = window["elementorV2"]["editorProps"];
13851 -
13852 -/***/ }),
13853 -
13854 -/***/ "@elementor/editor-responsive":
13855 -/*!***************************************************!*\
13856 - !*** external ["elementorV2","editorResponsive"] ***!
13857 - \***************************************************/
13858 -/***/ (function(module) {
13859 -
13860 -module.exports = window["elementorV2"]["editorResponsive"];
13861 -
13862 -/***/ }),
13863 -
13864 -/***/ "@elementor/editor-styles":
13865 -/*!***********************************************!*\
13866 - !*** external ["elementorV2","editorStyles"] ***!
13867 - \***********************************************/
13868 -/***/ (function(module) {
13869 -
13870 -module.exports = window["elementorV2"]["editorStyles"];
13871 -
13872 -/***/ }),
13873 -
13874 -/***/ "@elementor/editor-styles-repository":
13875 -/*!*********************************************************!*\
13876 - !*** external ["elementorV2","editorStylesRepository"] ***!
13877 - \*********************************************************/
13878 -/***/ (function(module) {
13879 -
13880 -module.exports = window["elementorV2"]["editorStylesRepository"];
13881 -
13882 -/***/ }),
13883 -
13884 -/***/ "@elementor/editor-ui":
13885 -/*!*******************************************!*\
13886 - !*** external ["elementorV2","editorUi"] ***!
13887 - \*******************************************/
13888 -/***/ (function(module) {
13889 -
13890 -module.exports = window["elementorV2"]["editorUi"];
13891 -
13892 -/***/ }),
13893 -
13894 -/***/ "@elementor/editor-v1-adapters":
13895 -/*!***************************************************!*\
13896 - !*** external ["elementorV2","editorV1Adapters"] ***!
13897 - \***************************************************/
13898 -/***/ (function(module) {
13899 -
13900 -module.exports = window["elementorV2"]["editorV1Adapters"];
13901 -
13902 -/***/ }),
13903 -
13904 -/***/ "@elementor/editor-variables":
13905 -/*!**************************************************!*\
13906 - !*** external ["elementorV2","editorVariables"] ***!
13907 - \**************************************************/
13908 -/***/ (function(module) {
13909 -
13910 -module.exports = window["elementorV2"]["editorVariables"];
13911 -
13912 -/***/ }),
13913 -
13914 -/***/ "@elementor/icons":
13915 -/*!****************************************!*\
13916 - !*** external ["elementorV2","icons"] ***!
13917 - \****************************************/
13918 -/***/ (function(module) {
13919 -
13920 -module.exports = window["elementorV2"]["icons"];
13921 -
13922 -/***/ }),
13923 -
13924 -/***/ "@elementor/locations":
13925 -/*!********************************************!*\
13926 - !*** external ["elementorV2","locations"] ***!
13927 - \********************************************/
13928 -/***/ (function(module) {
13929 -
13930 -module.exports = window["elementorV2"]["locations"];
13931 -
13932 -/***/ }),
13933 -
13934 -/***/ "@elementor/menus":
13935 -/*!****************************************!*\
13936 - !*** external ["elementorV2","menus"] ***!
13937 - \****************************************/
13938 -/***/ (function(module) {
13939 -
13940 -module.exports = window["elementorV2"]["menus"];
13941 -
13942 -/***/ }),
13943 -
13944 -/***/ "@elementor/schema":
13945 -/*!*****************************************!*\
13946 - !*** external ["elementorV2","schema"] ***!
13947 - \*****************************************/
13948 -/***/ (function(module) {
13949 -
13950 -module.exports = window["elementorV2"]["schema"];
13951 -
13952 -/***/ }),
13953 -
13954 -/***/ "@elementor/session":
13955 -/*!******************************************!*\
13956 - !*** external ["elementorV2","session"] ***!
13957 - \******************************************/
13958 -/***/ (function(module) {
13959 -
13960 -module.exports = window["elementorV2"]["session"];
13961 -
13962 -/***/ }),
13963 -
13964 -/***/ "@elementor/ui":
13965 -/*!*************************************!*\
13966 - !*** external ["elementorV2","ui"] ***!
13967 - \*************************************/
13968 -/***/ (function(module) {
13969 -
13970 -module.exports = window["elementorV2"]["ui"];
13971 -
13972 -/***/ }),
13973 -
13974 -/***/ "@elementor/utils":
13975 -/*!****************************************!*\
13976 - !*** external ["elementorV2","utils"] ***!
13977 - \****************************************/
13978 -/***/ (function(module) {
13979 -
13980 -module.exports = window["elementorV2"]["utils"];
13981 -
13982 -/***/ }),
13983 -
13984 -/***/ "@elementor/wp-media":
13985 -/*!******************************************!*\
13986 - !*** external ["elementorV2","wpMedia"] ***!
13987 - \******************************************/
13988 -/***/ (function(module) {
13989 -
13990 -module.exports = window["elementorV2"]["wpMedia"];
13991 -
13992 -/***/ }),
13993 -
13994 -/***/ "@wordpress/i18n":
13995 -/*!******************************!*\
13996 - !*** external ["wp","i18n"] ***!
13997 - \******************************/
13998 -/***/ (function(module) {
13999 -
14000 -module.exports = window["wp"]["i18n"];
14001 -
14002 -/***/ }),
14003 -
14004 -/***/ "react":
14005 -/*!**************************!*\
14006 - !*** external ["React"] ***!
14007 - \**************************/
14008 -/***/ (function(module) {
14009 -
14010 -module.exports = window["React"];
14011 -
14012 -/***/ })
14013 -
14014 -/******/ });
14015 -/************************************************************************/
14016 -/******/ // The module cache
14017 -/******/ var __webpack_module_cache__ = {};
14018 -/******/
14019 -/******/ // The require function
14020 -/******/ function __webpack_require__(moduleId) {
14021 -/******/ // Check if module is in cache
14022 -/******/ var cachedModule = __webpack_module_cache__[moduleId];
14023 -/******/ if (cachedModule !== undefined) {
14024 -/******/ return cachedModule.exports;
14025 -/******/ }
14026 -/******/ // Create a new module (and put it into the cache)
14027 -/******/ var module = __webpack_module_cache__[moduleId] = {
14028 -/******/ // no module.id needed
14029 -/******/ // no module.loaded needed
14030 -/******/ exports: {}
14031 -/******/ };
14032 -/******/
14033 -/******/ // Execute the module function
14034 -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
14035 -/******/
14036 -/******/ // Return the exports of the module
14037 -/******/ return module.exports;
14038 -/******/ }
14039 -/******/
14040 -/************************************************************************/
14041 -/******/ /* webpack/runtime/compat get default export */
14042 -/******/ !function() {
14043 -/******/ // getDefaultExport function for compatibility with non-harmony modules
14044 -/******/ __webpack_require__.n = function(module) {
14045 -/******/ var getter = module && module.__esModule ?
14046 -/******/ function() { return module['default']; } :
14047 -/******/ function() { return module; };
14048 -/******/ __webpack_require__.d(getter, { a: getter });
14049 -/******/ return getter;
14050 -/******/ };
14051 -/******/ }();
14052 -/******/
14053 -/******/ /* webpack/runtime/define property getters */
14054 -/******/ !function() {
14055 -/******/ // define getter functions for harmony exports
14056 -/******/ __webpack_require__.d = function(exports, definition) {
14057 -/******/ for(var key in definition) {
14058 -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
14059 -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
14060 -/******/ }
14061 -/******/ }
14062 -/******/ };
14063 -/******/ }();
14064 -/******/
14065 -/******/ /* webpack/runtime/hasOwnProperty shorthand */
14066 -/******/ !function() {
14067 -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
14068 -/******/ }();
14069 -/******/
14070 -/******/ /* webpack/runtime/make namespace object */
14071 -/******/ !function() {
14072 -/******/ // define __esModule on exports
14073 -/******/ __webpack_require__.r = function(exports) {
14074 -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
14075 -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
14076 -/******/ }
14077 -/******/ Object.defineProperty(exports, '__esModule', { value: true });
14078 -/******/ };
14079 -/******/ }();
14080 -/******/
14081 -/************************************************************************/
14082 -var __webpack_exports__ = {};
14083 -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
14084 -!function() {
14085 -/*!******************************************************************!*\
14086 - !*** ./packages/packages/core/editor-editing-panel/src/index.ts ***!
14087 - \******************************************************************/
14088 -__webpack_require__.r(__webpack_exports__);
14089 -/* harmony export */ __webpack_require__.d(__webpack_exports__, {
14090 -/* harmony export */ BaseControl: function() { return /* reexport safe */ _controls_registry_control__WEBPACK_IMPORTED_MODULE_16__.Control; },
14091 -/* harmony export */ ControlLabel: function() { return /* reexport safe */ _components_control_label__WEBPACK_IMPORTED_MODULE_1__.ControlLabel; },
14092 -/* harmony export */ ControlTypeContainer: function() { return /* reexport safe */ _controls_registry_control_type_container__WEBPACK_IMPORTED_MODULE_17__.ControlTypeContainer; },
14093 -/* harmony export */ CustomCssIndicator: function() { return /* reexport safe */ _components_custom_css_indicator__WEBPACK_IMPORTED_MODULE_3__.CustomCssIndicator; },
14094 -/* harmony export */ EditingPanelTabs: function() { return /* reexport safe */ _components_editing_panel_tabs__WEBPACK_IMPORTED_MODULE_5__.EditingPanelTabs; },
14095 -/* harmony export */ ElementProvider: function() { return /* reexport safe */ _contexts_element_context__WEBPACK_IMPORTED_MODULE_14__.ElementProvider; },
14096 -/* harmony export */ FIELD_TYPE: function() { return /* reexport safe */ _field_indicators_registry__WEBPACK_IMPORTED_MODULE_28__.FIELD_TYPE; },
14097 -/* harmony export */ HISTORY_DEBOUNCE_WAIT: function() { return /* reexport safe */ _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_23__.HISTORY_DEBOUNCE_WAIT; },
14098 -/* harmony export */ SectionContent: function() { return /* reexport safe */ _components_section_content__WEBPACK_IMPORTED_MODULE_6__.SectionContent; },
14099 -/* harmony export */ SettingsControl: function() { return /* reexport safe */ _components_settings_control__WEBPACK_IMPORTED_MODULE_7__.SettingsControl; },
14100 -/* harmony export */ SettingsField: function() { return /* reexport safe */ _controls_registry_settings_field__WEBPACK_IMPORTED_MODULE_8__.SettingsField; },
14101 -/* harmony export */ StyleIndicator: function() { return /* reexport safe */ _components_style_indicator__WEBPACK_IMPORTED_MODULE_9__.StyleIndicator; },
14102 -/* harmony export */ StyleTabSection: function() { return /* reexport safe */ _components_style_tab_section__WEBPACK_IMPORTED_MODULE_12__.StyleTabSection; },
14103 -/* harmony export */ StylesProviderCannotUpdatePropsError: function() { return /* reexport safe */ _errors__WEBPACK_IMPORTED_MODULE_19__.StylesProviderCannotUpdatePropsError; },
14104 -/* harmony export */ controlsRegistry: function() { return /* reexport safe */ _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_18__.controlsRegistry; },
14105 -/* harmony export */ createTopLevelObjectType: function() { return /* reexport safe */ _controls_registry_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_20__.createTopLevelObjectType; },
14106 -/* harmony export */ doApplyClasses: function() { return /* reexport safe */ _apply_unapply_actions__WEBPACK_IMPORTED_MODULE_31__.doApplyClasses; },
14107 -/* harmony export */ doGetAppliedClasses: function() { return /* reexport safe */ _apply_unapply_actions__WEBPACK_IMPORTED_MODULE_31__.doGetAppliedClasses; },
14108 -/* harmony export */ doUnapplyClass: function() { return /* reexport safe */ _apply_unapply_actions__WEBPACK_IMPORTED_MODULE_31__.doUnapplyClass; },
14109 -/* harmony export */ extractDependencyEffect: function() { return /* reexport safe */ _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_34__.extractDependencyEffect; },
14110 -/* harmony export */ extractOrderedDependencies: function() { return /* reexport safe */ _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_34__.extractOrderedDependencies; },
14111 -/* harmony export */ getElementSettingsWithDefaults: function() { return /* reexport safe */ _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_34__.getElementSettingsWithDefaults; },
14112 -/* harmony export */ getFieldIndicators: function() { return /* reexport safe */ _field_indicators_registry__WEBPACK_IMPORTED_MODULE_28__.getFieldIndicators; },
14113 -/* harmony export */ getSubtitle: function() { return /* reexport safe */ _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_23__.getSubtitle; },
14114 -/* harmony export */ getTitle: function() { return /* reexport safe */ _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_23__.getTitle; },
14115 -/* harmony export */ getUpdatedValues: function() { return /* reexport safe */ _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_34__.getUpdatedValues; },
14116 -/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_25__.init; },
14117 -/* harmony export */ injectIntoClassSelectorActions: function() { return /* reexport safe */ _components_css_classes_css_class_selector__WEBPACK_IMPORTED_MODULE_2__.injectIntoClassSelectorActions; },
14118 -/* harmony export */ injectIntoCssClassConvert: function() { return /* reexport safe */ _components_css_classes_css_class_convert_local__WEBPACK_IMPORTED_MODULE_0__.injectIntoCssClassConvert; },
14119 -/* harmony export */ injectIntoGridFields: function() { return /* reexport safe */ _components_style_sections_layout_section_layout_section__WEBPACK_IMPORTED_MODULE_11__.injectIntoGridFields; },
14120 -/* harmony export */ injectIntoPanelHeaderTop: function() { return /* reexport safe */ _components_editing_panel__WEBPACK_IMPORTED_MODULE_4__.injectIntoPanelHeaderTop; },
14121 -/* harmony export */ injectIntoStyleTab: function() { return /* reexport safe */ _components_style_tab__WEBPACK_IMPORTED_MODULE_10__.injectIntoStyleTab; },
14122 -/* harmony export */ isDynamicPropValue: function() { return /* reexport safe */ _dynamics_utils__WEBPACK_IMPORTED_MODULE_33__.isDynamicPropValue; },
14123 -/* harmony export */ registerEditingPanelReplacement: function() { return /* reexport safe */ _editing_panel_replacement_registry__WEBPACK_IMPORTED_MODULE_29__.registerEditingPanelReplacement; },
14124 -/* harmony export */ registerElementPanelDefaults: function() { return /* reexport safe */ _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_30__.registerElementPanelDefaults; },
14125 -/* harmony export */ registerFieldIndicator: function() { return /* reexport safe */ _field_indicators_registry__WEBPACK_IMPORTED_MODULE_28__.registerFieldIndicator; },
14126 -/* harmony export */ registerStyleProviderToColors: function() { return /* reexport safe */ _provider_colors_registry__WEBPACK_IMPORTED_MODULE_27__.registerStyleProviderToColors; },
14127 -/* harmony export */ setLicenseConfig: function() { return /* reexport safe */ _hooks_use_license_config__WEBPACK_IMPORTED_MODULE_32__.setLicenseConfig; },
14128 -/* harmony export */ useClassesProp: function() { return /* reexport safe */ _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_13__.useClassesProp; },
14129 -/* harmony export */ useCustomCss: function() { return /* reexport safe */ _hooks_use_custom_css__WEBPACK_IMPORTED_MODULE_21__.useCustomCss; },
14130 -/* harmony export */ useElement: function() { return /* reexport safe */ _contexts_element_context__WEBPACK_IMPORTED_MODULE_14__.useElement; },
14131 -/* harmony export */ usePanelActions: function() { return /* reexport safe */ _panel__WEBPACK_IMPORTED_MODULE_26__.usePanelActions; },
14132 -/* harmony export */ usePanelStatus: function() { return /* reexport safe */ _panel__WEBPACK_IMPORTED_MODULE_26__.usePanelStatus; },
14133 -/* harmony export */ useStateByElement: function() { return /* reexport safe */ _hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_22__.useStateByElement; },
14134 -/* harmony export */ useStyle: function() { return /* reexport safe */ _contexts_style_context__WEBPACK_IMPORTED_MODULE_15__.useStyle; },
14135 -/* harmony export */ useStylesRerender: function() { return /* reexport safe */ _hooks_use_styles_rerender__WEBPACK_IMPORTED_MODULE_24__.useStylesRerender; }
14136 -/* harmony export */ });
14137 -/* harmony import */ var _components_css_classes_css_class_convert_local__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/css-classes/css-class-convert-local */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-convert-local.tsx");
14138 -/* harmony import */ var _components_control_label__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/control-label */ "./packages/packages/core/editor-editing-panel/src/components/control-label.tsx");
14139 -/* harmony import */ var _components_css_classes_css_class_selector__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/css-classes/css-class-selector */ "./packages/packages/core/editor-editing-panel/src/components/css-classes/css-class-selector.tsx");
14140 -/* harmony import */ var _components_custom_css_indicator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/custom-css-indicator */ "./packages/packages/core/editor-editing-panel/src/components/custom-css-indicator.tsx");
14141 -/* harmony import */ var _components_editing_panel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/editing-panel */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel.tsx");
14142 -/* harmony import */ var _components_editing_panel_tabs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/editing-panel-tabs */ "./packages/packages/core/editor-editing-panel/src/components/editing-panel-tabs.tsx");
14143 -/* harmony import */ var _components_section_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/section-content */ "./packages/packages/core/editor-editing-panel/src/components/section-content.tsx");
14144 -/* harmony import */ var _components_settings_control__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/settings-control */ "./packages/packages/core/editor-editing-panel/src/components/settings-control.tsx");
14145 -/* harmony import */ var _controls_registry_settings_field__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./controls-registry/settings-field */ "./packages/packages/core/editor-editing-panel/src/controls-registry/settings-field.tsx");
14146 -/* harmony import */ var _components_style_indicator__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/style-indicator */ "./packages/packages/core/editor-editing-panel/src/components/style-indicator.tsx");
14147 -/* harmony import */ var _components_style_tab__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/style-tab */ "./packages/packages/core/editor-editing-panel/src/components/style-tab.tsx");
14148 -/* harmony import */ var _components_style_sections_layout_section_layout_section__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/style-sections/layout-section/layout-section */ "./packages/packages/core/editor-editing-panel/src/components/style-sections/layout-section/layout-section.tsx");
14149 -/* harmony import */ var _components_style_tab_section__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/style-tab-section */ "./packages/packages/core/editor-editing-panel/src/components/style-tab-section.tsx");
14150 -/* harmony import */ var _contexts_classes_prop_context__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./contexts/classes-prop-context */ "./packages/packages/core/editor-editing-panel/src/contexts/classes-prop-context.tsx");
14151 -/* harmony import */ var _contexts_element_context__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./contexts/element-context */ "./packages/packages/core/editor-editing-panel/src/contexts/element-context.tsx");
14152 -/* harmony import */ var _contexts_style_context__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./contexts/style-context */ "./packages/packages/core/editor-editing-panel/src/contexts/style-context.tsx");
14153 -/* harmony import */ var _controls_registry_control__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./controls-registry/control */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control.tsx");
14154 -/* harmony import */ var _controls_registry_control_type_container__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./controls-registry/control-type-container */ "./packages/packages/core/editor-editing-panel/src/controls-registry/control-type-container.tsx");
14155 -/* harmony import */ var _controls_registry_controls_registry__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./controls-registry/controls-registry */ "./packages/packages/core/editor-editing-panel/src/controls-registry/controls-registry.tsx");
14156 -/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./errors */ "./packages/packages/core/editor-editing-panel/src/errors.ts");
14157 -/* harmony import */ var _controls_registry_create_top_level_object_type__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./controls-registry/create-top-level-object-type */ "./packages/packages/core/editor-editing-panel/src/controls-registry/create-top-level-object-type.ts");
14158 -/* harmony import */ var _hooks_use_custom_css__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./hooks/use-custom-css */ "./packages/packages/core/editor-editing-panel/src/hooks/use-custom-css.ts");
14159 -/* harmony import */ var _hooks_use_state_by_element__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./hooks/use-state-by-element */ "./packages/packages/core/editor-editing-panel/src/hooks/use-state-by-element.ts");
14160 -/* harmony import */ var _hooks_use_styles_fields__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./hooks/use-styles-fields */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-fields.ts");
14161 -/* harmony import */ var _hooks_use_styles_rerender__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./hooks/use-styles-rerender */ "./packages/packages/core/editor-editing-panel/src/hooks/use-styles-rerender.ts");
14162 -/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-editing-panel/src/init.ts");
14163 -/* harmony import */ var _panel__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./panel */ "./packages/packages/core/editor-editing-panel/src/panel.ts");
14164 -/* harmony import */ var _provider_colors_registry__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./provider-colors-registry */ "./packages/packages/core/editor-editing-panel/src/provider-colors-registry.ts");
14165 -/* harmony import */ var _field_indicators_registry__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./field-indicators-registry */ "./packages/packages/core/editor-editing-panel/src/field-indicators-registry.ts");
14166 -/* harmony import */ var _editing_panel_replacement_registry__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./editing-panel-replacement-registry */ "./packages/packages/core/editor-editing-panel/src/editing-panel-replacement-registry.tsx");
14167 -/* harmony import */ var _hooks_use_default_panel_settings__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./hooks/use-default-panel-settings */ "./packages/packages/core/editor-editing-panel/src/hooks/use-default-panel-settings.ts");
14168 -/* harmony import */ var _apply_unapply_actions__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./apply-unapply-actions */ "./packages/packages/core/editor-editing-panel/src/apply-unapply-actions.ts");
14169 -/* harmony import */ var _hooks_use_license_config__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./hooks/use-license-config */ "./packages/packages/core/editor-editing-panel/src/hooks/use-license-config.ts");
14170 -/* harmony import */ var _dynamics_utils__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./dynamics/utils */ "./packages/packages/core/editor-editing-panel/src/dynamics/utils.ts");
14171 -/* harmony import */ var _utils_prop_dependency_utils__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./utils/prop-dependency-utils */ "./packages/packages/core/editor-editing-panel/src/utils/prop-dependency-utils.ts");
14172 -
14173 -
14174 -
14175 -
14176 -
14177 -
14178 -
14179 -
14180 -
14181 -
14182 -
14183 -
14184 -
14185 -
14186 -
14187 -
14188 -
14189 -
14190 -
14191 -
14192 -
14193 -
14194 -
14195 -
14196 -
14197 -
14198 -
14199 -
14200 -
14201 -
14202 -
14203 -
14204 -
14205 -
14206 -
14207 -}();
14208 -(window.elementorV2 = window.elementorV2 || {}).editorEditingPanel = __webpack_exports__;
14209 -/******/ })()
14210 -;
14211 -window.elementorV2.editorEditingPanel?.init?.();
14212 -//# sourceMappingURL=editor-editing-panel.js.map
8 +`;function q(e,{options:t,inputValue:n}){return e.filter((e=>e.condition(t,n))).map(((e,t)=>({label:e.label(n),value:n,group:e.group,apply:e.apply,condition:e.condition,key:t.toString()})))}var X="elementor-css-class-selector",Z={label:(0,u.__)("local","elementor"),value:"",fixed:!0,color:"primary",provider:a.ELEMENTS_STYLES_PROVIDER_KEY},{Slot:Q,inject:ee}=(0,s.createLocation)();function te(){const e=function(){const{element:e}=T();return(0,a.useProviders)().filter((e=>!!e.actions.updateProps)).flatMap((t=>{const n=t.key===a.ELEMENTS_STYLES_PROVIDER_KEY,l=t.actions.get({elementId:e.id});return n&&0===l.length?[Z]:l.map((e=>({label:e.label,value:e.id,fixed:n,color:n?"primary":"global",provider:t.key,group:t.labels?.plural})))}))}(),{value:n,setValue:l,pushValue:i}=function(){const{element:e}=T(),t=C(),n=(0,r.useElementSetting)(e.id,t)?.value||[],l=n=>{(0,r.updateElementSettings)({id:e.id,props:{[t]:o.classesPropTypeUtil.create(n)}})};return{value:n,setValue:l,pushValue:n=>{const o=(0,r.getElementSetting)(e.id,t)?.value||[];l([...o,n])}}}(),{id:c,setId:s}=D(),d=function({pushAppliedId:e,setActiveId:t}){return(0,a.useCreateActionsByProvider)().map((([n,l])=>({label:e=>(0,u.__)('Create new "%s"',"elementor").replace("%s",e),apply:async n=>{const r=await l({label:n});r&&(e(r.id),t(r.id))},condition:(e,t)=>{const n=!e.some((e=>e.label.toLowerCase()===t.toLowerCase()));return!!t&&n},group:(0,u.__)("Create New %s","elementor").replace("%s",n.labels?.singular??"")})))}({pushAppliedId:i,setActiveId:s}),p=function(e,t){const{id:n,setId:l}=D();return r=>{const o=r.map((({value:e})=>e)).filter((e=>e!==Z.value));if(o.length===e.length&&o.every((t=>e.includes(t))))return;t(o);const a=o.find((t=>!e.includes(t)));if(a)return void l(a);const i=e.find((e=>!o.includes(e)));i&&i===n&&l(o[0]??null)}}(n,l),E=function(e,t){const n=e.filter((e=>t.includes(e.value)));return n.some((e=>e.provider===a.ELEMENTS_STYLES_PROVIDER_KEY))||n.unshift(Z),n}(e,n),g=E.find((e=>e.value===c))??Z;return t.createElement(m.Stack,{gap:1,p:2},t.createElement(m.Stack,{direction:"row",gap:1,alignItems:"center",justifyContent:"space-between"},t.createElement(m.Typography,{component:"label",variant:"caption",htmlFor:X},(0,u.__)("CSS Classes","elementor")),t.createElement(m.Stack,{direction:"row",gap:1},t.createElement(Q,null))),t.createElement(N,{id:X,size:"tiny",options:e,selected:E,onSelect:p,limitTags:8,actions:d,getLimitTagsText:e=>t.createElement(m.Chip,{size:"tiny",variant:"standard",label:`+${e}`,clickable:!0}),renderTags:(n,l)=>n.map(((n,r)=>{const o=l({index:r}),i=n.value===g?.value,c=n.provider===a.ELEMENTS_STYLES_PROVIDER_KEY;return t.createElement(O,{key:o.key,value:n.label,onSubmit:e=>re(n.provider,{label:e,id:n.value}),editable:!n.fixed,validation:t=>ae(t,e.filter((e=>e.value!==n.value)))},t.createElement(le,{label:n.label,id:n.value,isActive:i,isFixed:n.fixed,color:i&&n.color?n.color:"default",chipProps:o,onClickActive:()=>s(c?null:n.value)}))}))}))}var ne="tiny";function le({id:e,label:n,isActive:l,isFixed:r=!1,color:o,chipProps:a,onClickActive:s}){const{meta:d}=D(),p=(0,t.useId)().replace(/:/g,"_"),E=(0,m.usePopupState)({variant:"popover",popupId:p}),g=(0,t.useRef)(null),{onDelete:b,...f}=a,{isEditing:v,openEditMode:_,error:y,submitting:x}=U(),h=y?"error":o;return t.createElement(t.Fragment,null,t.createElement(m.UnstableChipGroup,{ref:g,...f,"aria-label":`Edit ${n}`,role:"group"},t.createElement(m.Chip,{disabled:x,size:ne,label:t.createElement(M,{onDoubleClick:()=>{l||_()},onClick:()=>{l&&_()}},t.createElement(i.EllipsisWithTooltip,{maxWidth:"10ch",title:n})),variant:l&&!d.state?"filled":"standard",color:h,onClick:()=>s(e),"aria-pressed":l,sx:{"&.Mui-focusVisible":{boxShadow:"none !important"}}}),!v&&t.createElement(m.Chip,{disabled:x,size:ne,label:t.createElement(m.Stack,{direction:"row",gap:.5,alignItems:"center"},l&&d.state&&t.createElement(m.Typography,{variant:"inherit"},d.state),t.createElement(c.DotsVerticalIcon,{fontSize:"inherit"})),variant:"filled",color:h,...(0,m.bindTrigger)(E),"aria-label":(0,u.__)("Open CSS Class Menu","elementor")})),t.createElement(V,{styleId:e,popupState:E,isFixed:r}))}var re=(e,t)=>{const n=a.stylesRepository.getProviderByKey(e);if(n)return n.actions.update?.(t)},oe=/^[a-zA-Z0-9_-]+$/,ae=(e,t)=>ie(e,t)?(0,u.__)("Existing name","elementor"):ce(e)?(0,u.__)("Format is not valid","elementor"):void 0,ie=(e,t)=>!!t?.length&&t.some((t=>t.label.toLowerCase()===e.toLowerCase())),ce=e=>!oe.test(e),se="tiny",me=(0,g.createMenu)({components:{PopoverAction:function({title:e,visible:n=!0,icon:l,popoverContent:r}){const o=(0,t.useId)(),a=(0,m.usePopupState)({variant:"popover",popupId:`elementor-popover-action-${o}`});return n?t.createElement(t.Fragment,null,t.createElement(m.Tooltip,{placement:"top",title:e},t.createElement(m.IconButton,{"aria-label":e,key:o,size:se,...(0,m.bindToggle)(a)},t.createElement(l,{fontSize:se}))),t.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(a)},t.createElement(m.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},t.createElement(l,{fontSize:se,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},e),t.createElement(m.IconButton,{sx:{ml:"auto"},size:se,onClick:a.close},t.createElement(c.XIcon,{fontSize:se}))),t.createElement(r,{closePopover:a.close}))):null}}});function ue(){return t.createElement(m.Box,{role:"alert",sx:{minHeight:"100%",p:2}},t.createElement(m.Alert,{severity:"error",sx:{mb:2,maxWidth:400,textAlign:"center"}},t.createElement("strong",null,"Something went wrong")))}var de={image:{component:e.ImageControl,layout:"full"},text:{component:e.TextControl,layout:"two-columns"},textarea:{component:e.TextAreaControl,layout:"full"},size:{component:e.SizeControl,layout:"two-columns"},select:{component:e.SelectControl,layout:"two-columns"},link:{component:e.LinkControl,layout:"full"},url:{component:e.UrlControl,layout:"full"}},pe=e=>de[e]?.component,Ee=({props:e,type:n})=>{const l=pe(n);if(!l)throw new k({context:{controlType:n}});return t.createElement(l,{...e})},ge=({controlType:e,children:n})=>{const l=de[e].layout;return t.createElement(be,{layout:l},n)},be=(0,m.styled)(m.Box,{shouldForwardProp:e=>!["layout"].includes(e)})((({layout:e,theme:t})=>({display:"grid",gridGap:t.spacing(1),...fe(e)}))),fe=e=>({justifyContent:"space-between",gridTemplateColumns:{full:"1fr","two-columns":"repeat(2, 1fr)"}[e]}),ve=({schema:e})=>({key:"",kind:"object",meta:{},settings:{},default:null,shape:e}),_e=({bind:n,children:l})=>{const{element:o,elementType:a}=T(),i=(0,r.useElementSetting)(o.id,n),c={[n]:i},s=ve({schema:a.propsSchema});return t.createElement(e.PropProvider,{propType:s,value:c,setValue:e=>{(0,r.updateElementSettings)({id:o.id,props:{...e}})}},t.createElement(e.PropKeyProvider,{bind:n},l))},ye=(0,m.styled)(c.ChevronDownIcon,{shouldForwardProp:e=>"open"!==e})((({theme:e,open:t})=>({transform:t?"rotate(180deg)":"rotate(0deg)",transition:e.transitions.create("transform",{duration:e.transitions.duration.standard})})));function xe({title:e,children:n,defaultExpanded:l=!1}){const[r,o]=(0,t.useState)(!!l),a=(0,t.useId)(),i=`label-${a}`,c=`content-${a}`;return t.createElement(t.Fragment,null,t.createElement(m.ListItemButton,{id:i,"aria-controls":c,onClick:()=>o((e=>!e))},t.createElement(m.ListItemText,{secondary:e}),t.createElement(ye,{open:r,color:"secondary"})),t.createElement(m.Collapse,{id:c,"aria-labelledby":i,in:r,timeout:"auto",unmountOnExit:!0},t.createElement(m.Stack,{gap:2.5,p:2},n)),t.createElement(m.Divider,null))}function he(e){return t.createElement(m.List,{disablePadding:!0,component:"div",...e})}var Se=()=>{const{elementType:e,element:n}=T();return t.createElement(E.SessionStorageProvider,{prefix:n.id},t.createElement(he,null,e.controls.map((({type:e,value:n},l)=>"control"===e?t.createElement(we,{key:n.bind,control:n}):"section"===e?t.createElement(xe,{title:n.label,key:e+"."+l,defaultExpanded:!0},n.items?.map((e=>"control"===e.type?t.createElement(we,{key:e.value.bind,control:e.value}):null))):null))))},we=({control:n})=>pe(n.type)?t.createElement(_e,{bind:n.bind},t.createElement(ge,{controlType:n.type},n.label?t.createElement(e.ControlLabel,null,n.label):null,t.createElement(Ee,{type:n.type,props:n.props}))):null;function Ce(e){const{element:n}=T(),{id:l,meta:o,provider:a}=D(),i=C(),[,c]=(0,t.useReducer)((e=>!e),!1);(0,t.useEffect)((()=>a?.subscribe(c)),[a]);const s=function({styleId:e,elementId:t,provider:n,meta:l,propNames:r}){if(!n||!e)return null;const o=n.actions.getById?.(e,{elementId:t});if(!o)throw new G({context:{styleId:e,providerKey:n.key}});const a=(0,f.getVariantByMeta)(o,l);return Object.fromEntries(r.map((e=>[e,a?.props[e]??null])))}({elementId:n.id,styleId:l,provider:a,meta:o,propNames:e});return[s,e=>{if(null!==l){if(!a.actions.updateProps)throw new L({context:{providerKey:a.key}});a.actions.updateProps({id:l,meta:o,props:e},{elementId:n.id})}else(0,r.createElementStyle)({elementId:n.id,classesProp:i,meta:o,props:e,label:(0,u.__)("local","elementor")})}]}function Ie(e){const[t,n]=Ce([e]);return[t?.[e]??null,t=>{n({[e]:t})}]}var ze=({bind:n,children:l})=>{const[r,o]=Ie(n),a=(0,f.getStylesSchema)(),i=ve({schema:a}),c={[n]:r};return t.createElement(e.PropProvider,{propType:i,value:c,setValue:e=>{o(e[n])}},t.createElement(e.PropKeyProvider,{bind:n},l))},Te=()=>t.createElement(ze,{bind:"background"},t.createElement(e.BackgroundControl,null)),ke="tiny",Pe=({isAdded:n,label:l,onAdd:r,onRemove:o,children:a})=>t.createElement(m.Stack,{gap:1.5},t.createElement(m.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center"}},t.createElement(e.ControlLabel,null,l),n?t.createElement(m.IconButton,{size:ke,onClick:o,"aria-label":"Remove"},t.createElement(c.MinusIcon,{fontSize:ke})):t.createElement(m.IconButton,{size:ke,onClick:r,"aria-label":"Add"},t.createElement(c.PlusIcon,{fontSize:ke}))),t.createElement(m.Collapse,{in:n,unmountOnExit:!0},t.createElement(m.Stack,{gap:1.5},a))),Le=()=>t.createElement(ze,{bind:"border-color"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Border Color","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ColorControl,null)))),Ge=[{value:"none",label:(0,u.__)("None","elementor")},{value:"solid",label:(0,u.__)("Solid","elementor")},{value:"dashed",label:(0,u.__)("Dashed","elementor")},{value:"dotted",label:(0,u.__)("Dotted","elementor")},{value:"double",label:(0,u.__)("Double","elementor")},{value:"groove",label:(0,u.__)("Groove","elementor")},{value:"ridge",label:(0,u.__)("Ridge","elementor")},{value:"inset",label:(0,u.__)("Inset","elementor")},{value:"outset",label:(0,u.__)("Outset","elementor")}],Be=()=>t.createElement(ze,{bind:"border-style"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Border Type","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SelectControl,{options:Ge})))),Re=[{label:(0,u.__)("Top","elementor"),icon:t.createElement(c.SideTopIcon,{fontSize:"tiny"}),bind:"top"},{label:(0,u.__)("Right","elementor"),icon:t.createElement(c.SideRightIcon,{fontSize:"tiny"}),bind:"right"},{label:(0,u.__)("Bottom","elementor"),icon:t.createElement(c.SideBottomIcon,{fontSize:"tiny"}),bind:"bottom"},{label:(0,u.__)("Left","elementor"),icon:t.createElement(c.SideLeftIcon,{fontSize:"tiny"}),bind:"left"}],De=()=>t.createElement(ze,{bind:"border-width"},t.createElement(e.EqualUnequalSizesControl,{items:Re,label:(0,u.__)("Border Width","elementor"),icon:t.createElement(c.SideAllIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:o.borderWidthPropTypeUtil})),Ae={"border-width":{$$type:"size",value:{size:1,unit:"px"}},"border-color":{$$type:"color",value:"#000000"},"border-style":{$$type:"string",value:"solid"}},Ve=()=>{const[e,n]=Ce(Object.keys(Ae)),l=Object.values(e??{}).some(Boolean);return t.createElement(Pe,{label:(0,u.__)("Border","elementor"),isAdded:l,onAdd:()=>{n(Ae)},onRemove:()=>{n({"border-width":null,"border-color":null,"border-style":null})}},t.createElement(De,null),t.createElement(Le,null),t.createElement(Be,null))},We=[{label:(0,u.__)("Top Left","elementor"),icon:t.createElement(c.RadiusTopLeftIcon,{fontSize:"tiny"}),bind:"top-left"},{label:(0,u.__)("Top Right","elementor"),icon:t.createElement(c.RadiusTopRightIcon,{fontSize:"tiny"}),bind:"top-right"},{label:(0,u.__)("Bottom Right","elementor"),icon:t.createElement(c.RadiusBottomRightIcon,{fontSize:"tiny"}),bind:"bottom-right"},{label:(0,u.__)("Bottom Left","elementor"),icon:t.createElement(c.RadiusBottomLeftIcon,{fontSize:"tiny"}),bind:"bottom-left"}],Fe=()=>t.createElement(ze,{bind:"border-radius"},t.createElement(e.EqualUnequalSizesControl,{items:We,label:(0,u.__)("Border Radius","elementor"),icon:t.createElement(c.BorderCornersIcon,{fontSize:"tiny"}),multiSizePropTypeUtil:o.borderRadiusPropTypeUtil})),$e=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(Fe,null),t.createElement(m.Divider,null),t.createElement(Ve,null)),je=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(ze,{bind:"box-shadow"},t.createElement(e.BoxShadowRepeaterControl,null)));function Oe(){const e=(0,m.useTheme)(),t=window,n="rtl"===e.direction;return{isSiteRtl:!!t.elementorFrontend?.config?.is_rtl,isUiRtl:n}}var Me={row:0,column:90,"row-reverse":180,"column-reverse":270},Ue={row:0,column:-90,"row-reverse":-180,"column-reverse":-270},Ne=({icon:e,size:n,isClockwise:l=!0,offset:r=0})=>{const o=(0,t.useRef)(Ke(l,r));return o.current=Ke(l,r,o),t.createElement(e,{fontSize:n,sx:{transition:".3s",rotate:`${o.current}deg`}})},Ke=(e,t,n)=>{const[l]=Ie("flex-direction"),r="rtl"===(0,m.useTheme)().direction?-1:1,o=e?Me:Ue,a=n?n.current*r:o[l?.value||"row"]+t;return(a+(((o[l?.value||"row"]+t-a+360)%360+180)%360-180))*r},He=(0,m.withDirection)(c.LayoutAlignLeftIcon),Je=(0,m.withDirection)(c.LayoutAlignRightIcon),Ye={isClockwise:!1,offset:90},qe=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:He,size:e,...Ye}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutAlignCenterIcon,size:e,...Ye}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:Je,size:e,...Ye}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutDistributeVerticalIcon,size:e,...Ye}),showTooltip:!0}],Xe=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{bind:"align-items"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Align items","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ToggleControl,{options:qe}))))))},Ze=(0,m.withDirection)(c.LayoutAlignLeftIcon),Qe=(0,m.withDirection)(c.LayoutAlignRightIcon),et={isClockwise:!1,offset:90},tt=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:Ze,size:e,...et}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutAlignCenterIcon,size:e,...et}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:Qe,size:e,...et}),showTooltip:!0},{value:"stretch",label:(0,u.__)("Stretch","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.LayoutDistributeVerticalIcon,size:e,...et}),showTooltip:!0}],nt=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{bind:"align-self"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Align self","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:tt}))))))},lt=()=>{const n=[{value:"block",renderContent:()=>(0,u.__)("Block","elementor"),label:(0,u.__)("Block","elementor")},{value:"flex",renderContent:()=>(0,u.__)("Flex","elementor"),label:(0,u.__)("Flex","elementor")}];return t.createElement(ze,{bind:"display"},t.createElement(m.Stack,{gap:1},t.createElement(e.ControlLabel,null,(0,u.__)("Display","elementor")),t.createElement(e.ToggleControl,{options:n,fullWidth:!0})))},rt=[{value:"row",label:(0,u.__)("Row","elementor"),renderContent:({size:e})=>{const n=(0,m.withDirection)(c.ArrowRightIcon);return t.createElement(n,{fontSize:e})},showTooltip:!0},{value:"column",label:(0,u.__)("Column","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:"row-reverse",label:(0,u.__)("Reversed row","elementor"),renderContent:({size:e})=>{const n=(0,m.withDirection)(c.ArrowLeftIcon);return t.createElement(n,{fontSize:e})},showTooltip:!0},{value:"column-reverse",label:(0,u.__)("Reversed column","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0}],ot=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{bind:"flex-direction"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Direction","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ToggleControl,{options:rt}))))))},at=-99999,it="first",ct="last",st="custom",mt={[it]:at,[ct]:99999},ut=[{value:it,label:(0,u.__)("First","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowUpSmallIcon,{fontSize:e}),showTooltip:!0},{value:ct,label:(0,u.__)("Last","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowDownSmallIcon,{fontSize:e}),showTooltip:!0},{value:st,label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>t.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],dt=()=>{const{isSiteRtl:n}=Oe(),[l,r]=Ie("order"),[o,a]=(0,t.useState)(pt(l?.value||null));return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(m.Stack,{gap:2},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Order","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ControlToggleButtonGroup,{items:ut,value:o,onChange:e=>{a(e),r(e&&e!==st?{$$type:"number",value:mt[e]}:null)},exclusive:!0}))),st===o&&t.createElement(ze,{bind:"order"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Custom order","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.NumberControl,{min:-99998,max:99998,shouldForceInt:!0})))))))},pt=e=>99999===e?ct:at===e?it:0===e||e?st:null,Et=[{value:"flex-grow",label:(0,u.__)("Grow","elementor"),renderContent:({size:e})=>t.createElement(c.ExpandIcon,{fontSize:e}),showTooltip:!0},{value:"flex-shrink",label:(0,u.__)("Shrink","elementor"),renderContent:({size:e})=>t.createElement(c.ShrinkIcon,{fontSize:e}),showTooltip:!0},{value:"custom",label:(0,u.__)("Custom","elementor"),renderContent:({size:e})=>t.createElement(c.PencilIcon,{fontSize:e}),showTooltip:!0}],gt=()=>{const{isSiteRtl:n}=Oe(),[l,r]=Ie("flex-grow"),[o,a]=Ie("flex-shrink"),[i,c]=Ie("flex-basis"),s=l?.value||null,d=o?.value||null,p=i?.value||null,E=(0,t.useMemo)((()=>ft({grow:s,shrink:d,basis:p})),[s,d,p]),[g,b]=(0,t.useState)(E);return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(m.Stack,{gap:2},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Size","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.ControlToggleButtonGroup,{value:g,onChange:(e=null)=>(b(e),c(null),e&&"custom"!==e?"flex-grow"===e?(r({$$type:"number",value:1}),void a(null)):(r(null),void a({$$type:"number",value:1})):(r(null),void a(null))),items:Et,exclusive:!0}))),"custom"===g&&t.createElement(bt,null))))},bt=()=>t.createElement(t.Fragment,null,t.createElement(ze,{bind:"flex-grow"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Grow","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.NumberControl,{min:0,shouldForceInt:!0})))),t.createElement(ze,{bind:"flex-shrink"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Shrink","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.NumberControl,{min:0,shouldForceInt:!0})))),t.createElement(ze,{bind:"flex-basis"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Basis","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"end"}},t.createElement(e.SizeControl,null))))),ft=({grow:e,shrink:t,basis:n})=>null!==e||null!==t||n?t&&e||n?"custom":1===e?"flex-grow":1===t?"flex-shrink":"custom":null,vt=()=>t.createElement(m.Stack,{gap:1},t.createElement(ze,{bind:"gap"},t.createElement(e.GapControl,{label:(0,u.__)("Gaps","elementor")}))),_t=(0,m.withDirection)(c.JustifyTopIcon),yt=(0,m.withDirection)(c.JustifyBottomIcon),xt={isClockwise:!0,offset:-90},ht=[{value:"start",label:(0,u.__)("Start","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:_t,size:e,...xt}),showTooltip:!0},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifyCenterIcon,size:e,...xt}),showTooltip:!0},{value:"end",label:(0,u.__)("End","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:yt,size:e,...xt}),showTooltip:!0},{value:"space-between",label:(0,u.__)("Space between","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifySpaceBetweenVerticalIcon,size:e,...xt}),showTooltip:!0},{value:"space-around",label:(0,u.__)("Space around","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifySpaceAroundVerticalIcon,size:e,...xt}),showTooltip:!0},{value:"space-evenly",label:(0,u.__)("Space evenly","elementor"),renderContent:({size:e})=>t.createElement(Ne,{icon:c.JustifyDistributeVerticalIcon,size:e,...xt}),showTooltip:!0}],St=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{bind:"justify-content"},t.createElement(m.Stack,{gap:1},t.createElement(e.ControlLabel,null,(0,u.__)("Justify content","elementor")),t.createElement(e.ToggleControl,{options:ht,fullWidth:!0})))))},wt=[{value:"nowrap",label:(0,u.__)("No wrap","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowRightIcon,{fontSize:e}),showTooltip:!0},{value:"wrap",label:(0,u.__)("Wrap","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowBackIcon,{fontSize:e}),showTooltip:!0},{value:"wrap-reverse",label:(0,u.__)("Reversed wrap","elementor"),renderContent:({size:e})=>t.createElement(c.ArrowForwardIcon,{fontSize:e}),showTooltip:!0}],Ct=()=>{const{isSiteRtl:n}=Oe();return t.createElement(m.DirectionProvider,{rtl:n},t.createElement(m.ThemeProvider,null,t.createElement(ze,{bind:"flex-wrap"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Wrap","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:wt}))))))},It=()=>{const[e]=Ie("display"),{element:n}=T(),l=(0,r.useParentElement)(n.id),o=(a=l?.id||null,(0,v.__privateUseListenTo)([(0,v.windowEvent)("elementor/device-mode/change"),(0,v.commandEndEvent)("document/elements/reset-style"),(0,v.commandEndEvent)("document/elements/settings"),(0,v.commandEndEvent)("document/elements/paste-style")],(()=>{if(!a)return null;const e=window,t=e.elementor?.getContainer?.(a);return t?.view?.el?window.getComputedStyle(t.view.el):null})));var a;return t.createElement(m.Stack,{gap:2},t.createElement(lt,null),"flex"===e?.value&&t.createElement(zt,null),"flex"===o?.display&&t.createElement(Tt,null))},zt=()=>t.createElement(t.Fragment,null,t.createElement(ot,null),t.createElement(St,null),t.createElement(Xe,null),t.createElement(m.Divider,null),t.createElement(vt,null),t.createElement(Ct,null)),Tt=()=>t.createElement(t.Fragment,null,t.createElement(m.Divider,null),t.createElement(e.ControlLabel,null,(0,u.__)("Flex child","elementor")),t.createElement(nt,null),t.createElement(dt,null),t.createElement(gt,null)),kt=e=>{const n=`elementor/${e}`,[l,r]=(0,t.useState)();return(0,t.useEffect)((()=>Pt(n,(e=>{r(e??null)}))),[n]),[l,e=>{(0,d.setSessionStorageItem)(n,e)},()=>{(0,d.removeSessionStorageItem)(n)}]},Pt=(e,t)=>{t((0,d.getSessionStorageItem)(e));const n=new AbortController;return window.addEventListener("storage",(n=>{n.key===e&&n.storageArea===sessionStorage&&t((0,d.getSessionStorageItem)(e))}),{signal:n.signal}),()=>{n.abort()}},Lt={left:t.createElement(c.SideLeftIcon,{fontSize:"tiny"}),right:t.createElement(c.SideRightIcon,{fontSize:"tiny"}),top:t.createElement(c.SideTopIcon,{fontSize:"tiny"}),bottom:t.createElement(c.SideBottomIcon,{fontSize:"tiny"})},Gt=()=>t.createElement(t.Fragment,null,t.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},t.createElement(Bt,{side:"top",label:(0,u.__)("Top","elementor")}),t.createElement(Bt,{side:"right",label:(0,u.__)("Right","elementor")})),t.createElement(m.Stack,{direction:"row",gap:2,flexWrap:"nowrap"},t.createElement(Bt,{side:"bottom",label:(0,u.__)("Bottom","elementor")}),t.createElement(Bt,{side:"left",label:(0,u.__)("Left","elementor")}))),Bt=({side:n,label:l})=>t.createElement(m.Grid,{container:!0,gap:1,alignItems:"center"},t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.ControlLabel,null,l)),t.createElement(m.Grid,{item:!0,xs:12},t.createElement(ze,{bind:n},t.createElement(e.SizeControl,{startIcon:Lt[n]})))),Rt=[{label:(0,u.__)("Static","elementor"),value:"static"},{label:(0,u.__)("Relative","elementor"),value:"relative"},{label:(0,u.__)("Absolute","elementor"),value:"absolute"},{label:(0,u.__)("Fixed","elementor"),value:"fixed"},{label:(0,u.__)("Sticky","elementor"),value:"sticky"}],Dt=({onChange:n})=>t.createElement(ze,{bind:"position"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Position","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SelectControl,{options:Rt,onChange:n})))),At=()=>t.createElement(ze,{bind:"z-index"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Z-Index","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.NumberControl,null)))),Vt=()=>{const[e]=Ie("position"),[n,l]=Ce(["top","bottom","left","right"]),[r,o,a]=Wt(),i=e&&"static"!==e?.value;return t.createElement(m.Stack,{gap:1.5},t.createElement(Dt,{onChange:(e,t)=>{"static"===e?n&&(o(n),l({top:void 0,bottom:void 0,left:void 0,right:void 0})):"static"===t&&r&&(l(r),a())}}),i?t.createElement(t.Fragment,null,t.createElement(Gt,null),t.createElement(At,null)):null)},Wt=()=>{const{id:e,meta:t}=D(),n=`styles/${e}/${t.breakpoint||"desktop"}/${t.state||"null"}`;return kt(`${n}/dimensions`)},Ft=[{value:"visible",label:(0,u.__)("Visible","elementor"),renderContent:({size:e})=>t.createElement(c.EyeIcon,{fontSize:e}),showTooltip:!0},{value:"hidden",label:(0,u.__)("Hidden","elementor"),renderContent:({size:e})=>t.createElement(c.EyeOffIcon,{fontSize:e}),showTooltip:!0},{value:"auto",label:(0,u.__)("Auto","elementor"),renderContent:({size:e})=>t.createElement(c.ExpandBottomIcon,{fontSize:e}),showTooltip:!0}],$t=()=>t.createElement(ze,{bind:"overflow"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Overflow","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,sx:{display:"flex",justifyContent:"flex-end"}},t.createElement(e.ToggleControl,{options:Ft})))),jt=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"width",label:(0,u.__)("Width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"height",label:(0,u.__)("Height","elementor")}))),t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"min-width",label:(0,u.__)("Min. Width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"min-height",label:(0,u.__)("Min. Height","elementor")}))),t.createElement(m.Grid,{container:!0,gap:2,flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"max-width",label:(0,u.__)("Max. Width","elementor")})),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(Ot,{bind:"max-height",label:(0,u.__)("Max. Height","elementor")}))),t.createElement(m.Divider,null),t.createElement(m.Stack,null,t.createElement($t,null))),Ot=({label:n,bind:l})=>t.createElement(ze,{bind:l},t.createElement(m.Grid,{container:!0,gap:1,alignItems:"center"},t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.ControlLabel,null,n)),t.createElement(m.Grid,{item:!0,xs:12},t.createElement(e.SizeControl,null)))),Mt=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(ze,{bind:"padding"},t.createElement(e.LinkedDimensionsControl,{label:(0,u.__)("Padding","elementor")})),t.createElement(m.Divider,null),t.createElement(ze,{bind:"margin"},t.createElement(e.LinkedDimensionsControl,{label:(0,u.__)("Margin","elementor")}))),Ut=({children:e,defaultOpen:n=!1})=>{const[l,r]=(0,t.useState)(n);return t.createElement(m.Stack,{sx:{py:.5}},t.createElement(m.Button,{fullWidth:!0,size:"small",color:"secondary",variant:"outlined",onClick:()=>{r((e=>!e))},endIcon:t.createElement(ye,{open:l})},l?(0,u.__)("Show less","elementor"):(0,u.__)("Show more","elementor")),t.createElement(m.Collapse,{in:l,timeout:"auto",unmountOnExit:!0},e))},Nt=()=>{const n=Kt();return n?t.createElement(ze,{bind:"font-family"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Font Family","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.FontFamilyControl,{fontFamilies:n})))):null},Kt=()=>{const{controls:e}=(()=>{const e=window;return e.elementor?.config??{}})(),t=e?.font?.options;return t||null},Ht=()=>t.createElement(ze,{bind:"font-size"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Font Size","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Jt=[{label:(0,u.__)("Light - 400","elementor"),value:"400"},{label:(0,u.__)("Regular - 500","elementor"),value:"500"},{label:(0,u.__)("Semi Bold - 600","elementor"),value:"600"},{label:(0,u.__)("Bold - 700","elementor"),value:"700"},{label:(0,u.__)("Black - 900","elementor"),value:"900"}],Yt=()=>t.createElement(ze,{bind:"font-weight"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Font Weight","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SelectControl,{options:Jt})))),qt=()=>t.createElement(ze,{bind:"letter-spacing"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Letter Spacing","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Xt=()=>t.createElement(ze,{bind:"line-height"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Line Height","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),Zt=[{value:"left",label:(0,u.__)("Left","elementor"),renderContent:({size:e})=>t.createElement(c.AlignLeftIcon,{fontSize:e})},{value:"center",label:(0,u.__)("Center","elementor"),renderContent:({size:e})=>t.createElement(c.AlignCenterIcon,{fontSize:e})},{value:"right",label:(0,u.__)("Right","elementor"),renderContent:({size:e})=>t.createElement(c.AlignRightIcon,{fontSize:e})},{value:"justify",label:(0,u.__)("Justify","elementor"),renderContent:({size:e})=>t.createElement(c.AlignJustifiedIcon,{fontSize:e})}],Qt=()=>t.createElement(ze,{bind:"text-align"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Alignment","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:Zt})))),en=()=>t.createElement(ze,{bind:"color"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Text Color","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ColorControl,null)))),tn=[{value:"ltr",label:(0,u.__)("Left to Right","elementor"),renderContent:({size:e})=>t.createElement(c.TextDirectionLtrIcon,{fontSize:e})},{value:"rtl",label:(0,u.__)("Right to Left","elementor"),renderContent:({size:e})=>t.createElement(c.TextDirectionRtlIcon,{fontSize:e})}],nn=()=>t.createElement(ze,{bind:"direction"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Direction","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:tn})))),ln={$$type:"stroke",value:{color:{$$type:"color",value:"#000000"},width:{$$type:"size",value:{unit:"px",size:1}}}},rn=()=>{const[n,l]=Ie("-webkit-text-stroke"),r=Boolean(n);return t.createElement(Pe,{label:(0,u.__)("Text Stroke","elementor"),isAdded:r,onAdd:()=>{l(ln)},onRemove:()=>{l(null)}},t.createElement(ze,{bind:"-webkit-text-stroke"},t.createElement(e.StrokeControl,null)))},on="tiny",an=()=>{const[n,l]=Ie("font-style"),[r,o]=Ie("text-decoration"),a=[n?.value,...(r?.value||"").split(" ")],i=e=>{if(null===e)return o(null);o({$$type:"string",value:e})};return t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Style","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(m.ToggleButtonGroup,{value:a},t.createElement(sn,{value:"italic",onChange:e=>(e=>{if(null===e)return l(null);l({$$type:"string",value:e})})(n?.value===e?null:e),"aria-label":"italic",sx:{marginLeft:"auto"}},t.createElement(c.ItalicIcon,{fontSize:on})),t.createElement(cn,{value:"line-through",currentValues:r?.value||"",updateValues:i,"aria-label":"line-through"},t.createElement(c.StrikethroughIcon,{fontSize:on})),t.createElement(cn,{value:"underline",currentValues:r?.value||"",updateValues:i,"aria-label":"underline"},t.createElement(c.UnderlineIcon,{fontSize:on})))))},cn=({children:e,value:n,currentValues:l,updateValues:r,"aria-label":o})=>{const a=l.split(" ").filter(Boolean),i=a.includes(n);return t.createElement(sn,{value:n,onChange:e=>{r(i?a.filter((t=>t!==e)).join(" ")||null:[...a,e].join(" "))},selected:i,"aria-label":o},e)},sn=({onChange:e,...n})=>t.createElement(m.ToggleButton,{...n,onChange:(t,n)=>{e(n)},size:on}),mn=[{value:"capitalize",label:(0,u.__)("Capitalize","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseIcon,{fontSize:e})},{value:"uppercase",label:(0,u.__)("Uppercase","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseUpperIcon,{fontSize:e})},{value:"lowercase",label:(0,u.__)("Lowercase","elementor"),renderContent:({size:e})=>t.createElement(c.LetterCaseLowerIcon,{fontSize:e})}],un=()=>t.createElement(ze,{bind:"text-transform"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Transform","elementor"))),t.createElement(m.Grid,{item:!0,xs:6,display:"flex",justifyContent:"end"},t.createElement(e.ToggleControl,{options:mn})))),dn=()=>t.createElement(ze,{bind:"word-spacing"},t.createElement(m.Grid,{container:!0,gap:2,alignItems:"center",flexWrap:"nowrap"},t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.ControlLabel,null,(0,u.__)("Word Spacing","elementor"))),t.createElement(m.Grid,{item:!0,xs:6},t.createElement(e.SizeControl,null)))),pn=()=>t.createElement(m.Stack,{gap:1.5},t.createElement(Nt,null),t.createElement(Yt,null),t.createElement(Ht,null),t.createElement(m.Divider,null),t.createElement(Qt,null),t.createElement(en,null),t.createElement(Ut,null,t.createElement(m.Stack,{gap:1.5,sx:{pt:1.5}},t.createElement(Xt,null),t.createElement(qt,null),t.createElement(dn,null),t.createElement(m.Divider,null),t.createElement(an,null),t.createElement(un,null),t.createElement(nn,null),t.createElement(rn,null)))),En=()=>{const e=function(){const{elementType:e}=T(),t=Object.entries(e.propsSchema).find((([,e])=>"plain"===e.kind&&"classes"===e.key));if(!t)throw new Error("Element does not have a classes prop");return t[0]}(),[n,l]=function(e){const[n,l]=(0,t.useState)(null),o=function(e){const{element:t}=T(),n=(0,r.useElementSetting)(t.id,e)?.value||[],l=(0,r.useElementStyles)(t.id);return Object.values(l).find((e=>n.includes(e.id)))}(e);return[n||o?.id||null,l]}(e),[o,a]=(0,t.useState)(null),i=(0,b.useActiveBreakpoint)();return t.createElement(w,{prop:e},t.createElement(R,{meta:{breakpoint:i,state:o},id:n,setId:e=>{l(e),a(null)},setMetaState:a},t.createElement(E.SessionStorageProvider,{prefix:n??""},t.createElement(te,null),t.createElement(m.Divider,null),t.createElement(he,null,t.createElement(xe,{title:(0,u.__)("Layout","elementor")},t.createElement(It,null)),t.createElement(xe,{title:(0,u.__)("Spacing","elementor")},t.createElement(Mt,null)),t.createElement(xe,{title:(0,u.__)("Size","elementor")},t.createElement(jt,null)),t.createElement(xe,{title:(0,u.__)("Position","elementor")},t.createElement(Vt,null)),t.createElement(xe,{title:(0,u.__)("Typography","elementor")},t.createElement(pn,null)),t.createElement(xe,{title:(0,u.__)("Background","elementor")},t.createElement(Te,null)),t.createElement(xe,{title:(0,u.__)("Border","elementor")},t.createElement($e,null)),t.createElement(xe,{title:(0,u.__)("Effects","elementor")},t.createElement(je,null))))))},gn=()=>{const{element:e}=T(),{getTabProps:n,getTabPanelProps:l,getTabsProps:r}=(0,m.useTabs)("settings");return t.createElement(t.Fragment,{key:e.id},t.createElement(m.Stack,{direction:"column",sx:{width:"100%"}},t.createElement(m.Tabs,{variant:"fullWidth",indicatorColor:"secondary",textColor:"inherit",...r()},t.createElement(m.Tab,{label:(0,u.__)("General","elementor"),...n("settings")}),t.createElement(m.Tab,{label:(0,u.__)("Style","elementor"),...n("style")})),t.createElement(m.Divider,null),t.createElement(m.TabPanel,{...l("settings"),disablePadding:!0},t.createElement(Se,null)),t.createElement(m.TabPanel,{...l("style"),disablePadding:!0},t.createElement(En,null))))},{useMenuItems:bn}=me,{panel:fn,usePanelActions:vn,usePanelStatus:_n}=(0,p.__createPanel)({id:"editing-panel",component:()=>{const{element:n,elementType:l}=(0,r.useSelectedElement)(),o=h(),a=bn().default;if(!n||!l)return null;const i=(0,u.__)("Edit %s","elementor").replace("%s",l.title);return t.createElement(m.ErrorBoundary,{fallback:t.createElement(ue,null)},t.createElement(E.SessionStorageProvider,{prefix:"elementor"},t.createElement(p.Panel,null,t.createElement(p.PanelHeader,null,t.createElement(p.PanelHeaderTitle,null,i)),t.createElement(p.PanelBody,null,t.createElement(e.ControlActionsProvider,{items:a},t.createElement(e.ControlReplacementProvider,{...o},t.createElement(z,{element:n,elementType:l},t.createElement(gn,null))))))))}}),yn=()=>{const e=(0,r.getSelectedElements)(),t=(0,r.getWidgetsCache)();return 1===e.length&&!!t?.[e[0].type]?.atomic_controls},xn=e=>{const{element:t}=T(),n=`dynamic/non-dynamic-values-history/${t.id}/${e}`;return kt(n)},hn=()=>{const{atomicDynamicTags:e}=(()=>{const e=window;return e.elementor?.config??{}})();return e?{tags:e.tags,groups:e.groups}:null},Sn="dynamic",wn=e=>{const t="union"===e.kind&&e.prop_types[Sn];return t&&t.key===Sn?t:null},Cn=(0,o.createPropUtils)(Sn,y.z.strictObject({name:y.z.string(),settings:y.z.any().optional()})),In=()=>{let n=[];const{propType:l}=(0,e.useBoundProp)();if(l){const e=wn(l);n=e?.settings.categories||[]}return(0,t.useMemo)((()=>zn(n)),[n.join()])},zn=e=>{const t=hn();if(!e.length||!t?.tags)return[];const n=new Set(e);return Object.values(t.tags).filter((e=>e.categories.some((e=>n.has(e)))))},Tn=e=>{const n=In();return(0,t.useMemo)((()=>n.find((t=>t.name===e))??null),[n,e])},kn=({bind:n,children:l})=>{const{value:r,setValue:o}=(0,e.useBoundProp)(Cn),{name:a="",settings:i}=r??{},c=Tn(a);if(!c)throw new Error(`Dynamic tag ${a} not found`);const s=c.props_schema[n],m=s?.default,u=i?.[n]??m,d=ve({schema:c.props_schema});return t.createElement(e.PropProvider,{propType:d,setValue:e=>{o({name:a,settings:{...i,...e}})},value:{[n]:u}},t.createElement(e.PropKeyProvider,{bind:n},l))},Pn="tiny",Ln=({onSelect:n})=>{const[l,r]=(0,t.useState)(""),{groups:o}=hn()||{},{value:a}=(0,e.useBoundProp)(),{bind:i,value:s,setValue:d}=(0,e.useBoundProp)(Cn),[,p]=xn(i),E=!!s,g=Gn(l);return t.createElement(m.Stack,null,t.createElement(m.Box,{px:1.5,pb:1},t.createElement(m.TextField,{fullWidth:!0,size:Pn,value:l,onChange:e=>{r(e.target.value)},placeholder:(0,u.__)("Search dynamic tag","elementor"),InputProps:{startAdornment:t.createElement(m.InputAdornment,{position:"start"},t.createElement(c.SearchIcon,{fontSize:Pn}))}})),t.createElement(m.Divider,null),t.createElement(m.Box,{sx:{overflowY:"auto",height:260,width:220}},g.length>0?t.createElement(m.MenuList,{role:"listbox",tabIndex:0},g.map((([e,l],r)=>t.createElement(t.Fragment,{key:r},t.createElement(m.ListSubheader,{sx:{typography:"caption",color:"text.tertiary"}},o?.[e]?.title||e),l.map((({value:e,label:l})=>{const r=E&&e===s?.name;return t.createElement(m.MenuItem,{key:e,selected:r,autoFocus:r,sx:{typography:"caption"},onClick:()=>(e=>{E||p(a),d({name:e,settings:{}}),n?.()})(e)},l)})))))):t.createElement(m.Stack,{alignItems:"center",p:2.5,gap:1.5},t.createElement(c.PhotoIcon,{fontSize:"large"}),t.createElement(m.Typography,{align:"center",variant:"caption",color:"text.secondary"},(0,u.__)("Sorry, nothing matched","elementor"),t.createElement("br",null),"“",l,"”."),t.createElement(m.Typography,{align:"center",variant:"caption",color:"text.secondary"},t.createElement(m.Link,{color:"secondary",variant:"caption",component:"button",onClick:()=>r("")},(0,u.__)("Clear the filters","elementor"))," ",(0,u.__)("and try again.","elementor")))))},Gn=e=>[...In().reduce(((t,{name:n,label:l,group:r})=>l.toLowerCase().includes(e.trim().toLowerCase())?(t.has(r)||t.set(r,[]),t.get(r)?.push({label:l,value:n}),t):t),new Map)],Bn="tiny",Rn=()=>{const{setValue:n}=(0,e.useBoundProp)(),{bind:l,value:r}=(0,e.useBoundProp)(Cn),[o]=xn(l),{name:a=""}=r,i=(0,t.useId)(),s=(0,m.usePopupState)({variant:"popover",popupId:i}),d=Tn(a);if(!d)throw new Error(`Dynamic tag ${a} not found`);return t.createElement(m.Box,null,t.createElement(m.UnstableTag,{fullWidth:!0,showActionsOnHover:!0,label:d.label,startIcon:t.createElement(c.DatabaseIcon,{fontSize:Bn}),...(0,m.bindTrigger)(s),actions:t.createElement(t.Fragment,null,t.createElement(Dn,{dynamicTag:d}),t.createElement(m.IconButton,{size:Bn,onClick:()=>{n(o??null)},"aria-label":(0,u.__)("Remove dynamic value","elementor")},t.createElement(c.XIcon,{fontSize:Bn})))}),t.createElement(m.Popover,{disablePortal:!0,disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"left"},...(0,m.bindPopover)(s)},t.createElement(m.Stack,null,t.createElement(m.Stack,{direction:"row",alignItems:"center",pl:1.5,pr:.5,py:1.5},t.createElement(c.DatabaseIcon,{fontSize:Bn,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},(0,u.__)("Dynamic Tags","elementor")),t.createElement(m.IconButton,{size:Bn,sx:{ml:"auto"},onClick:s.close},t.createElement(c.XIcon,{fontSize:Bn}))),t.createElement(Ln,{onSelect:s.close}))))},Dn=({dynamicTag:e})=>{const n=(0,t.useId)(),l=(0,m.usePopupState)({variant:"popover",popupId:n});return e.atomic_controls.length?t.createElement(t.Fragment,null,t.createElement(m.IconButton,{size:Bn,...(0,m.bindTrigger)(l),"aria-label":(0,u.__)("Settings","elementor")},t.createElement(c.SettingsIcon,{fontSize:Bn})),t.createElement(m.Popover,{disableScrollLock:!0,anchorOrigin:{vertical:"bottom",horizontal:"center"},...(0,m.bindPopover)(l)},t.createElement(m.Paper,{component:m.Stack,sx:{minHeight:"300px",width:"220px"}},t.createElement(m.Stack,{direction:"row",alignItems:"center",px:1.5,pt:2,pb:1},t.createElement(c.DatabaseIcon,{fontSize:Bn,sx:{mr:.5}}),t.createElement(m.Typography,{variant:"subtitle2"},e.label),t.createElement(m.IconButton,{sx:{ml:"auto"},size:Bn,onClick:l.close},t.createElement(c.XIcon,{fontSize:Bn}))),t.createElement(An,{controls:e.atomic_controls})))):null},An=({controls:e})=>{const n=e.filter((({type:e})=>"section"===e)),{getTabsProps:l,getTabProps:r,getTabPanelProps:o}=(0,m.useTabs)(0);return n.length?t.createElement(t.Fragment,null,t.createElement(m.Tabs,{indicatorColor:"secondary",textColor:"secondary",...l()},n.map((({value:e},n)=>t.createElement(m.Tab,{key:n,label:e.label,sx:{px:1,py:.5},...r(n)})))),t.createElement(m.Divider,null),n.map((({value:e},n)=>t.createElement(m.TabPanel,{key:n,sx:{flexGrow:1},...o(n)},t.createElement(m.Stack,{gap:1,px:2},e.items.map((e=>"control"===e.type?t.createElement(Vn,{key:e.value.bind,control:e.value}):null))))))):null},Vn=({control:n})=>pe(n.type)?t.createElement(kn,{bind:n.bind},n.label?t.createElement(e.ControlLabel,null,n.label):null,t.createElement(Ee,{type:n.type,props:n.props})):null,Wn=()=>{const{propType:n}=(0,e.useBoundProp)(),l=!!n&&(e=>!!wn(e))(n);return{visible:l,icon:c.DatabaseIcon,title:(0,u.__)("Dynamic Tags","elementor"),popoverContent:({closePopover:e})=>t.createElement(Ln,{onSelect:e})}},{registerPopoverAction:Fn}=me;(0,p.__registerPanel)(fn),(0,v.__privateBlockDataCommand)({command:"panel/editor/open",condition:yn}),(0,_.injectIntoLogic)({id:"editing-panel-hooks",component:()=>((()=>{const{open:e}=vn();(0,t.useEffect)((()=>(0,v.__privateListenTo)((0,v.commandStartEvent)("panel/editor/open"),(()=>{yn()&&e()}))),[])})(),(()=>{const{close:e}=vn();(0,t.useEffect)((()=>(0,v.__privateListenTo)((0,v.commandStartEvent)("document/elements/delete"),(t=>{const n=(0,r.getSelectedElements)()[0],{container:l}=t?.args;l&&n&&(0,r.isElementInContainer)(n,l)&&yn()&&e()}))),[])})(),null)}),x({component:Rn,condition:({value:e})=>{return t=e,(0,o.isTransformable)(t)&&t.$$type===Sn;var t}}),Fn({id:"dynamic-tags",useProps:Wn})}(),(window.elementorV2=window.elementorV2||{}).editorEditingPanel=l}();