← All changes
|
assets/js/packages/editor-interactions/editor-interactions.js
+2
-3636
4.2.0-beta2
→
4.1.0-dev3
View file →
| @@ -1,3637 +1,3 @@ | ||
| 1 | -/******/ (function() { // webpackBootstrap | |
| 2 | -/******/ "use strict"; | |
| 3 | -/******/ var __webpack_modules__ = ({ | |
| 4 | - | |
| 5 | -/***/ "./packages/packages/core/editor-interactions/src/commands/get-clipboard-elements.ts": | |
| 6 | -/*!*******************************************************************************************!*\ | |
| 7 | - !*** ./packages/packages/core/editor-interactions/src/commands/get-clipboard-elements.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 */ getClipboardElements: function() { return /* binding */ getClipboardElements; } | |
| 14 | -/* harmony export */ }); | |
| 15 | -function getClipboardElements(storageKey = 'clipboard') { | |
| 16 | - try { | |
| 17 | - const storedData = JSON.parse(localStorage.getItem('elementor') ?? '{}'); | |
| 18 | - return storedData[storageKey]?.elements; | |
| 19 | - } catch { | |
| 20 | - return undefined; | |
| 21 | - } | |
| 22 | -} | |
| 23 | - | |
| 24 | -/***/ }), | |
| 25 | - | |
| 26 | -/***/ "./packages/packages/core/editor-interactions/src/commands/paste-interactions.ts": | |
| 27 | -/*!***************************************************************************************!*\ | |
| 28 | - !*** ./packages/packages/core/editor-interactions/src/commands/paste-interactions.ts ***! | |
| 29 | - \***************************************************************************************/ | |
| 30 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 31 | - | |
| 32 | -__webpack_require__.r(__webpack_exports__); | |
| 33 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 34 | -/* harmony export */ initPasteInteractionsCommand: function() { return /* binding */ initPasteInteractionsCommand; } | |
| 35 | -/* harmony export */ }); | |
| 36 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 37 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__); | |
| 38 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 39 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__); | |
| 40 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 41 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); | |
| 42 | -/* harmony import */ var _utils_is_supported_interaction_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/is-supported-interaction-item */ "./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts"); | |
| 43 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 44 | -/* harmony import */ var _utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/temp-id-utils */ "./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"); | |
| 45 | -/* harmony import */ var _get_clipboard_elements__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./get-clipboard-elements */ "./packages/packages/core/editor-interactions/src/commands/get-clipboard-elements.ts"); | |
| 46 | - | |
| 47 | - | |
| 48 | - | |
| 49 | - | |
| 50 | - | |
| 51 | - | |
| 52 | - | |
| 53 | -function isAtomicContainer(container) { | |
| 54 | - const type = container?.model.get('widgetType') || container?.model.get('elType'); | |
| 55 | - const widgetsCache = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getWidgetsCache)(); | |
| 56 | - const elementConfig = widgetsCache?.[type]; | |
| 57 | - return Boolean(elementConfig?.atomic_props_schema); | |
| 58 | -} | |
| 59 | -function getTitleForContainers(containers) { | |
| 60 | - return containers.length > 1 ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Elements', 'elementor') : (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementLabel)(containers[0].id); | |
| 61 | -} | |
| 62 | -function normalizeClipboardInteractions(raw) { | |
| 63 | - if (!raw) { | |
| 64 | - return null; | |
| 65 | - } | |
| 66 | - const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw; | |
| 67 | - const payload = { | |
| 68 | - version: parsed?.version ?? 1, | |
| 69 | - items: parsed?.items?.filter(item => (0,_utils_is_supported_interaction_item__WEBPACK_IMPORTED_MODULE_3__.isSupportedInteractionItem)(item)) ?? [] | |
| 70 | - }; | |
| 71 | - if (!payload.items.length) { | |
| 72 | - return null; | |
| 73 | - } | |
| 74 | - return payload; | |
| 75 | -} | |
| 76 | -function regenerateInteractionIds(interactions) { | |
| 77 | - const cloned = structuredClone(interactions); | |
| 78 | - cloned.items?.forEach(item => { | |
| 79 | - if (item.$$type === 'interaction-item' && item.value) { | |
| 80 | - item.value.interaction_id = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.createString)((0,_utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_5__.generateTempInteractionId)()); | |
| 81 | - } | |
| 82 | - }); | |
| 83 | - return cloned; | |
| 84 | -} | |
| 85 | -function initPasteInteractionsCommand() { | |
| 86 | - const undoablePasteInteractions = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.undoable)({ | |
| 87 | - do: ({ | |
| 88 | - containers, | |
| 89 | - newInteractions | |
| 90 | - }) => { | |
| 91 | - const pasted = regenerateInteractionIds(newInteractions); | |
| 92 | - return containers.map(container => { | |
| 93 | - const elementId = container.id; | |
| 94 | - const previous = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementInteractions)(elementId); | |
| 95 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.updateElementInteractions)({ | |
| 96 | - elementId, | |
| 97 | - interactions: pasted | |
| 98 | - }); | |
| 99 | - return { | |
| 100 | - elementId, | |
| 101 | - previous: previous ?? { | |
| 102 | - version: 1, | |
| 103 | - items: [] | |
| 104 | - } | |
| 105 | - }; | |
| 106 | - }); | |
| 107 | - }, | |
| 108 | - undo: (_, revertData) => { | |
| 109 | - revertData.forEach(({ | |
| 110 | - elementId, | |
| 111 | - previous | |
| 112 | - }) => { | |
| 113 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.updateElementInteractions)({ | |
| 114 | - elementId, | |
| 115 | - interactions: previous.items?.length ? previous : undefined | |
| 116 | - }); | |
| 117 | - }); | |
| 118 | - } | |
| 119 | - }, { | |
| 120 | - title: ({ | |
| 121 | - containers | |
| 122 | - }) => getTitleForContainers(containers), | |
| 123 | - subtitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Interactions Pasted', 'elementor') | |
| 124 | - }); | |
| 125 | - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.__privateListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.commandStartEvent)('document/elements/paste-interactions'), e => { | |
| 126 | - const args = e.args; | |
| 127 | - const containers = args.containers ?? (args.container ? [args.container] : []); | |
| 128 | - const storageKey = args.storageKey ?? 'clipboard'; | |
| 129 | - if (!containers.length) { | |
| 130 | - return; | |
| 131 | - } | |
| 132 | - const clipboardElements = (0,_get_clipboard_elements__WEBPACK_IMPORTED_MODULE_6__.getClipboardElements)(storageKey); | |
| 133 | - const [clipboardElement] = clipboardElements ?? []; | |
| 134 | - if (!clipboardElement) { | |
| 135 | - return; | |
| 136 | - } | |
| 137 | - const newInteractions = normalizeClipboardInteractions(clipboardElement.interactions); | |
| 138 | - if (!newInteractions) { | |
| 139 | - return; | |
| 140 | - } | |
| 141 | - const existingContainers = containers.filter(c => (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(c.id)); | |
| 142 | - const validContainers = existingContainers.filter(isAtomicContainer); | |
| 143 | - if (!validContainers.length) { | |
| 144 | - return; | |
| 145 | - } | |
| 146 | - undoablePasteInteractions({ | |
| 147 | - containers: validContainers, | |
| 148 | - newInteractions | |
| 149 | - }); | |
| 150 | - }); | |
| 151 | -} | |
| 152 | - | |
| 153 | -/***/ }), | |
| 154 | - | |
| 155 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/direction.tsx": | |
| 156 | -/*!******************************************************************************************!*\ | |
| 157 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/direction.tsx ***! | |
| 158 | - \******************************************************************************************/ | |
| 159 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 160 | - | |
| 161 | -__webpack_require__.r(__webpack_exports__); | |
| 162 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 163 | -/* harmony export */ Direction: function() { return /* binding */ Direction; } | |
| 164 | -/* harmony export */ }); | |
| 165 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 166 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 167 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 168 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 169 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons"); | |
| 170 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__); | |
| 171 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 172 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__); | |
| 173 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 174 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); | |
| 175 | - | |
| 176 | - | |
| 177 | - | |
| 178 | - | |
| 179 | - | |
| 180 | - | |
| 181 | -const AXIS = { | |
| 182 | - top: 'vertical', | |
| 183 | - bottom: 'vertical', | |
| 184 | - left: 'horizontal', | |
| 185 | - right: 'horizontal' | |
| 186 | -}; | |
| 187 | -function parseValue(value) { | |
| 188 | - return value.split('-').filter(Boolean); | |
| 189 | -} | |
| 190 | -function serializeValue(directions) { | |
| 191 | - const vertical = directions.find(d => d === 'top' || d === 'bottom'); | |
| 192 | - const horizontal = directions.find(d => d === 'left' || d === 'right'); | |
| 193 | - if (vertical && horizontal) { | |
| 194 | - return `${vertical}-${horizontal}`; | |
| 195 | - } | |
| 196 | - return directions[0] ?? ''; | |
| 197 | -} | |
| 198 | -function toggleDirection(current, clicked) { | |
| 199 | - if (current.includes(clicked)) { | |
| 200 | - return current.filter(d => d !== clicked); | |
| 201 | - } | |
| 202 | - const filtered = current.filter(d => AXIS[d] !== AXIS[clicked]); | |
| 203 | - return [...filtered, clicked]; | |
| 204 | -} | |
| 205 | -function Direction({ | |
| 206 | - value, | |
| 207 | - onChange, | |
| 208 | - interactionType | |
| 209 | -}) { | |
| 210 | - const isIn = interactionType === 'in'; | |
| 211 | - const options = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => [{ | |
| 212 | - dir: 'top', | |
| 213 | - label: isIn ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('From top', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('To top', 'elementor'), | |
| 214 | - Icon: isIn ? _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon : _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowUpSmallIcon | |
| 215 | - }, { | |
| 216 | - dir: 'bottom', | |
| 217 | - label: isIn ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('From bottom', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('To bottom', 'elementor'), | |
| 218 | - Icon: isIn ? _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowUpSmallIcon : _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowDownSmallIcon | |
| 219 | - }, { | |
| 220 | - dir: 'left', | |
| 221 | - label: isIn ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('From left', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('To left', 'elementor'), | |
| 222 | - Icon: isIn ? _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon : _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowLeftIcon | |
| 223 | - }, { | |
| 224 | - dir: 'right', | |
| 225 | - label: isIn ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('From right', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('To right', 'elementor'), | |
| 226 | - Icon: isIn ? _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowLeftIcon : _elementor_icons__WEBPACK_IMPORTED_MODULE_2__.ArrowRightIcon | |
| 227 | - }], [isIn]); | |
| 228 | - const selectedDirections = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => parseValue(value), [value]); | |
| 229 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.StyledToggleButtonGroup, { | |
| 230 | - size: "tiny", | |
| 231 | - justify: "end", | |
| 232 | - sx: { | |
| 233 | - display: 'grid', | |
| 234 | - gridTemplateColumns: 'repeat(4, minmax(0, 25%))', | |
| 235 | - width: '100%' | |
| 236 | - } | |
| 237 | - }, options.map(({ | |
| 238 | - dir, | |
| 239 | - label, | |
| 240 | - Icon | |
| 241 | - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, { | |
| 242 | - key: dir, | |
| 243 | - title: label, | |
| 244 | - disableFocusListener: true, | |
| 245 | - placement: "top" | |
| 246 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.StyledToggleButton, { | |
| 247 | - value: dir, | |
| 248 | - selected: selectedDirections.includes(dir), | |
| 249 | - "aria-label": label, | |
| 250 | - size: "tiny", | |
| 251 | - isPlaceholder: false, | |
| 252 | - onChange: () => { | |
| 253 | - const next = toggleDirection(selectedDirections, dir); | |
| 254 | - onChange(serializeValue(next)); | |
| 255 | - } | |
| 256 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Icon, { | |
| 257 | - fontSize: "tiny" | |
| 258 | - }))))); | |
| 259 | -} | |
| 260 | - | |
| 261 | -/***/ }), | |
| 262 | - | |
| 263 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/easing.tsx": | |
| 264 | -/*!***************************************************************************************!*\ | |
| 265 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/easing.tsx ***! | |
| 266 | - \***************************************************************************************/ | |
| 267 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 268 | - | |
| 269 | -__webpack_require__.r(__webpack_exports__); | |
| 270 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 271 | -/* harmony export */ BASE_EASINGS: function() { return /* binding */ BASE_EASINGS; }, | |
| 272 | -/* harmony export */ EASING_OPTIONS: function() { return /* binding */ EASING_OPTIONS; }, | |
| 273 | -/* harmony export */ Easing: function() { return /* binding */ Easing; } | |
| 274 | -/* harmony export */ }); | |
| 275 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 276 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 277 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 278 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); | |
| 279 | -/* harmony import */ var _ui_promotion_select__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ui/promotion-select */ "./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx"); | |
| 280 | -/* harmony import */ var _interaction_details__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../interaction-details */ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"); | |
| 281 | - | |
| 282 | - | |
| 283 | - | |
| 284 | - | |
| 285 | -const TRACKING_DATA = { | |
| 286 | - target_name: 'interactions_easing', | |
| 287 | - location_l2: 'interactions' | |
| 288 | -}; | |
| 289 | -const EASING_OPTIONS = { | |
| 290 | - easeIn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Ease In', 'elementor'), | |
| 291 | - easeInOut: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Ease In Out', 'elementor'), | |
| 292 | - easeOut: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Ease Out', 'elementor'), | |
| 293 | - backIn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Back In', 'elementor'), | |
| 294 | - backInOut: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Back In Out', 'elementor'), | |
| 295 | - backOut: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Back Out', 'elementor'), | |
| 296 | - linear: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Linear', 'elementor') | |
| 297 | -}; | |
| 298 | -const BASE_EASINGS = ['easeIn']; | |
| 299 | -function Easing({}) { | |
| 300 | - const baseOptions = Object.fromEntries(Object.entries(EASING_OPTIONS).filter(([key]) => BASE_EASINGS.includes(key))); | |
| 301 | - const disabledOptions = Object.fromEntries(Object.entries(EASING_OPTIONS).filter(([key]) => !BASE_EASINGS.includes(key))); | |
| 302 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_promotion_select__WEBPACK_IMPORTED_MODULE_2__.PromotionSelect, { | |
| 303 | - value: _interaction_details__WEBPACK_IMPORTED_MODULE_3__.DEFAULT_VALUES.easing, | |
| 304 | - baseOptions: baseOptions, | |
| 305 | - disabledOptions: disabledOptions, | |
| 306 | - promotionContent: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Upgrade to control the smoothness of the interaction.', 'elementor'), | |
| 307 | - upgradeUrl: "https://go.elementor.com/go-pro-interactions-easing-modal/", | |
| 308 | - trackingData: TRACKING_DATA | |
| 309 | - }); | |
| 310 | -} | |
| 311 | - | |
| 312 | -/***/ }), | |
| 313 | - | |
| 314 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/effect-type.tsx": | |
| 315 | -/*!********************************************************************************************!*\ | |
| 316 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/effect-type.tsx ***! | |
| 317 | - \********************************************************************************************/ | |
| 318 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 319 | - | |
| 320 | -__webpack_require__.r(__webpack_exports__); | |
| 321 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 322 | -/* harmony export */ EffectType: function() { return /* binding */ EffectType; } | |
| 323 | -/* harmony export */ }); | |
| 324 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 325 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 326 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 327 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 328 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 329 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); | |
| 330 | - | |
| 331 | - | |
| 332 | - | |
| 333 | -function EffectType({ | |
| 334 | - value, | |
| 335 | - onChange | |
| 336 | -}) { | |
| 337 | - const options = [{ | |
| 338 | - value: 'in', | |
| 339 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('In', 'elementor'), | |
| 340 | - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('In', 'elementor'), | |
| 341 | - showTooltip: true | |
| 342 | - }, { | |
| 343 | - value: 'out', | |
| 344 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Out', 'elementor'), | |
| 345 | - renderContent: () => (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Out', 'elementor'), | |
| 346 | - showTooltip: true | |
| 347 | - }]; | |
| 348 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleButtonGroupUi, { | |
| 349 | - items: options, | |
| 350 | - exclusive: true, | |
| 351 | - onChange: onChange, | |
| 352 | - value: value | |
| 353 | - }); | |
| 354 | -} | |
| 355 | - | |
| 356 | -/***/ }), | |
| 357 | - | |
| 358 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/effect.tsx": | |
| 359 | -/*!***************************************************************************************!*\ | |
| 360 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/effect.tsx ***! | |
| 361 | - \***************************************************************************************/ | |
| 362 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 363 | - | |
| 364 | -__webpack_require__.r(__webpack_exports__); | |
| 365 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 366 | -/* harmony export */ BASE_EFFECTS: function() { return /* binding */ BASE_EFFECTS; }, | |
| 367 | -/* harmony export */ EFFECT_OPTIONS: function() { return /* binding */ EFFECT_OPTIONS; }, | |
| 368 | -/* harmony export */ Effect: function() { return /* binding */ Effect; } | |
| 369 | -/* harmony export */ }); | |
| 370 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 371 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 372 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 373 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); | |
| 374 | -/* harmony import */ var _ui_promotion_select__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ui/promotion-select */ "./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx"); | |
| 375 | -/* harmony import */ var _interaction_details__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../interaction-details */ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"); | |
| 376 | - | |
| 377 | - | |
| 378 | - | |
| 379 | - | |
| 380 | -const TRACKING_DATA = { | |
| 381 | - target_name: 'interactions_effect', | |
| 382 | - location_l2: 'interactions' | |
| 383 | -}; | |
| 384 | -const EFFECT_OPTIONS = { | |
| 385 | - fade: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Fade', 'elementor'), | |
| 386 | - slide: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Slide', 'elementor'), | |
| 387 | - scale: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Scale', 'elementor'), | |
| 388 | - custom: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Custom', 'elementor') | |
| 389 | -}; | |
| 390 | -const BASE_EFFECTS = ['fade', 'slide', 'scale']; | |
| 391 | -function Effect({ | |
| 392 | - value, | |
| 393 | - onChange | |
| 394 | -}) { | |
| 395 | - const baseOptions = Object.fromEntries(Object.entries(EFFECT_OPTIONS).filter(([key]) => BASE_EFFECTS.includes(key))); | |
| 396 | - const disabledOptions = Object.fromEntries(Object.entries(EFFECT_OPTIONS).filter(([key]) => !BASE_EFFECTS.includes(key))); | |
| 397 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_promotion_select__WEBPACK_IMPORTED_MODULE_2__.PromotionSelect, { | |
| 398 | - value: value in baseOptions ? value : _interaction_details__WEBPACK_IMPORTED_MODULE_3__.DEFAULT_VALUES.effect, | |
| 399 | - onChange: onChange, | |
| 400 | - baseOptions: baseOptions, | |
| 401 | - disabledOptions: disabledOptions, | |
| 402 | - promotionLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('PRO effects', 'elementor'), | |
| 403 | - promotionContent: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Upgrade to further customize your animation with opacity, scale, move, rotate and more.', 'elementor'), | |
| 404 | - upgradeUrl: "https://go.elementor.com/go-pro-interactions-custom-effect-modal/", | |
| 405 | - trackingData: TRACKING_DATA | |
| 406 | - }); | |
| 407 | -} | |
| 408 | - | |
| 409 | -/***/ }), | |
| 410 | - | |
| 411 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx": | |
| 412 | -/*!***************************************************************************************!*\ | |
| 413 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx ***! | |
| 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 */ REPEAT_OPTIONS: function() { return /* binding */ REPEAT_OPTIONS; }, | |
| 420 | -/* harmony export */ REPEAT_TOOLTIPS: function() { return /* binding */ REPEAT_TOOLTIPS; }, | |
| 421 | -/* harmony export */ Repeat: function() { return /* binding */ Repeat; } | |
| 422 | -/* harmony export */ }); | |
| 423 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 424 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 425 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 426 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 427 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons"); | |
| 428 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__); | |
| 429 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 430 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); | |
| 431 | -/* harmony import */ var _ui_interactions_promotion_chip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../ui/interactions-promotion-chip */ "./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx"); | |
| 432 | -/* harmony import */ var _ui_promotion_overlay_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../ui/promotion-overlay-layout */ "./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx"); | |
| 433 | - | |
| 434 | - | |
| 435 | - | |
| 436 | - | |
| 437 | - | |
| 438 | - | |
| 439 | - | |
| 440 | -const TRACKING_DATA = { | |
| 441 | - target_name: 'interactions_repeat', | |
| 442 | - location_l2: 'interactions' | |
| 443 | -}; | |
| 444 | -const REPEAT_OPTIONS = { | |
| 445 | - times: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('times', 'elementor'), | |
| 446 | - loop: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('loop', 'elementor') | |
| 447 | -}; | |
| 448 | -const REPEAT_TOOLTIPS = { | |
| 449 | - times: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Enable number', 'elementor'), | |
| 450 | - loop: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Infinite repeat', 'elementor') | |
| 451 | -}; | |
| 452 | -function Repeat() { | |
| 453 | - const repeatContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); | |
| 454 | - const options = [{ | |
| 455 | - value: REPEAT_OPTIONS.times, | |
| 456 | - disabled: true, | |
| 457 | - label: REPEAT_TOOLTIPS.times, | |
| 458 | - renderContent: ({ | |
| 459 | - size | |
| 460 | - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.Number123Icon, { | |
| 461 | - fontSize: size | |
| 462 | - }), | |
| 463 | - showTooltip: true | |
| 464 | - }, { | |
| 465 | - value: REPEAT_OPTIONS.loop, | |
| 466 | - disabled: true, | |
| 467 | - label: REPEAT_TOOLTIPS.loop, | |
| 468 | - renderContent: ({ | |
| 469 | - size | |
| 470 | - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.RepeatIcon, { | |
| 471 | - fontSize: size | |
| 472 | - }), | |
| 473 | - showTooltip: true | |
| 474 | - }]; | |
| 475 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_promotion_overlay_layout__WEBPACK_IMPORTED_MODULE_5__.PromotionOverlayLayout, { | |
| 476 | - ref: repeatContainerRef, | |
| 477 | - promotionChip: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_interactions_promotion_chip__WEBPACK_IMPORTED_MODULE_4__.InteractionsPromotionChip, { | |
| 478 | - content: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade to control how many times the animation repeats.', 'elementor'), | |
| 479 | - upgradeUrl: 'https://go.elementor.com/go-pro-interactions-repeat-modal/', | |
| 480 | - anchorRef: repeatContainerRef, | |
| 481 | - trackingData: TRACKING_DATA | |
| 482 | - }) | |
| 483 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleButtonGroupUi, { | |
| 484 | - items: options, | |
| 485 | - exclusive: true, | |
| 486 | - onChange: () => {}, | |
| 487 | - value: '' | |
| 488 | - })); | |
| 489 | -} | |
| 490 | - | |
| 491 | -/***/ }), | |
| 492 | - | |
| 493 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/replay.tsx": | |
| 494 | -/*!***************************************************************************************!*\ | |
| 495 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/replay.tsx ***! | |
| 496 | - \***************************************************************************************/ | |
| 497 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 498 | - | |
| 499 | -__webpack_require__.r(__webpack_exports__); | |
| 500 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 501 | -/* harmony export */ BASE_REPLAY: function() { return /* binding */ BASE_REPLAY; }, | |
| 502 | -/* harmony export */ REPLAY_OPTIONS: function() { return /* binding */ REPLAY_OPTIONS; }, | |
| 503 | -/* harmony export */ Replay: function() { return /* binding */ Replay; } | |
| 504 | -/* harmony export */ }); | |
| 505 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 506 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 507 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 508 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 509 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons"); | |
| 510 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__); | |
| 511 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 512 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); | |
| 513 | -/* harmony import */ var _ui_interactions_promotion_chip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../ui/interactions-promotion-chip */ "./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx"); | |
| 514 | -/* harmony import */ var _ui_promotion_overlay_layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../ui/promotion-overlay-layout */ "./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx"); | |
| 515 | - | |
| 516 | - | |
| 517 | - | |
| 518 | - | |
| 519 | - | |
| 520 | - | |
| 521 | - | |
| 522 | -const TRACKING_DATA = { | |
| 523 | - target_name: 'interactions_replay', | |
| 524 | - location_l2: 'interactions' | |
| 525 | -}; | |
| 526 | -const REPLAY_OPTIONS = { | |
| 527 | - no: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('No', 'elementor'), | |
| 528 | - yes: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Yes', 'elementor') | |
| 529 | -}; | |
| 530 | -const BASE_REPLAY = ['no']; | |
| 531 | -function Replay({ | |
| 532 | - onChange | |
| 533 | -}) { | |
| 534 | - const replayContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); | |
| 535 | - const options = [{ | |
| 536 | - value: false, | |
| 537 | - disabled: false, | |
| 538 | - label: REPLAY_OPTIONS.no, | |
| 539 | - renderContent: ({ | |
| 540 | - size | |
| 541 | - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.MinusIcon, { | |
| 542 | - fontSize: size | |
| 543 | - }), | |
| 544 | - showTooltip: true | |
| 545 | - }, { | |
| 546 | - value: true, | |
| 547 | - disabled: true, | |
| 548 | - label: REPLAY_OPTIONS.yes, | |
| 549 | - renderContent: ({ | |
| 550 | - size | |
| 551 | - }) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.CheckIcon, { | |
| 552 | - fontSize: size | |
| 553 | - }), | |
| 554 | - showTooltip: true | |
| 555 | - }]; | |
| 556 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_promotion_overlay_layout__WEBPACK_IMPORTED_MODULE_5__.PromotionOverlayLayout, { | |
| 557 | - ref: replayContainerRef, | |
| 558 | - promotionChip: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_interactions_promotion_chip__WEBPACK_IMPORTED_MODULE_4__.InteractionsPromotionChip, { | |
| 559 | - content: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Upgrade to run the animation every time its trigger occurs.', 'elementor'), | |
| 560 | - upgradeUrl: 'https://go.elementor.com/go-pro-interactions-replay-modal/', | |
| 561 | - anchorRef: replayContainerRef, | |
| 562 | - trackingData: TRACKING_DATA | |
| 563 | - }) | |
| 564 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ToggleButtonGroupUi, { | |
| 565 | - items: options, | |
| 566 | - exclusive: true, | |
| 567 | - onChange: onChange, | |
| 568 | - value: false | |
| 569 | - })); | |
| 570 | -} | |
| 571 | - | |
| 572 | -/***/ }), | |
| 573 | - | |
| 574 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/time-frame-indicator.tsx": | |
| 575 | -/*!*****************************************************************************************************!*\ | |
| 576 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/time-frame-indicator.tsx ***! | |
| 577 | - \*****************************************************************************************************/ | |
| 578 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 579 | - | |
| 580 | -__webpack_require__.r(__webpack_exports__); | |
| 581 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 582 | -/* harmony export */ TimeFrameIndicator: function() { return /* binding */ TimeFrameIndicator; } | |
| 583 | -/* harmony export */ }); | |
| 584 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 585 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 586 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 587 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 588 | -/* harmony import */ var _configs_time_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../configs/time-constants */ "./packages/packages/core/editor-interactions/src/configs/time-constants.ts"); | |
| 589 | -/* harmony import */ var _utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/size-transform-utils */ "./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"); | |
| 590 | - | |
| 591 | - | |
| 592 | - | |
| 593 | - | |
| 594 | - | |
| 595 | -function TimeFrameIndicator({ | |
| 596 | - value, | |
| 597 | - onChange, | |
| 598 | - defaultValue | |
| 599 | -}) { | |
| 600 | - const sizeValue = (0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_3__.parseSizeValue)(value, _configs_time_constants__WEBPACK_IMPORTED_MODULE_2__.TIME_UNITS, defaultValue, _configs_time_constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TIME_UNIT); | |
| 601 | - const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(size => { | |
| 602 | - onChange((0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_3__.formatSizeValue)(size)); | |
| 603 | - }, [onChange]); | |
| 604 | - const handleBlur = event => { | |
| 605 | - if (!event.target.value) { | |
| 606 | - handleChange((0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_3__.parseSizeValue)(defaultValue, _configs_time_constants__WEBPACK_IMPORTED_MODULE_2__.TIME_UNITS, undefined, _configs_time_constants__WEBPACK_IMPORTED_MODULE_2__.DEFAULT_TIME_UNIT)); | |
| 607 | - } | |
| 608 | - }; | |
| 609 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.SizeComponent, { | |
| 610 | - units: _configs_time_constants__WEBPACK_IMPORTED_MODULE_2__.TIME_UNITS, | |
| 611 | - value: sizeValue, | |
| 612 | - setValue: handleChange, | |
| 613 | - onBlur: handleBlur, | |
| 614 | - InputProps: { | |
| 615 | - inputProps: { | |
| 616 | - min: 0 | |
| 617 | - } | |
| 618 | - } | |
| 619 | - }); | |
| 620 | -} | |
| 621 | - | |
| 622 | -/***/ }), | |
| 623 | - | |
| 624 | -/***/ "./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx": | |
| 625 | -/*!****************************************************************************************!*\ | |
| 626 | - !*** ./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx ***! | |
| 627 | - \****************************************************************************************/ | |
| 628 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 629 | - | |
| 630 | -__webpack_require__.r(__webpack_exports__); | |
| 631 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 632 | -/* harmony export */ BASE_TRIGGERS: function() { return /* binding */ BASE_TRIGGERS; }, | |
| 633 | -/* harmony export */ TRIGGER_OPTIONS: function() { return /* binding */ TRIGGER_OPTIONS; }, | |
| 634 | -/* harmony export */ Trigger: function() { return /* binding */ Trigger; } | |
| 635 | -/* harmony export */ }); | |
| 636 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 637 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 638 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 639 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__); | |
| 640 | -/* harmony import */ var _ui_promotion_select__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../ui/promotion-select */ "./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx"); | |
| 641 | -/* harmony import */ var _interaction_details__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../interaction-details */ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"); | |
| 642 | - | |
| 643 | - | |
| 644 | - | |
| 645 | - | |
| 646 | -const TRACKING_DATA = { | |
| 647 | - target_name: 'interactions_trigger', | |
| 648 | - location_l2: 'interactions' | |
| 649 | -}; | |
| 650 | -const TRIGGER_OPTIONS = { | |
| 651 | - load: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Page load', 'elementor'), | |
| 652 | - scrollIn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Scroll into view', 'elementor'), | |
| 653 | - scrollOn: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('While scrolling', 'elementor'), | |
| 654 | - hover: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('On hover', 'elementor'), | |
| 655 | - click: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('On click', 'elementor') | |
| 656 | -}; | |
| 657 | -const BASE_TRIGGERS = ['load', 'scrollIn']; | |
| 658 | -function Trigger({ | |
| 659 | - value, | |
| 660 | - onChange | |
| 661 | -}) { | |
| 662 | - const baseOptions = Object.fromEntries(Object.entries(TRIGGER_OPTIONS).filter(([key]) => BASE_TRIGGERS.includes(key))); | |
| 663 | - const disabledOptions = Object.fromEntries(Object.entries(TRIGGER_OPTIONS).filter(([key]) => !BASE_TRIGGERS.includes(key))); | |
| 664 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui_promotion_select__WEBPACK_IMPORTED_MODULE_2__.PromotionSelect, { | |
| 665 | - value: value in baseOptions ? value : _interaction_details__WEBPACK_IMPORTED_MODULE_3__.DEFAULT_VALUES.trigger, | |
| 666 | - onChange: onChange, | |
| 667 | - baseOptions: baseOptions, | |
| 668 | - disabledOptions: disabledOptions, | |
| 669 | - promotionLabel: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('PRO triggers', 'elementor'), | |
| 670 | - promotionContent: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)('Upgrade to unlock more interactions triggers.', 'elementor'), | |
| 671 | - upgradeUrl: "https://go.elementor.com/go-pro-interactions-triggers-modal/", | |
| 672 | - trackingData: TRACKING_DATA | |
| 673 | - }); | |
| 674 | -} | |
| 675 | - | |
| 676 | -/***/ }), | |
| 677 | - | |
| 678 | -/***/ "./packages/packages/core/editor-interactions/src/components/empty-state.tsx": | |
| 679 | -/*!***********************************************************************************!*\ | |
| 680 | - !*** ./packages/packages/core/editor-interactions/src/components/empty-state.tsx ***! | |
| 681 | - \***********************************************************************************/ | |
| 682 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 683 | - | |
| 684 | -__webpack_require__.r(__webpack_exports__); | |
| 685 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 686 | -/* harmony export */ EmptyState: function() { return /* binding */ EmptyState; } | |
| 687 | -/* harmony export */ }); | |
| 688 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 689 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 690 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons"); | |
| 691 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__); | |
| 692 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 693 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__); | |
| 694 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 695 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); | |
| 696 | - | |
| 697 | - | |
| 698 | - | |
| 699 | - | |
| 700 | -const EmptyState = ({ | |
| 701 | - onCreateInteraction | |
| 702 | -}) => { | |
| 703 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, { | |
| 704 | - alignItems: "center", | |
| 705 | - justifyContent: "center", | |
| 706 | - height: "100%", | |
| 707 | - color: "text.secondary", | |
| 708 | - sx: { | |
| 709 | - p: 2.5, | |
| 710 | - pt: 8, | |
| 711 | - pb: 5.5 | |
| 712 | - }, | |
| 713 | - gap: 1.5 | |
| 714 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_1__.SwipeIcon, { | |
| 715 | - fontSize: "large" | |
| 716 | - }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, { | |
| 717 | - align: "center", | |
| 718 | - variant: "subtitle2" | |
| 719 | - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Animate elements with Interactions', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Typography, { | |
| 720 | - align: "center", | |
| 721 | - variant: "caption", | |
| 722 | - maxWidth: "170px" | |
| 723 | - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Add entrance animations and effects triggered by user interactions such as page load or scroll.', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { | |
| 724 | - variant: "outlined", | |
| 725 | - color: "secondary", | |
| 726 | - size: "small", | |
| 727 | - sx: { | |
| 728 | - mt: 1 | |
| 729 | - }, | |
| 730 | - onClick: onCreateInteraction | |
| 731 | - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Create an interaction', 'elementor'))); | |
| 732 | -}; | |
| 733 | - | |
| 734 | -/***/ }), | |
| 735 | - | |
| 736 | -/***/ "./packages/packages/core/editor-interactions/src/components/field.tsx": | |
| 737 | -/*!*****************************************************************************!*\ | |
| 738 | - !*** ./packages/packages/core/editor-interactions/src/components/field.tsx ***! | |
| 739 | - \*****************************************************************************/ | |
| 740 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 741 | - | |
| 742 | -__webpack_require__.r(__webpack_exports__); | |
| 743 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 744 | -/* harmony export */ Field: function() { return /* binding */ Field; } | |
| 745 | -/* harmony export */ }); | |
| 746 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 747 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 748 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 749 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 750 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 751 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__); | |
| 752 | - | |
| 753 | - | |
| 754 | - | |
| 755 | -const Field = ({ | |
| 756 | - label, | |
| 757 | - children | |
| 758 | -}) => { | |
| 759 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 760 | - item: true, | |
| 761 | - xs: 12, | |
| 762 | - "aria-label": `${label} control` | |
| 763 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverGridContainer, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 764 | - item: true, | |
| 765 | - xs: 6 | |
| 766 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, null, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 767 | - item: true, | |
| 768 | - xs: 6 | |
| 769 | - }, children))); | |
| 770 | -}; | |
| 771 | - | |
| 772 | -/***/ }), | |
| 773 | - | |
| 774 | -/***/ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx": | |
| 775 | -/*!*******************************************************************************************!*\ | |
| 776 | - !*** ./packages/packages/core/editor-interactions/src/components/interaction-details.tsx ***! | |
| 777 | - \*******************************************************************************************/ | |
| 778 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 779 | - | |
| 780 | -__webpack_require__.r(__webpack_exports__); | |
| 781 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 782 | -/* harmony export */ DEFAULT_VALUES: function() { return /* binding */ DEFAULT_VALUES; }, | |
| 783 | -/* harmony export */ InteractionDetails: function() { return /* binding */ InteractionDetails; } | |
| 784 | -/* harmony export */ }); | |
| 785 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 786 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 787 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 788 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 789 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 790 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__); | |
| 791 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 792 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); | |
| 793 | -/* harmony import */ var _interactions_controls_registry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../interactions-controls-registry */ "./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"); | |
| 794 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 795 | -/* harmony import */ var _utils_resolve_direction__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/resolve-direction */ "./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts"); | |
| 796 | -/* harmony import */ var _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/scroll-interaction-event */ "./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts"); | |
| 797 | -/* harmony import */ var _utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/size-transform-utils */ "./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"); | |
| 798 | -/* harmony import */ var _controls_time_frame_indicator__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./controls/time-frame-indicator */ "./packages/packages/core/editor-interactions/src/components/controls/time-frame-indicator.tsx"); | |
| 799 | -/* harmony import */ var _field__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./field */ "./packages/packages/core/editor-interactions/src/components/field.tsx"); | |
| 800 | - | |
| 801 | - | |
| 802 | - | |
| 803 | - | |
| 804 | - | |
| 805 | - | |
| 806 | - | |
| 807 | - | |
| 808 | - | |
| 809 | - | |
| 810 | - | |
| 811 | - | |
| 812 | -const DEFAULT_VALUES = { | |
| 813 | - trigger: 'load', | |
| 814 | - effect: 'fade', | |
| 815 | - type: 'in', | |
| 816 | - direction: '', | |
| 817 | - duration: 600, | |
| 818 | - delay: 0, | |
| 819 | - replay: false, | |
| 820 | - easing: 'easeIn', | |
| 821 | - relativeTo: 'viewport', | |
| 822 | - repeat: '', | |
| 823 | - times: 1, | |
| 824 | - start: 85, | |
| 825 | - end: 15 | |
| 826 | -}; | |
| 827 | -const TRIGGERS_WITHOUT_REPLAY = ['load', 'scrollOn', 'hover', 'click']; | |
| 828 | -const controlVisibilityConfig = { | |
| 829 | - replay: values => !TRIGGERS_WITHOUT_REPLAY.includes(values.trigger), | |
| 830 | - custom: values => values.effect === 'custom', | |
| 831 | - effectType: values => values.effect !== 'custom', | |
| 832 | - direction: values => values.effect !== 'custom', | |
| 833 | - relativeTo: values => values.trigger === 'scrollOn', | |
| 834 | - start: values => values.trigger === 'scrollOn', | |
| 835 | - end: values => values.trigger === 'scrollOn', | |
| 836 | - repeat: values => values.trigger !== 'scrollOn', | |
| 837 | - times: values => values.trigger !== 'scrollOn' && values.repeat === 'times', | |
| 838 | - duration: values => { | |
| 839 | - const isRelativeToVisible = values.trigger === 'scrollOn'; | |
| 840 | - return !isRelativeToVisible; | |
| 841 | - }, | |
| 842 | - delay: values => { | |
| 843 | - const isRelativeToVisible = values.trigger === 'scrollOn'; | |
| 844 | - return !isRelativeToVisible; | |
| 845 | - } | |
| 846 | -}; | |
| 847 | -function normalizeTimesValue(value, fallback) { | |
| 848 | - const numericValue = Number(value); | |
| 849 | - if (!Number.isFinite(numericValue)) { | |
| 850 | - return fallback; | |
| 851 | - } | |
| 852 | - return Math.max(1, Math.floor(numericValue)); | |
| 853 | -} | |
| 854 | -function useControlComponent(controlName, isVisible = true) { | |
| 855 | - return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { | |
| 856 | - if (!isVisible) { | |
| 857 | - return null; | |
| 858 | - } | |
| 859 | - return (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_4__.getInteractionsControl)(controlName)?.component ?? null; | |
| 860 | - }, [controlName, isVisible]); | |
| 861 | -} | |
| 862 | -const InteractionDetails = ({ | |
| 863 | - interaction, | |
| 864 | - onChange, | |
| 865 | - onPlayInteraction | |
| 866 | -}) => { | |
| 867 | - const trigger = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(interaction.trigger, DEFAULT_VALUES.trigger); | |
| 868 | - const effect = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(interaction.animation.value.effect, DEFAULT_VALUES.effect); | |
| 869 | - const customEffects = interaction.animation.value.custom_effect; | |
| 870 | - const type = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(interaction.animation.value.type, DEFAULT_VALUES.type); | |
| 871 | - const direction = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(interaction.animation.value.direction, DEFAULT_VALUES.direction); | |
| 872 | - const duration = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractSize)(interaction.animation.value.timing_config.value.duration); | |
| 873 | - const delay = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractSize)(interaction.animation.value.timing_config.value.delay); | |
| 874 | - const replay = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractBoolean)(interaction.animation.value.config?.value.replay, DEFAULT_VALUES.replay); | |
| 875 | - const easing = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(interaction.animation.value.config?.value.easing, DEFAULT_VALUES.easing); | |
| 876 | - const relativeTo = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(interaction.animation.value.config?.value.relativeTo, DEFAULT_VALUES.relativeTo); | |
| 877 | - const configValue = interaction.animation.value.config?.value; | |
| 878 | - const repeat = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(configValue?.repeat, DEFAULT_VALUES.repeat); | |
| 879 | - const times = normalizeTimesValue(configValue?.times?.value, DEFAULT_VALUES.times); | |
| 880 | - const start = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractSize)(interaction.animation.value.config?.value.start, DEFAULT_VALUES.start); | |
| 881 | - const end = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractSize)(interaction.animation.value.config?.value.end, DEFAULT_VALUES.end); | |
| 882 | - const interactionValues = { | |
| 883 | - trigger, | |
| 884 | - effect, | |
| 885 | - type, | |
| 886 | - direction, | |
| 887 | - duration, | |
| 888 | - delay, | |
| 889 | - easing, | |
| 890 | - replay, | |
| 891 | - relativeTo, | |
| 892 | - repeat, | |
| 893 | - times, | |
| 894 | - start, | |
| 895 | - end, | |
| 896 | - customEffects | |
| 897 | - }; | |
| 898 | - const TriggerControl = useControlComponent('trigger', true); | |
| 899 | - const EffectControl = useControlComponent('effect'); | |
| 900 | - const ReplayControl = useControlComponent('replay', controlVisibilityConfig.replay(interactionValues)); | |
| 901 | - const RelativeToControl = useControlComponent('relativeTo', controlVisibilityConfig.relativeTo(interactionValues)); | |
| 902 | - const StartControl = useControlComponent('start', controlVisibilityConfig.start(interactionValues)); | |
| 903 | - const EndControl = useControlComponent('end', controlVisibilityConfig.end(interactionValues)); | |
| 904 | - const CustomEffectControl = useControlComponent('customEffects', controlVisibilityConfig.custom(interactionValues)); | |
| 905 | - const EffectTypeControl = useControlComponent('effectType', controlVisibilityConfig.effectType(interactionValues)); | |
| 906 | - const DirectionControl = useControlComponent('direction', controlVisibilityConfig.direction(interactionValues)); | |
| 907 | - const RepeatControl = useControlComponent('repeat', controlVisibilityConfig.repeat(interactionValues)); | |
| 908 | - const TimesControl = useControlComponent('times', controlVisibilityConfig.times(interactionValues)); | |
| 909 | - const EasingControl = useControlComponent('easing'); | |
| 910 | - const updateInteraction = updates => { | |
| 911 | - const resolvedDirectionValue = (0,_utils_resolve_direction__WEBPACK_IMPORTED_MODULE_6__.resolveDirection)('direction' in updates, updates.effect, updates.direction, direction, effect); | |
| 912 | - const updatedInteraction = { | |
| 913 | - ...interaction, | |
| 914 | - interaction_id: interaction.interaction_id, | |
| 915 | - trigger: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.createString)(updates.trigger ?? trigger), | |
| 916 | - animation: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.createAnimationPreset)({ | |
| 917 | - effect: updates.effect ?? effect, | |
| 918 | - type: updates.type ?? type, | |
| 919 | - direction: resolvedDirectionValue, | |
| 920 | - duration: updates.duration ?? duration, | |
| 921 | - delay: updates.delay ?? delay, | |
| 922 | - replay: updates.replay ?? replay, | |
| 923 | - easing: updates.easing ?? easing, | |
| 924 | - relativeTo: updates.relativeTo ?? relativeTo, | |
| 925 | - repeat: updates.repeat ?? repeat, | |
| 926 | - times: updates.times ?? times, | |
| 927 | - start: updates.start ?? start, | |
| 928 | - end: updates.end ?? end, | |
| 929 | - customEffects: updates.customEffects ?? customEffects | |
| 930 | - }) | |
| 931 | - }; | |
| 932 | - onChange(updatedInteraction); | |
| 933 | - (0,_utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_7__.syncGridOverlay)(updates.trigger ?? trigger, updates.start ?? start, updates.end ?? end, updates.relativeTo ?? relativeTo); | |
| 934 | - const interactionId = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractString)(updatedInteraction.interaction_id); | |
| 935 | - setTimeout(() => { | |
| 936 | - onPlayInteraction(interactionId); | |
| 937 | - }, 0); | |
| 938 | - }; | |
| 939 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverContent, { | |
| 940 | - p: 1.5 | |
| 941 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 942 | - container: true, | |
| 943 | - spacing: 1.5 | |
| 944 | - }, TriggerControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 945 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Trigger', 'elementor') | |
| 946 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TriggerControl, { | |
| 947 | - value: trigger, | |
| 948 | - onChange: v => updateInteraction({ | |
| 949 | - trigger: v | |
| 950 | - }) | |
| 951 | - })), ReplayControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 952 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Replay', 'elementor') | |
| 953 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ReplayControl, { | |
| 954 | - value: replay, | |
| 955 | - onChange: v => updateInteraction({ | |
| 956 | - replay: v | |
| 957 | - }), | |
| 958 | - disabled: true | |
| 959 | - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 960 | - container: true, | |
| 961 | - spacing: 1.5 | |
| 962 | - }, EffectControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 963 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Effect', 'elementor') | |
| 964 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EffectControl, { | |
| 965 | - value: effect, | |
| 966 | - onChange: v => updateInteraction({ | |
| 967 | - effect: v | |
| 968 | - }) | |
| 969 | - })), CustomEffectControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 970 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Custom Effect', 'elementor') | |
| 971 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(CustomEffectControl, { | |
| 972 | - value: customEffects, | |
| 973 | - onChange: v => updateInteraction({ | |
| 974 | - customEffects: v | |
| 975 | - }) | |
| 976 | - })), EffectTypeControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 977 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Type', 'elementor') | |
| 978 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EffectTypeControl, { | |
| 979 | - value: type, | |
| 980 | - onChange: v => updateInteraction({ | |
| 981 | - type: v | |
| 982 | - }) | |
| 983 | - })), DirectionControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 984 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Direction', 'elementor') | |
| 985 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(DirectionControl, { | |
| 986 | - value: direction, | |
| 987 | - onChange: v => updateInteraction({ | |
| 988 | - direction: v | |
| 989 | - }), | |
| 990 | - interactionType: type | |
| 991 | - })), RepeatControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 992 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Repeat', 'elementor') | |
| 993 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RepeatControl, { | |
| 994 | - value: repeat, | |
| 995 | - onChange: v => updateInteraction({ | |
| 996 | - repeat: v | |
| 997 | - }) | |
| 998 | - })), TimesControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 999 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Times', 'elementor') | |
| 1000 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(TimesControl, { | |
| 1001 | - value: times, | |
| 1002 | - onChange: v => updateInteraction({ | |
| 1003 | - times: normalizeTimesValue(v, DEFAULT_VALUES.times) | |
| 1004 | - }) | |
| 1005 | - })), controlVisibilityConfig.duration(interactionValues) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 1006 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Duration', 'elementor') | |
| 1007 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_time_frame_indicator__WEBPACK_IMPORTED_MODULE_9__.TimeFrameIndicator, { | |
| 1008 | - value: String(duration), | |
| 1009 | - onChange: v => updateInteraction({ | |
| 1010 | - duration: v | |
| 1011 | - }), | |
| 1012 | - defaultValue: DEFAULT_VALUES.duration | |
| 1013 | - })), controlVisibilityConfig.delay(interactionValues) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 1014 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Delay', 'elementor') | |
| 1015 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_controls_time_frame_indicator__WEBPACK_IMPORTED_MODULE_9__.TimeFrameIndicator, { | |
| 1016 | - value: String(delay), | |
| 1017 | - onChange: v => updateInteraction({ | |
| 1018 | - delay: v | |
| 1019 | - }), | |
| 1020 | - defaultValue: DEFAULT_VALUES.delay | |
| 1021 | - }))), controlVisibilityConfig.relativeTo(interactionValues) && RelativeToControl && /*#__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__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 1022 | - container: true, | |
| 1023 | - spacing: 1.5 | |
| 1024 | - }, StartControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 1025 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Start', 'elementor') | |
| 1026 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(StartControl, { | |
| 1027 | - value: (0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_8__.parseSizeValue)(start, ['%']).size?.toString() ?? '', | |
| 1028 | - onChange: v => updateInteraction({ | |
| 1029 | - start: v | |
| 1030 | - }) | |
| 1031 | - })), EndControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 1032 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('End', 'elementor') | |
| 1033 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EndControl, { | |
| 1034 | - value: (0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_8__.parseSizeValue)(end, ['%']).size?.toString() ?? '', | |
| 1035 | - onChange: v => updateInteraction({ | |
| 1036 | - end: v | |
| 1037 | - }) | |
| 1038 | - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 1039 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Relative To', 'elementor') | |
| 1040 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(RelativeToControl, { | |
| 1041 | - value: relativeTo, | |
| 1042 | - onChange: v => updateInteraction({ | |
| 1043 | - relativeTo: v | |
| 1044 | - }) | |
| 1045 | - }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Divider, null)), EasingControl && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Grid, { | |
| 1046 | - container: true, | |
| 1047 | - spacing: 1.5 | |
| 1048 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_field__WEBPACK_IMPORTED_MODULE_10__.Field, { | |
| 1049 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Easing', 'elementor') | |
| 1050 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(EasingControl, { | |
| 1051 | - value: easing, | |
| 1052 | - onChange: v => { | |
| 1053 | - updateInteraction({ | |
| 1054 | - easing: v | |
| 1055 | - }); | |
| 1056 | - } | |
| 1057 | - })))); | |
| 1058 | -}; | |
| 1059 | - | |
| 1060 | -/***/ }), | |
| 1061 | - | |
| 1062 | -/***/ "./packages/packages/core/editor-interactions/src/components/interaction-settings.tsx": | |
| 1063 | -/*!********************************************************************************************!*\ | |
| 1064 | - !*** ./packages/packages/core/editor-interactions/src/components/interaction-settings.tsx ***! | |
| 1065 | - \********************************************************************************************/ | |
| 1066 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1067 | - | |
| 1068 | -__webpack_require__.r(__webpack_exports__); | |
| 1069 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1070 | -/* harmony export */ InteractionSettings: function() { return /* binding */ InteractionSettings; } | |
| 1071 | -/* harmony export */ }); | |
| 1072 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1073 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1074 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 1075 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 1076 | -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-responsive */ "@elementor/editor-responsive"); | |
| 1077 | -/* harmony import */ var _elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__); | |
| 1078 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 1079 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__); | |
| 1080 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 1081 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); | |
| 1082 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 1083 | -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); } | |
| 1084 | - | |
| 1085 | - | |
| 1086 | - | |
| 1087 | - | |
| 1088 | - | |
| 1089 | - | |
| 1090 | - | |
| 1091 | -const SIZE = 'tiny'; | |
| 1092 | -const InteractionSettings = ({ | |
| 1093 | - interaction, | |
| 1094 | - onChange | |
| 1095 | -}) => { | |
| 1096 | - const breakpoints = (0,_elementor_editor_responsive__WEBPACK_IMPORTED_MODULE_2__.useBreakpoints)(); | |
| 1097 | - const availableBreakpoints = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => breakpoints.map(breakpoint => ({ | |
| 1098 | - label: breakpoint.label, | |
| 1099 | - value: String(breakpoint.id) | |
| 1100 | - })), [breakpoints]); | |
| 1101 | - const [selectedBreakpoints, setSelectedBreakpoints] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => { | |
| 1102 | - const excluded = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.extractExcludedBreakpoints)(interaction.breakpoints).filter(excludedBreakpoint => { | |
| 1103 | - return availableBreakpoints.some(({ | |
| 1104 | - value | |
| 1105 | - }) => value === excludedBreakpoint); | |
| 1106 | - }); | |
| 1107 | - return availableBreakpoints.filter(({ | |
| 1108 | - value | |
| 1109 | - }) => { | |
| 1110 | - return !excluded.includes(value); | |
| 1111 | - }); | |
| 1112 | - }); | |
| 1113 | - const handleBreakpointChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((_, newValue) => { | |
| 1114 | - setSelectedBreakpoints(newValue); | |
| 1115 | - const selectedValues = newValue.map(option => option.value); | |
| 1116 | - const newExcluded = availableBreakpoints.filter(breakpoint => !selectedValues.includes(breakpoint.value)).map(breakpoint => breakpoint.value); | |
| 1117 | - const updatedInteraction = { | |
| 1118 | - ...interaction, | |
| 1119 | - ...(newExcluded.length > 0 && { | |
| 1120 | - breakpoints: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_5__.createInteractionBreakpoints)(newExcluded) | |
| 1121 | - }) | |
| 1122 | - }; | |
| 1123 | - if (newExcluded.length === 0) { | |
| 1124 | - delete updatedInteraction.breakpoints; | |
| 1125 | - } | |
| 1126 | - onChange(updatedInteraction); | |
| 1127 | - }, [interaction, availableBreakpoints, onChange]); | |
| 1128 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.PopoverContent, { | |
| 1129 | - p: 1.5 | |
| 1130 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, { | |
| 1131 | - container: true, | |
| 1132 | - spacing: 1.5 | |
| 1133 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Grid, { | |
| 1134 | - item: true, | |
| 1135 | - xs: 12 | |
| 1136 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Stack, { | |
| 1137 | - direction: "column", | |
| 1138 | - gap: 1 | |
| 1139 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.ControlFormLabel, { | |
| 1140 | - sx: { | |
| 1141 | - width: '100%' | |
| 1142 | - } | |
| 1143 | - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Trigger on', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Autocomplete, { | |
| 1144 | - fullWidth: true, | |
| 1145 | - multiple: true, | |
| 1146 | - value: selectedBreakpoints, | |
| 1147 | - onChange: handleBreakpointChange, | |
| 1148 | - size: SIZE, | |
| 1149 | - options: availableBreakpoints, | |
| 1150 | - isOptionEqualToValue: (option, value) => option.value === value.value, | |
| 1151 | - renderInput: params => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.TextField, params), | |
| 1152 | - renderTags: (values, getTagProps) => values.map((option, index) => { | |
| 1153 | - const { | |
| 1154 | - key, | |
| 1155 | - ...chipProps | |
| 1156 | - } = getTagProps({ | |
| 1157 | - index | |
| 1158 | - }); | |
| 1159 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Chip, _extends({ | |
| 1160 | - key: key, | |
| 1161 | - size: SIZE, | |
| 1162 | - label: option.label | |
| 1163 | - }, chipProps)); | |
| 1164 | - }) | |
| 1165 | - }))))); | |
| 1166 | -}; | |
| 1167 | - | |
| 1168 | -/***/ }), | |
| 1169 | - | |
| 1170 | -/***/ "./packages/packages/core/editor-interactions/src/components/interactions-list-item.tsx": | |
| 1171 | -/*!**********************************************************************************************!*\ | |
| 1172 | - !*** ./packages/packages/core/editor-interactions/src/components/interactions-list-item.tsx ***! | |
| 1173 | - \**********************************************************************************************/ | |
| 1174 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1175 | - | |
| 1176 | -__webpack_require__.r(__webpack_exports__); | |
| 1177 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1178 | -/* harmony export */ InteractionsListItem: function() { return /* binding */ InteractionsListItem; } | |
| 1179 | -/* harmony export */ }); | |
| 1180 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1181 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1182 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 1183 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__); | |
| 1184 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 1185 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__); | |
| 1186 | -/* harmony import */ var _contexts_interactions_item_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/interactions-item-context */ "./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx"); | |
| 1187 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 1188 | -/* harmony import */ var _interaction_details__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./interaction-details */ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"); | |
| 1189 | -/* harmony import */ var _interaction_settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./interaction-settings */ "./packages/packages/core/editor-interactions/src/components/interaction-settings.tsx"); | |
| 1190 | -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); } | |
| 1191 | - | |
| 1192 | - | |
| 1193 | - | |
| 1194 | - | |
| 1195 | - | |
| 1196 | - | |
| 1197 | - | |
| 1198 | - | |
| 1199 | -const InteractionsListItem = ({ | |
| 1200 | - index, | |
| 1201 | - value: interaction | |
| 1202 | -}) => { | |
| 1203 | - const { | |
| 1204 | - getTabsProps, | |
| 1205 | - getTabProps, | |
| 1206 | - getTabPanelProps | |
| 1207 | - } = (0,_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.useTabs)('details'); | |
| 1208 | - const context = (0,_contexts_interactions_item_context__WEBPACK_IMPORTED_MODULE_3__.useInteractionItemContext)(); | |
| 1209 | - const handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(newInteractionValue => { | |
| 1210 | - context?.onInteractionChange(index, newInteractionValue); | |
| 1211 | - }, [context, index]); | |
| 1212 | - const handlePlayInteraction = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(interactionId => { | |
| 1213 | - context?.onPlayInteraction(interactionId); | |
| 1214 | - }, [context]); | |
| 1215 | - const interactionId = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(interaction.value.interaction_id); | |
| 1216 | - 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__.Tabs, _extends({ | |
| 1217 | - size: "small", | |
| 1218 | - variant: "fullWidth", | |
| 1219 | - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Interaction', 'elementor') | |
| 1220 | - }, getTabsProps()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Tab, _extends({ | |
| 1221 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Details', 'elementor') | |
| 1222 | - }, getTabProps('details'))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Tab, _extends({ | |
| 1223 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)('Settings', 'elementor') | |
| 1224 | - }, getTabProps('settings')))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Divider, null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TabPanel, _extends({ | |
| 1225 | - sx: { | |
| 1226 | - p: 0 | |
| 1227 | - } | |
| 1228 | - }, getTabPanelProps('details')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_interaction_details__WEBPACK_IMPORTED_MODULE_5__.InteractionDetails, { | |
| 1229 | - key: interactionId, | |
| 1230 | - interaction: interaction.value, | |
| 1231 | - onChange: handleChange, | |
| 1232 | - onPlayInteraction: handlePlayInteraction | |
| 1233 | - })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.TabPanel, _extends({ | |
| 1234 | - sx: { | |
| 1235 | - p: 0 | |
| 1236 | - } | |
| 1237 | - }, getTabPanelProps('settings')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_interaction_settings__WEBPACK_IMPORTED_MODULE_6__.InteractionSettings, { | |
| 1238 | - key: interactionId, | |
| 1239 | - interaction: interaction.value, | |
| 1240 | - onChange: handleChange | |
| 1241 | - }))); | |
| 1242 | -}; | |
| 1243 | - | |
| 1244 | -/***/ }), | |
| 1245 | - | |
| 1246 | -/***/ "./packages/packages/core/editor-interactions/src/components/interactions-list.tsx": | |
| 1247 | -/*!*****************************************************************************************!*\ | |
| 1248 | - !*** ./packages/packages/core/editor-interactions/src/components/interactions-list.tsx ***! | |
| 1249 | - \*****************************************************************************************/ | |
| 1250 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1251 | - | |
| 1252 | -__webpack_require__.r(__webpack_exports__); | |
| 1253 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1254 | -/* harmony export */ InteractionsList: function() { return /* binding */ InteractionsList; }, | |
| 1255 | -/* harmony export */ MAX_NUMBER_OF_INTERACTIONS: function() { return /* binding */ MAX_NUMBER_OF_INTERACTIONS; } | |
| 1256 | -/* harmony export */ }); | |
| 1257 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1258 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1259 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 1260 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 1261 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/icons */ "@elementor/icons"); | |
| 1262 | -/* harmony import */ var _elementor_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__); | |
| 1263 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 1264 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__); | |
| 1265 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 1266 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); | |
| 1267 | -/* harmony import */ var _contexts_interactions_context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../contexts/interactions-context */ "./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx"); | |
| 1268 | -/* harmony import */ var _contexts_interactions_item_context__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../contexts/interactions-item-context */ "./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx"); | |
| 1269 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 1270 | -/* harmony import */ var _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils/scroll-interaction-event */ "./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts"); | |
| 1271 | -/* harmony import */ var _utils_tracking__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils/tracking */ "./packages/packages/core/editor-interactions/src/utils/tracking.ts"); | |
| 1272 | -/* harmony import */ var _interaction_details__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./interaction-details */ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"); | |
| 1273 | -/* harmony import */ var _interactions_list_item__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./interactions-list-item */ "./packages/packages/core/editor-interactions/src/components/interactions-list-item.tsx"); | |
| 1274 | - | |
| 1275 | - | |
| 1276 | - | |
| 1277 | - | |
| 1278 | - | |
| 1279 | - | |
| 1280 | - | |
| 1281 | - | |
| 1282 | - | |
| 1283 | - | |
| 1284 | - | |
| 1285 | - | |
| 1286 | - | |
| 1287 | -const MAX_NUMBER_OF_INTERACTIONS = 5; | |
| 1288 | -function InteractionsList(props) { | |
| 1289 | - const { | |
| 1290 | - interactions, | |
| 1291 | - onSelectInteractions, | |
| 1292 | - onPlayInteraction, | |
| 1293 | - triggerCreateOnShowEmpty | |
| 1294 | - } = props; | |
| 1295 | - const { | |
| 1296 | - elementId | |
| 1297 | - } = (0,_contexts_interactions_context__WEBPACK_IMPORTED_MODULE_5__.useInteractionsContext)(); | |
| 1298 | - const hasInitializedRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false); | |
| 1299 | - const newlyCreatedIdsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(new Set()); | |
| 1300 | - const handleUpdateInteractions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(newInteractions => { | |
| 1301 | - onSelectInteractions(newInteractions); | |
| 1302 | - }, [onSelectInteractions]); | |
| 1303 | - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { | |
| 1304 | - if (triggerCreateOnShowEmpty && !hasInitializedRef.current && (!interactions.items || interactions.items?.length === 0)) { | |
| 1305 | - hasInitializedRef.current = true; | |
| 1306 | - const newItem = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.createDefaultInteractionItem)(); | |
| 1307 | - newlyCreatedIdsRef.current.add((0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.extractString)(newItem.value.interaction_id)); | |
| 1308 | - const newState = { | |
| 1309 | - version: 1, | |
| 1310 | - items: [newItem] | |
| 1311 | - }; | |
| 1312 | - handleUpdateInteractions(newState); | |
| 1313 | - } | |
| 1314 | - }, [triggerCreateOnShowEmpty, interactions.items, handleUpdateInteractions]); | |
| 1315 | - const isMaxNumberOfInteractionsReached = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => { | |
| 1316 | - return interactions.items?.length >= MAX_NUMBER_OF_INTERACTIONS; | |
| 1317 | - }, [interactions.items?.length]); | |
| 1318 | - const infotipContent = isMaxNumberOfInteractionsReached ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Alert, { | |
| 1319 | - color: "secondary", | |
| 1320 | - icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.InfoCircleFilledIcon, null), | |
| 1321 | - size: "small" | |
| 1322 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.AlertTitle, null, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Interactions', 'elementor')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, { | |
| 1323 | - component: "span" | |
| 1324 | - }, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)("You've reached the limit of 5 interactions for this element. Please remove an interaction before creating a new one.", 'elementor'))) : undefined; | |
| 1325 | - const handleRepeaterChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((newItems, _, meta) => { | |
| 1326 | - handleUpdateInteractions({ | |
| 1327 | - ...interactions, | |
| 1328 | - items: newItems | |
| 1329 | - }); | |
| 1330 | - if (meta?.action?.type === 'add') { | |
| 1331 | - const addedItem = meta.action.payload[0]?.item; | |
| 1332 | - if (addedItem) { | |
| 1333 | - newlyCreatedIdsRef.current.add((0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.extractString)(addedItem.value.interaction_id)); | |
| 1334 | - } | |
| 1335 | - } | |
| 1336 | - }, [interactions, handleUpdateInteractions]); | |
| 1337 | - const handleInteractionChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((index, newInteractionValue) => { | |
| 1338 | - const newItems = structuredClone(interactions.items); | |
| 1339 | - newItems[index] = { | |
| 1340 | - $$type: 'interaction-item', | |
| 1341 | - value: newInteractionValue | |
| 1342 | - }; | |
| 1343 | - handleUpdateInteractions({ | |
| 1344 | - ...interactions, | |
| 1345 | - items: newItems | |
| 1346 | - }); | |
| 1347 | - }, [interactions, handleUpdateInteractions]); | |
| 1348 | - const contextValue = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => ({ | |
| 1349 | - onInteractionChange: handleInteractionChange, | |
| 1350 | - onPlayInteraction | |
| 1351 | - }), [handleInteractionChange, onPlayInteraction]); | |
| 1352 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_interactions_item_context__WEBPACK_IMPORTED_MODULE_6__.InteractionItemContextProvider, { | |
| 1353 | - value: contextValue | |
| 1354 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.Repeater, { | |
| 1355 | - openOnAdd: true, | |
| 1356 | - openItem: triggerCreateOnShowEmpty ? 0 : undefined, | |
| 1357 | - label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Interactions', 'elementor'), | |
| 1358 | - values: interactions.items, | |
| 1359 | - setValues: handleRepeaterChange, | |
| 1360 | - showDuplicate: false, | |
| 1361 | - showToggle: false, | |
| 1362 | - isSortable: false, | |
| 1363 | - disableAddItemButton: isMaxNumberOfInteractionsReached, | |
| 1364 | - addButtonInfotipContent: infotipContent, | |
| 1365 | - itemSettings: { | |
| 1366 | - initialValues: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.createDefaultInteractionItem)(), | |
| 1367 | - Label: ({ | |
| 1368 | - value | |
| 1369 | - }) => (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.buildDisplayLabel)(value.value), | |
| 1370 | - Icon: () => null, | |
| 1371 | - Content: _interactions_list_item__WEBPACK_IMPORTED_MODULE_11__.InteractionsListItem, | |
| 1372 | - onPopoverOpen: value => { | |
| 1373 | - const { | |
| 1374 | - trigger, | |
| 1375 | - start, | |
| 1376 | - end, | |
| 1377 | - relativeTo | |
| 1378 | - } = (0,_utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_8__.extractScrollOverlayParams)(value.value, _interaction_details__WEBPACK_IMPORTED_MODULE_10__.DEFAULT_VALUES); | |
| 1379 | - (0,_utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_8__.syncGridOverlay)(trigger, start, end, relativeTo); | |
| 1380 | - }, | |
| 1381 | - onPopoverClose: value => { | |
| 1382 | - (0,_utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_8__.dispatchScrollInteraction)(null); | |
| 1383 | - const id = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.extractString)(value.value.interaction_id); | |
| 1384 | - if (newlyCreatedIdsRef.current.has(id)) { | |
| 1385 | - newlyCreatedIdsRef.current.delete(id); | |
| 1386 | - (0,_utils_tracking__WEBPACK_IMPORTED_MODULE_9__.trackInteractionCreated)(elementId, value); | |
| 1387 | - } | |
| 1388 | - }, | |
| 1389 | - actions: value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Tooltip, { | |
| 1390 | - key: "preview", | |
| 1391 | - placement: "top", | |
| 1392 | - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Preview', 'elementor') | |
| 1393 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.IconButton, { | |
| 1394 | - "aria-label": (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Play interaction', 'elementor'), | |
| 1395 | - size: "tiny", | |
| 1396 | - onClick: () => onPlayInteraction((0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_7__.extractString)(value.value.interaction_id)) | |
| 1397 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_icons__WEBPACK_IMPORTED_MODULE_2__.PlayerPlayIcon, { | |
| 1398 | - fontSize: "tiny" | |
| 1399 | - }))) | |
| 1400 | - } | |
| 1401 | - })); | |
| 1402 | -} | |
| 1403 | - | |
| 1404 | -/***/ }), | |
| 1405 | - | |
| 1406 | -/***/ "./packages/packages/core/editor-interactions/src/components/interactions-tab.tsx": | |
| 1407 | -/*!****************************************************************************************!*\ | |
| 1408 | - !*** ./packages/packages/core/editor-interactions/src/components/interactions-tab.tsx ***! | |
| 1409 | - \****************************************************************************************/ | |
| 1410 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1411 | - | |
| 1412 | -__webpack_require__.r(__webpack_exports__); | |
| 1413 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1414 | -/* harmony export */ InteractionsTab: function() { return /* binding */ InteractionsTab; } | |
| 1415 | -/* harmony export */ }); | |
| 1416 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1417 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1418 | -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/session */ "@elementor/session"); | |
| 1419 | -/* harmony import */ var _elementor_session__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_session__WEBPACK_IMPORTED_MODULE_1__); | |
| 1420 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 1421 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__); | |
| 1422 | -/* harmony import */ var _contexts_interactions_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../contexts/interactions-context */ "./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx"); | |
| 1423 | -/* harmony import */ var _contexts_popup_state_context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../contexts/popup-state-context */ "./packages/packages/core/editor-interactions/src/contexts/popup-state-context.tsx"); | |
| 1424 | -/* harmony import */ var _hooks_use_element_interactions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hooks/use-element-interactions */ "./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts"); | |
| 1425 | -/* harmony import */ var _empty_state__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./empty-state */ "./packages/packages/core/editor-interactions/src/components/empty-state.tsx"); | |
| 1426 | -/* harmony import */ var _interactions_list__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./interactions-list */ "./packages/packages/core/editor-interactions/src/components/interactions-list.tsx"); | |
| 1427 | - | |
| 1428 | - | |
| 1429 | - | |
| 1430 | - | |
| 1431 | - | |
| 1432 | - | |
| 1433 | - | |
| 1434 | - | |
| 1435 | - | |
| 1436 | -const InteractionsTab = ({ | |
| 1437 | - elementId | |
| 1438 | -}) => { | |
| 1439 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_popup_state_context__WEBPACK_IMPORTED_MODULE_4__.PopupStateProvider, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InteractionsTabContent, { | |
| 1440 | - elementId: elementId | |
| 1441 | - })); | |
| 1442 | -}; | |
| 1443 | -function InteractionsTabContent({ | |
| 1444 | - elementId | |
| 1445 | -}) { | |
| 1446 | - const existingInteractions = (0,_hooks_use_element_interactions__WEBPACK_IMPORTED_MODULE_5__.useElementInteractions)(elementId); | |
| 1447 | - const firstInteractionState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false); | |
| 1448 | - const hasInteractions = existingInteractions?.items?.length || firstInteractionState[0]; | |
| 1449 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_session__WEBPACK_IMPORTED_MODULE_1__.SessionStorageProvider, { | |
| 1450 | - prefix: elementId | |
| 1451 | - }, hasInteractions ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_contexts_interactions_context__WEBPACK_IMPORTED_MODULE_3__.InteractionsProvider, { | |
| 1452 | - elementId: elementId | |
| 1453 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InteractionsContent, { | |
| 1454 | - firstInteractionState: firstInteractionState | |
| 1455 | - })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_empty_state__WEBPACK_IMPORTED_MODULE_6__.EmptyState, { | |
| 1456 | - onCreateInteraction: () => { | |
| 1457 | - firstInteractionState[1](true); | |
| 1458 | - } | |
| 1459 | - })); | |
| 1460 | -} | |
| 1461 | -function InteractionsContent({ | |
| 1462 | - firstInteractionState | |
| 1463 | -}) { | |
| 1464 | - const { | |
| 1465 | - interactions, | |
| 1466 | - setInteractions, | |
| 1467 | - playInteractions | |
| 1468 | - } = (0,_contexts_interactions_context__WEBPACK_IMPORTED_MODULE_3__.useInteractionsContext)(); | |
| 1469 | - const applyInteraction = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(newInteractions => { | |
| 1470 | - firstInteractionState[1](false); | |
| 1471 | - if (!newInteractions) { | |
| 1472 | - setInteractions(undefined); | |
| 1473 | - return; | |
| 1474 | - } | |
| 1475 | - setInteractions(newInteractions); | |
| 1476 | - }, [setInteractions, firstInteractionState]); | |
| 1477 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Stack, { | |
| 1478 | - sx: { | |
| 1479 | - m: 1, | |
| 1480 | - p: 1.5 | |
| 1481 | - }, | |
| 1482 | - gap: 2 | |
| 1483 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_interactions_list__WEBPACK_IMPORTED_MODULE_7__.InteractionsList, { | |
| 1484 | - triggerCreateOnShowEmpty: firstInteractionState[0], | |
| 1485 | - interactions: interactions, | |
| 1486 | - onSelectInteractions: applyInteraction, | |
| 1487 | - onPlayInteraction: playInteractions | |
| 1488 | - })); | |
| 1489 | -} | |
| 1490 | - | |
| 1491 | -/***/ }), | |
| 1492 | - | |
| 1493 | -/***/ "./packages/packages/core/editor-interactions/src/configs/time-constants.ts": | |
| 1494 | -/*!**********************************************************************************!*\ | |
| 1495 | - !*** ./packages/packages/core/editor-interactions/src/configs/time-constants.ts ***! | |
| 1496 | - \**********************************************************************************/ | |
| 1497 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1498 | - | |
| 1499 | -__webpack_require__.r(__webpack_exports__); | |
| 1500 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1501 | -/* harmony export */ DEFAULT_TIME_UNIT: function() { return /* binding */ DEFAULT_TIME_UNIT; }, | |
| 1502 | -/* harmony export */ TIME_UNITS: function() { return /* binding */ TIME_UNITS; } | |
| 1503 | -/* harmony export */ }); | |
| 1504 | -const TIME_UNITS = ['s', 'ms']; | |
| 1505 | -const DEFAULT_TIME_UNIT = 'ms'; | |
| 1506 | - | |
| 1507 | -/***/ }), | |
| 1508 | - | |
| 1509 | -/***/ "./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx": | |
| 1510 | -/*!******************************************************************************************!*\ | |
| 1511 | - !*** ./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx ***! | |
| 1512 | - \******************************************************************************************/ | |
| 1513 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1514 | - | |
| 1515 | -__webpack_require__.r(__webpack_exports__); | |
| 1516 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1517 | -/* harmony export */ InteractionsProvider: function() { return /* binding */ InteractionsProvider; }, | |
| 1518 | -/* harmony export */ useInteractionsContext: function() { return /* binding */ useInteractionsContext; } | |
| 1519 | -/* harmony export */ }); | |
| 1520 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1521 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1522 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 1523 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__); | |
| 1524 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 1525 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__); | |
| 1526 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 1527 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); | |
| 1528 | -/* harmony import */ var _hooks_use_element_interactions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks/use-element-interactions */ "./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts"); | |
| 1529 | - | |
| 1530 | - | |
| 1531 | - | |
| 1532 | - | |
| 1533 | - | |
| 1534 | - | |
| 1535 | -const InteractionsContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null); | |
| 1536 | -const DEFAULT_INTERACTIONS = { | |
| 1537 | - version: 1, | |
| 1538 | - items: [] | |
| 1539 | -}; | |
| 1540 | -const InteractionsProvider = ({ | |
| 1541 | - children, | |
| 1542 | - elementId | |
| 1543 | -}) => { | |
| 1544 | - const rawInteractions = (0,_hooks_use_element_interactions__WEBPACK_IMPORTED_MODULE_4__.useElementInteractions)(elementId); | |
| 1545 | - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { | |
| 1546 | - window.dispatchEvent(new CustomEvent('elementor/element/update_interactions')); | |
| 1547 | - }, []); | |
| 1548 | - const interactions = rawInteractions ?? DEFAULT_INTERACTIONS; | |
| 1549 | - const undoableSetInteractions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.undoable)({ | |
| 1550 | - do: ({ | |
| 1551 | - interactions: newInteractions | |
| 1552 | - }) => { | |
| 1553 | - const previous = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementInteractions)(elementId); | |
| 1554 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementInteractions)({ | |
| 1555 | - elementId, | |
| 1556 | - interactions: newInteractions | |
| 1557 | - }); | |
| 1558 | - return previous; | |
| 1559 | - }, | |
| 1560 | - undo: (_, previous) => { | |
| 1561 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementInteractions)({ | |
| 1562 | - elementId, | |
| 1563 | - interactions: previous?.items?.length ? previous : undefined | |
| 1564 | - }); | |
| 1565 | - } | |
| 1566 | - }, { | |
| 1567 | - title: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementLabel)(elementId), | |
| 1568 | - subtitle: ({ | |
| 1569 | - operationType | |
| 1570 | - }) => operationType === 'apply' ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Interaction Applied', 'elementor') : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('Interaction Deleted', 'elementor') | |
| 1571 | - }), [elementId]); | |
| 1572 | - const setInteractions = value => { | |
| 1573 | - const normalizedValue = value && value.items?.length === 0 ? undefined : value; | |
| 1574 | - const prevItemCount = interactions.items?.length ?? 0; | |
| 1575 | - const newItemCount = normalizedValue?.items?.length ?? 0; | |
| 1576 | - if (newItemCount > prevItemCount) { | |
| 1577 | - undoableSetInteractions({ | |
| 1578 | - interactions: normalizedValue, | |
| 1579 | - operationType: 'apply' | |
| 1580 | - }); | |
| 1581 | - } else if (newItemCount < prevItemCount) { | |
| 1582 | - undoableSetInteractions({ | |
| 1583 | - interactions: normalizedValue, | |
| 1584 | - operationType: 'delete' | |
| 1585 | - }); | |
| 1586 | - } else { | |
| 1587 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.updateElementInteractions)({ | |
| 1588 | - elementId, | |
| 1589 | - interactions: normalizedValue | |
| 1590 | - }); | |
| 1591 | - } | |
| 1592 | - }; | |
| 1593 | - const playInteractions = interactionId => { | |
| 1594 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.playElementInteractions)(elementId, interactionId); | |
| 1595 | - }; | |
| 1596 | - const contextValue = { | |
| 1597 | - elementId, | |
| 1598 | - interactions, | |
| 1599 | - setInteractions, | |
| 1600 | - playInteractions | |
| 1601 | - }; | |
| 1602 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InteractionsContext.Provider, { | |
| 1603 | - value: contextValue | |
| 1604 | - }, children); | |
| 1605 | -}; | |
| 1606 | -const useInteractionsContext = () => { | |
| 1607 | - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(InteractionsContext); | |
| 1608 | - if (!context) { | |
| 1609 | - throw new Error('useInteractionsContext must be used within InteractionsProvider'); | |
| 1610 | - } | |
| 1611 | - return context; | |
| 1612 | -}; | |
| 1613 | - | |
| 1614 | -/***/ }), | |
| 1615 | - | |
| 1616 | -/***/ "./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx": | |
| 1617 | -/*!***********************************************************************************************!*\ | |
| 1618 | - !*** ./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx ***! | |
| 1619 | - \***********************************************************************************************/ | |
| 1620 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1621 | - | |
| 1622 | -__webpack_require__.r(__webpack_exports__); | |
| 1623 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1624 | -/* harmony export */ InteractionItemContextProvider: function() { return /* binding */ InteractionItemContextProvider; }, | |
| 1625 | -/* harmony export */ useInteractionItemContext: function() { return /* binding */ useInteractionItemContext; } | |
| 1626 | -/* harmony export */ }); | |
| 1627 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1628 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1629 | - | |
| 1630 | - | |
| 1631 | -const InteractionItemContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(null); | |
| 1632 | -function InteractionItemContextProvider({ | |
| 1633 | - value, | |
| 1634 | - children | |
| 1635 | -}) { | |
| 1636 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(InteractionItemContext.Provider, { | |
| 1637 | - value: value | |
| 1638 | - }, children); | |
| 1639 | -} | |
| 1640 | -function useInteractionItemContext() { | |
| 1641 | - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(InteractionItemContext); | |
| 1642 | - if (!context) { | |
| 1643 | - throw new Error('useInteractionItemContext must be used within InteractionItemContextProvider'); | |
| 1644 | - } | |
| 1645 | - return context; | |
| 1646 | -} | |
| 1647 | - | |
| 1648 | -/***/ }), | |
| 1649 | - | |
| 1650 | -/***/ "./packages/packages/core/editor-interactions/src/contexts/popup-state-context.tsx": | |
| 1651 | -/*!*****************************************************************************************!*\ | |
| 1652 | - !*** ./packages/packages/core/editor-interactions/src/contexts/popup-state-context.tsx ***! | |
| 1653 | - \*****************************************************************************************/ | |
| 1654 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1655 | - | |
| 1656 | -__webpack_require__.r(__webpack_exports__); | |
| 1657 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1658 | -/* harmony export */ PopupStateProvider: function() { return /* binding */ PopupStateProvider; }, | |
| 1659 | -/* harmony export */ usePopupStateContext: function() { return /* binding */ usePopupStateContext; } | |
| 1660 | -/* harmony export */ }); | |
| 1661 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1662 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1663 | - | |
| 1664 | - | |
| 1665 | -const PopupStateContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(undefined); | |
| 1666 | -const PopupStateProvider = ({ | |
| 1667 | - children | |
| 1668 | -}) => { | |
| 1669 | - const [openByDefault, setOpenByDefault] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false); | |
| 1670 | - const triggerDefaultOpen = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => { | |
| 1671 | - setOpenByDefault(true); | |
| 1672 | - }, []); | |
| 1673 | - const resetDefaultOpen = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => { | |
| 1674 | - setOpenByDefault(false); | |
| 1675 | - }, []); | |
| 1676 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(PopupStateContext.Provider, { | |
| 1677 | - value: { | |
| 1678 | - openByDefault, | |
| 1679 | - triggerDefaultOpen, | |
| 1680 | - resetDefaultOpen | |
| 1681 | - } | |
| 1682 | - }, children); | |
| 1683 | -}; | |
| 1684 | -const usePopupStateContext = () => { | |
| 1685 | - const context = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(PopupStateContext); | |
| 1686 | - if (!context) { | |
| 1687 | - throw new Error('usePopupStateContext must be used within PopupStateProvider'); | |
| 1688 | - } | |
| 1689 | - return context; | |
| 1690 | -}; | |
| 1691 | - | |
| 1692 | -/***/ }), | |
| 1693 | - | |
| 1694 | -/***/ "./packages/packages/core/editor-interactions/src/hooks/on-duplicate.ts": | |
| 1695 | -/*!******************************************************************************!*\ | |
| 1696 | - !*** ./packages/packages/core/editor-interactions/src/hooks/on-duplicate.ts ***! | |
| 1697 | - \******************************************************************************/ | |
| 1698 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1699 | - | |
| 1700 | -__webpack_require__.r(__webpack_exports__); | |
| 1701 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1702 | -/* harmony export */ initCleanInteractionIdsOnDuplicate: function() { return /* binding */ initCleanInteractionIdsOnDuplicate; } | |
| 1703 | -/* harmony export */ }); | |
| 1704 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 1705 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__); | |
| 1706 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 1707 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__); | |
| 1708 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 1709 | -/* harmony import */ var _utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/temp-id-utils */ "./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"); | |
| 1710 | - | |
| 1711 | - | |
| 1712 | - | |
| 1713 | - | |
| 1714 | -function initCleanInteractionIdsOnDuplicate() { | |
| 1715 | - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.registerDataHook)('after', 'document/elements/duplicate', (_args, result) => { | |
| 1716 | - if (!result || typeof result === 'boolean' && result === false) { | |
| 1717 | - return; | |
| 1718 | - } | |
| 1719 | - const containers = Array.isArray(result) ? result : [result]; | |
| 1720 | - containers.forEach(container => { | |
| 1721 | - cleanInteractionIdsRecursive(container.id); | |
| 1722 | - }); | |
| 1723 | - window.dispatchEvent(new CustomEvent('elementor/element/update_interactions')); | |
| 1724 | - }); | |
| 1725 | -} | |
| 1726 | -function cleanInteractionIdsRecursive(elementId) { | |
| 1727 | - const container = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(elementId); | |
| 1728 | - if (!container) { | |
| 1729 | - return; | |
| 1730 | - } | |
| 1731 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getAllDescendants)(container).forEach(element => { | |
| 1732 | - cleanInteractionIds(element.id); | |
| 1733 | - }); | |
| 1734 | -} | |
| 1735 | -function cleanInteractionIds(elementId) { | |
| 1736 | - const container = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getContainer)(elementId); | |
| 1737 | - if (!container) { | |
| 1738 | - return; | |
| 1739 | - } | |
| 1740 | - const interactions = container.model.get('interactions'); | |
| 1741 | - if (!interactions || !interactions.items) { | |
| 1742 | - return; | |
| 1743 | - } | |
| 1744 | - const updatedInteractions = structuredClone(interactions); | |
| 1745 | - updatedInteractions?.items?.forEach(interaction => { | |
| 1746 | - if (interaction.$$type === 'interaction-item' && interaction.value) { | |
| 1747 | - interaction.value.interaction_id = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_2__.createString)((0,_utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_3__.generateTempInteractionId)()); | |
| 1748 | - } | |
| 1749 | - }); | |
| 1750 | - container.model.set('interactions', updatedInteractions); | |
| 1751 | -} | |
| 1752 | - | |
| 1753 | -/***/ }), | |
| 1754 | - | |
| 1755 | -/***/ "./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts": | |
| 1756 | -/*!******************************************************************************************!*\ | |
| 1757 | - !*** ./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts ***! | |
| 1758 | - \******************************************************************************************/ | |
| 1759 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1760 | - | |
| 1761 | -__webpack_require__.r(__webpack_exports__); | |
| 1762 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1763 | -/* harmony export */ useElementInteractions: function() { return /* binding */ useElementInteractions; } | |
| 1764 | -/* harmony export */ }); | |
| 1765 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 1766 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 1767 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 1768 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__); | |
| 1769 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 1770 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__); | |
| 1771 | -/* harmony import */ var _utils_filter_interactions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/filter-interactions */ "./packages/packages/core/editor-interactions/src/utils/filter-interactions.ts"); | |
| 1772 | - | |
| 1773 | - | |
| 1774 | - | |
| 1775 | - | |
| 1776 | -const useElementInteractions = elementId => { | |
| 1777 | - const [interactions, setInteractions] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(() => { | |
| 1778 | - const initial = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementInteractions)(elementId); | |
| 1779 | - const filteredInteractions = (0,_utils_filter_interactions__WEBPACK_IMPORTED_MODULE_3__.filterInteractions)(initial?.items ?? []); | |
| 1780 | - return { | |
| 1781 | - version: initial?.version ?? 1, | |
| 1782 | - items: filteredInteractions | |
| 1783 | - }; | |
| 1784 | - }); | |
| 1785 | - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.__privateUseListenTo)((0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.windowEvent)('elementor/element/update_interactions'), () => { | |
| 1786 | - const newInteractions = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_1__.getElementInteractions)(elementId); | |
| 1787 | - const filteredInteractions = (0,_utils_filter_interactions__WEBPACK_IMPORTED_MODULE_3__.filterInteractions)(newInteractions?.items ?? []); | |
| 1788 | - setInteractions({ | |
| 1789 | - version: newInteractions?.version ?? 1, | |
| 1790 | - items: filteredInteractions | |
| 1791 | - }); | |
| 1792 | - }, [elementId]); | |
| 1793 | - return interactions; | |
| 1794 | -}; | |
| 1795 | - | |
| 1796 | -/***/ }), | |
| 1797 | - | |
| 1798 | -/***/ "./packages/packages/core/editor-interactions/src/init.ts": | |
| 1799 | -/*!****************************************************************!*\ | |
| 1800 | - !*** ./packages/packages/core/editor-interactions/src/init.ts ***! | |
| 1801 | - \****************************************************************/ | |
| 1802 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1803 | - | |
| 1804 | -__webpack_require__.r(__webpack_exports__); | |
| 1805 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1806 | -/* harmony export */ init: function() { return /* binding */ init; } | |
| 1807 | -/* harmony export */ }); | |
| 1808 | -/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-mcp */ "@elementor/editor-mcp"); | |
| 1809 | -/* harmony import */ var _elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__); | |
| 1810 | -/* harmony import */ var _commands_paste_interactions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./commands/paste-interactions */ "./packages/packages/core/editor-interactions/src/commands/paste-interactions.ts"); | |
| 1811 | -/* harmony import */ var _components_controls_direction__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/controls/direction */ "./packages/packages/core/editor-interactions/src/components/controls/direction.tsx"); | |
| 1812 | -/* harmony import */ var _components_controls_easing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/controls/easing */ "./packages/packages/core/editor-interactions/src/components/controls/easing.tsx"); | |
| 1813 | -/* harmony import */ var _components_controls_effect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/controls/effect */ "./packages/packages/core/editor-interactions/src/components/controls/effect.tsx"); | |
| 1814 | -/* harmony import */ var _components_controls_effect_type__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/controls/effect-type */ "./packages/packages/core/editor-interactions/src/components/controls/effect-type.tsx"); | |
| 1815 | -/* harmony import */ var _components_controls_repeat__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/controls/repeat */ "./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx"); | |
| 1816 | -/* harmony import */ var _components_controls_replay__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/controls/replay */ "./packages/packages/core/editor-interactions/src/components/controls/replay.tsx"); | |
| 1817 | -/* harmony import */ var _components_controls_trigger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/controls/trigger */ "./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx"); | |
| 1818 | -/* harmony import */ var _hooks_on_duplicate__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./hooks/on-duplicate */ "./packages/packages/core/editor-interactions/src/hooks/on-duplicate.ts"); | |
| 1819 | -/* harmony import */ var _interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./interactions-controls-registry */ "./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"); | |
| 1820 | -/* harmony import */ var _interactions_repository__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./interactions-repository */ "./packages/packages/core/editor-interactions/src/interactions-repository.ts"); | |
| 1821 | -/* harmony import */ var _mcp__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./mcp */ "./packages/packages/core/editor-interactions/src/mcp/index.ts"); | |
| 1822 | -/* harmony import */ var _providers_document_elements_interactions_provider__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./providers/document-elements-interactions-provider */ "./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts"); | |
| 1823 | - | |
| 1824 | - | |
| 1825 | - | |
| 1826 | - | |
| 1827 | - | |
| 1828 | - | |
| 1829 | - | |
| 1830 | - | |
| 1831 | - | |
| 1832 | - | |
| 1833 | - | |
| 1834 | - | |
| 1835 | - | |
| 1836 | - | |
| 1837 | -function init() { | |
| 1838 | - try { | |
| 1839 | - _interactions_repository__WEBPACK_IMPORTED_MODULE_11__.interactionsRepository.register(_providers_document_elements_interactions_provider__WEBPACK_IMPORTED_MODULE_13__.documentElementsInteractionsProvider); | |
| 1840 | - (0,_hooks_on_duplicate__WEBPACK_IMPORTED_MODULE_9__.initCleanInteractionIdsOnDuplicate)(); | |
| 1841 | - (0,_commands_paste_interactions__WEBPACK_IMPORTED_MODULE_1__.initPasteInteractionsCommand)(); | |
| 1842 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1843 | - type: 'trigger', | |
| 1844 | - component: _components_controls_trigger__WEBPACK_IMPORTED_MODULE_8__.Trigger, | |
| 1845 | - options: ['load', 'scrollIn'] | |
| 1846 | - }); | |
| 1847 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1848 | - type: 'easing', | |
| 1849 | - component: _components_controls_easing__WEBPACK_IMPORTED_MODULE_3__.Easing, | |
| 1850 | - options: ['easeIn'] | |
| 1851 | - }); | |
| 1852 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1853 | - type: 'replay', | |
| 1854 | - component: _components_controls_replay__WEBPACK_IMPORTED_MODULE_7__.Replay, | |
| 1855 | - options: ['no'] | |
| 1856 | - }); | |
| 1857 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1858 | - type: 'effectType', | |
| 1859 | - component: _components_controls_effect_type__WEBPACK_IMPORTED_MODULE_5__.EffectType, | |
| 1860 | - options: ['in', 'out'] | |
| 1861 | - }); | |
| 1862 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1863 | - type: 'direction', | |
| 1864 | - component: _components_controls_direction__WEBPACK_IMPORTED_MODULE_2__.Direction, | |
| 1865 | - options: ['top', 'bottom', 'left', 'right'] | |
| 1866 | - }); | |
| 1867 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1868 | - type: 'effect', | |
| 1869 | - component: _components_controls_effect__WEBPACK_IMPORTED_MODULE_4__.Effect, | |
| 1870 | - options: ['fade', 'slide', 'scale'] | |
| 1871 | - }); | |
| 1872 | - (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_10__.registerInteractionsControl)({ | |
| 1873 | - type: 'repeat', | |
| 1874 | - component: _components_controls_repeat__WEBPACK_IMPORTED_MODULE_6__.Repeat | |
| 1875 | - }); | |
| 1876 | - (0,_mcp__WEBPACK_IMPORTED_MODULE_12__.initMcpInteractions)((0,_elementor_editor_mcp__WEBPACK_IMPORTED_MODULE_0__.getMCPByDomain)('interactions', { | |
| 1877 | - docs: _mcp__WEBPACK_IMPORTED_MODULE_12__.EDITOR_INTERACTIONS_MCP_DESCRIPTION, | |
| 1878 | - instructions: _mcp__WEBPACK_IMPORTED_MODULE_12__.EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION | |
| 1879 | - })); | |
| 1880 | - } catch (error) { | |
| 1881 | - throw error; | |
| 1882 | - } | |
| 1883 | -} | |
| 1884 | - | |
| 1885 | -/***/ }), | |
| 1886 | - | |
| 1887 | -/***/ "./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts": | |
| 1888 | -/*!******************************************************************************************!*\ | |
| 1889 | - !*** ./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts ***! | |
| 1890 | - \******************************************************************************************/ | |
| 1891 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1892 | - | |
| 1893 | -__webpack_require__.r(__webpack_exports__); | |
| 1894 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1895 | -/* harmony export */ getInteractionsControl: function() { return /* binding */ getInteractionsControl; }, | |
| 1896 | -/* harmony export */ getInteractionsControlOptions: function() { return /* binding */ getInteractionsControlOptions; }, | |
| 1897 | -/* harmony export */ registerInteractionsControl: function() { return /* binding */ registerInteractionsControl; } | |
| 1898 | -/* harmony export */ }); | |
| 1899 | -const controlsRegistry = new Map(); | |
| 1900 | -function registerInteractionsControl({ | |
| 1901 | - type, | |
| 1902 | - component, | |
| 1903 | - options | |
| 1904 | -}) { | |
| 1905 | - controlsRegistry.set(type, { | |
| 1906 | - type, | |
| 1907 | - component: component, | |
| 1908 | - options | |
| 1909 | - }); | |
| 1910 | -} | |
| 1911 | -function getInteractionsControl(type) { | |
| 1912 | - return controlsRegistry.get(type); | |
| 1913 | -} | |
| 1914 | -function getInteractionsControlOptions(type) { | |
| 1915 | - return controlsRegistry.get(type)?.options ?? []; | |
| 1916 | -} | |
| 1917 | - | |
| 1918 | -/***/ }), | |
| 1919 | - | |
| 1920 | -/***/ "./packages/packages/core/editor-interactions/src/interactions-repository.ts": | |
| 1921 | -/*!***********************************************************************************!*\ | |
| 1922 | - !*** ./packages/packages/core/editor-interactions/src/interactions-repository.ts ***! | |
| 1923 | - \***********************************************************************************/ | |
| 1924 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1925 | - | |
| 1926 | -__webpack_require__.r(__webpack_exports__); | |
| 1927 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1928 | -/* harmony export */ interactionsRepository: function() { return /* binding */ interactionsRepository; } | |
| 1929 | -/* harmony export */ }); | |
| 1930 | -/* harmony import */ var _utils_create_interactions_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/create-interactions-repository */ "./packages/packages/core/editor-interactions/src/utils/create-interactions-repository.ts"); | |
| 1931 | - | |
| 1932 | -const interactionsRepository = (0,_utils_create_interactions_repository__WEBPACK_IMPORTED_MODULE_0__.createInteractionsRepository)(); | |
| 1933 | - | |
| 1934 | -/***/ }), | |
| 1935 | - | |
| 1936 | -/***/ "./packages/packages/core/editor-interactions/src/mcp/constants.ts": | |
| 1937 | -/*!*************************************************************************!*\ | |
| 1938 | - !*** ./packages/packages/core/editor-interactions/src/mcp/constants.ts ***! | |
| 1939 | - \*************************************************************************/ | |
| 1940 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 1941 | - | |
| 1942 | -__webpack_require__.r(__webpack_exports__); | |
| 1943 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 1944 | -/* harmony export */ EDITOR_INTERACTIONS_MCP_DESCRIPTION: function() { return /* binding */ EDITOR_INTERACTIONS_MCP_DESCRIPTION; }, | |
| 1945 | -/* harmony export */ EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION: function() { return /* binding */ EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION; }, | |
| 1946 | -/* harmony export */ MAX_INTERACTIONS_PER_ELEMENT: function() { return /* binding */ MAX_INTERACTIONS_PER_ELEMENT; } | |
| 1947 | -/* harmony export */ }); | |
| 1948 | -const MAX_INTERACTIONS_PER_ELEMENT = 5; | |
| 1949 | -const EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION = `Everything related to V4 ( Atomic ) interactions. | |
| 1950 | -# Interactions | |
| 1951 | -- Create/update/delete interactions | |
| 1952 | -- Get list of interactions | |
| 1953 | -- Get details of an interaction | |
| 1954 | -`; | |
| 1955 | -const EDITOR_INTERACTIONS_MCP_DESCRIPTION = `MCP server for managing element interactions and animations. Use this to add, modify, or remove animations and motion effects triggered by user events such as page load or scroll-into-view. | |
| 1956 | - ** IMPORTANT ** | |
| 1957 | - Use the "interactions-schema" resource to get the schema of the interactions. | |
| 1958 | - Actions: | |
| 1959 | - - get: Read the current interactions on the element. | |
| 1960 | - - add: Add a new interaction (max ${MAX_INTERACTIONS_PER_ELEMENT} per element). | |
| 1961 | - - update: Update an existing interaction by its interactionId. | |
| 1962 | - - delete: Remove a specific interaction by its interactionId. | |
| 1963 | - - clear: Remove all interactions from the element. | |
| 1964 | - | |
| 1965 | - For add/update, provide: trigger, effect, effectType, direction (required for slide effect), duration, delay, easing. | |
| 1966 | - Use excludedBreakpoints to disable the animation on specific responsive breakpoints (e.g. ["mobile", "tablet"]). | |
| 1967 | - Example Get Request: | |
| 1968 | - { | |
| 1969 | - "elementId": "123", | |
| 1970 | - "action": "get", | |
| 1971 | - "interactionId": "123", | |
| 1972 | - "animationData": { | |
| 1973 | - "trigger": "click", | |
| 1974 | - "effect": "fade", | |
| 1975 | - } | |
| 1976 | - } | |
| 1977 | - Example Add Request: | |
| 1978 | - { | |
| 1979 | - "elementId": "123", | |
| 1980 | - "action": "add", | |
| 1981 | - "animationData": { | |
| 1982 | - "effectType": "in", | |
| 1983 | - "direction": "top", | |
| 1984 | - "trigger": "click", | |
| 1985 | - "effect": "fade", | |
| 1986 | - "duration": 1000, | |
| 1987 | - "delay": 0, | |
| 1988 | - "easing": "easeIn", | |
| 1989 | - "excludedBreakpoints": ["mobile", "tablet"], | |
| 1990 | - } | |
| 1991 | - } | |
| 1992 | - Example Update Request: | |
| 1993 | - { | |
| 1994 | - "elementId": "123", | |
| 1995 | - "action": "update", | |
| 1996 | - "interactionId": "123", | |
| 1997 | - "animationData": { | |
| 1998 | - "trigger": "click", | |
| 1999 | - "effect": "fade", | |
| 2000 | - } | |
| 2001 | - } | |
| 2002 | - Example Delete Request: | |
| 2003 | - { | |
| 2004 | - "elementId": "123", | |
| 2005 | - "action": "delete", | |
| 2006 | - "interactionId": "123", | |
| 2007 | - } | |
| 2008 | - Example Clear Request: | |
| 2009 | - { | |
| 2010 | - "elementId": "123", | |
| 2011 | - "action": "clear", | |
| 2012 | - }`; | |
| 2013 | - | |
| 2014 | -/***/ }), | |
| 2015 | - | |
| 2016 | -/***/ "./packages/packages/core/editor-interactions/src/mcp/index.ts": | |
| 2017 | -/*!*********************************************************************!*\ | |
| 2018 | - !*** ./packages/packages/core/editor-interactions/src/mcp/index.ts ***! | |
| 2019 | - \*********************************************************************/ | |
| 2020 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2021 | - | |
| 2022 | -__webpack_require__.r(__webpack_exports__); | |
| 2023 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2024 | -/* harmony export */ EDITOR_INTERACTIONS_MCP_DESCRIPTION: function() { return /* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EDITOR_INTERACTIONS_MCP_DESCRIPTION; }, | |
| 2025 | -/* harmony export */ EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION: function() { return /* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION; }, | |
| 2026 | -/* harmony export */ MAX_INTERACTIONS_PER_ELEMENT: function() { return /* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_2__.MAX_INTERACTIONS_PER_ELEMENT; }, | |
| 2027 | -/* harmony export */ initMcpInteractions: function() { return /* binding */ initMcpInteractions; } | |
| 2028 | -/* harmony export */ }); | |
| 2029 | -/* harmony import */ var _resources_interactions_schema_resource__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./resources/interactions-schema-resource */ "./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts"); | |
| 2030 | -/* harmony import */ var _tools_manage_element_interaction_tool__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./tools/manage-element-interaction-tool */ "./packages/packages/core/editor-interactions/src/mcp/tools/manage-element-interaction-tool.ts"); | |
| 2031 | -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./constants */ "./packages/packages/core/editor-interactions/src/mcp/constants.ts"); | |
| 2032 | - | |
| 2033 | - | |
| 2034 | - | |
| 2035 | -const initMcpInteractions = reg => { | |
| 2036 | - const { | |
| 2037 | - setMCPDescription | |
| 2038 | - } = reg; | |
| 2039 | - setMCPDescription(`Everything related to V4 ( Atomic ) interactions. | |
| 2040 | -# Interactions | |
| 2041 | -- Create/update/delete interactions | |
| 2042 | -- Get list of interactions | |
| 2043 | -- Get details of an interaction | |
| 2044 | -`); | |
| 2045 | - (0,_resources_interactions_schema_resource__WEBPACK_IMPORTED_MODULE_0__.initInteractionsSchemaResource)(reg); | |
| 2046 | - (0,_tools_manage_element_interaction_tool__WEBPACK_IMPORTED_MODULE_1__.initManageElementInteractionTool)(reg); | |
| 2047 | -}; | |
| 2048 | - | |
| 2049 | -/***/ }), | |
| 2050 | - | |
| 2051 | -/***/ "./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts": | |
| 2052 | -/*!******************************************************************************************************!*\ | |
| 2053 | - !*** ./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts ***! | |
| 2054 | - \******************************************************************************************************/ | |
| 2055 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2056 | - | |
| 2057 | -__webpack_require__.r(__webpack_exports__); | |
| 2058 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2059 | -/* harmony export */ INTERACTIONS_SCHEMA_URI: function() { return /* binding */ INTERACTIONS_SCHEMA_URI; }, | |
| 2060 | -/* harmony export */ initInteractionsSchemaResource: function() { return /* binding */ initInteractionsSchemaResource; } | |
| 2061 | -/* harmony export */ }); | |
| 2062 | -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils"); | |
| 2063 | -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__); | |
| 2064 | -/* harmony import */ var _tools_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../tools/schema */ "./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts"); | |
| 2065 | - | |
| 2066 | - | |
| 2067 | -const INTERACTIONS_SCHEMA_URI = 'elementor://interactions/schema'; | |
| 2068 | -const initInteractionsSchemaResource = reg => { | |
| 2069 | - const { | |
| 2070 | - resource | |
| 2071 | - } = reg; | |
| 2072 | - const schema = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.isProActive)() ? { | |
| 2073 | - ..._tools_schema__WEBPACK_IMPORTED_MODULE_1__.baseSchema, | |
| 2074 | - ..._tools_schema__WEBPACK_IMPORTED_MODULE_1__.proSchema | |
| 2075 | - } : _tools_schema__WEBPACK_IMPORTED_MODULE_1__.baseSchema; | |
| 2076 | - resource('interactions-schema', INTERACTIONS_SCHEMA_URI, { | |
| 2077 | - description: 'Schema describing all available options for element interactions.' | |
| 2078 | - }, async () => { | |
| 2079 | - return { | |
| 2080 | - contents: [{ | |
| 2081 | - uri: INTERACTIONS_SCHEMA_URI, | |
| 2082 | - mimeType: 'application/json', | |
| 2083 | - text: JSON.stringify(schema) | |
| 2084 | - }] | |
| 2085 | - }; | |
| 2086 | - }); | |
| 2087 | -}; | |
| 2088 | - | |
| 2089 | -/***/ }), | |
| 2090 | - | |
| 2091 | -/***/ "./packages/packages/core/editor-interactions/src/mcp/tools/manage-element-interaction-tool.ts": | |
| 2092 | -/*!*****************************************************************************************************!*\ | |
| 2093 | - !*** ./packages/packages/core/editor-interactions/src/mcp/tools/manage-element-interaction-tool.ts ***! | |
| 2094 | - \*****************************************************************************************************/ | |
| 2095 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2096 | - | |
| 2097 | -__webpack_require__.r(__webpack_exports__); | |
| 2098 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2099 | -/* harmony export */ initManageElementInteractionTool: function() { return /* binding */ initManageElementInteractionTool; } | |
| 2100 | -/* harmony export */ }); | |
| 2101 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 2102 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__); | |
| 2103 | -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema"); | |
| 2104 | -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__); | |
| 2105 | -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils"); | |
| 2106 | -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_2__); | |
| 2107 | -/* harmony import */ var _interactions_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../interactions-repository */ "./packages/packages/core/editor-interactions/src/interactions-repository.ts"); | |
| 2108 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 2109 | -/* harmony import */ var _utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/temp-id-utils */ "./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"); | |
| 2110 | -/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../constants */ "./packages/packages/core/editor-interactions/src/mcp/constants.ts"); | |
| 2111 | -/* harmony import */ var _resources_interactions_schema_resource__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../resources/interactions-schema-resource */ "./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts"); | |
| 2112 | -/* harmony import */ var _schema__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./schema */ "./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts"); | |
| 2113 | - | |
| 2114 | - | |
| 2115 | - | |
| 2116 | - | |
| 2117 | - | |
| 2118 | - | |
| 2119 | - | |
| 2120 | - | |
| 2121 | - | |
| 2122 | -const EMPTY_INTERACTIONS = { | |
| 2123 | - version: 1, | |
| 2124 | - items: [] | |
| 2125 | -}; | |
| 2126 | -const EFFECTS_WITHOUT_TYPE = ['custom']; | |
| 2127 | -const BREAKPOINTS_SCHEMA_URI = 'elementor://breakpoints/list'; | |
| 2128 | -const initManageElementInteractionTool = reg => { | |
| 2129 | - const { | |
| 2130 | - addTool | |
| 2131 | - } = reg; | |
| 2132 | - const extendedSchema = (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_2__.isProActive)() ? { | |
| 2133 | - ..._schema__WEBPACK_IMPORTED_MODULE_8__.baseSchema, | |
| 2134 | - ..._schema__WEBPACK_IMPORTED_MODULE_8__.proSchema | |
| 2135 | - } : _schema__WEBPACK_IMPORTED_MODULE_8__.baseSchema; | |
| 2136 | - const schema = { | |
| 2137 | - elementId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().describe('The ID of the element to read or modify interactions on'), | |
| 2138 | - action: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.enum(['get', 'add', 'update', 'delete', 'clear']).describe('Operation to perform. Use "get" first to inspect existing interactions.'), | |
| 2139 | - interactionId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().optional().describe('Interaction ID — required for update and delete. Obtain from a prior "get" call.'), | |
| 2140 | - ...extendedSchema | |
| 2141 | - }; | |
| 2142 | - addTool({ | |
| 2143 | - name: 'manage-element-interaction', | |
| 2144 | - description: `Manage the element interaction.`, | |
| 2145 | - schema, | |
| 2146 | - requiredResources: [{ | |
| 2147 | - uri: _resources_interactions_schema_resource__WEBPACK_IMPORTED_MODULE_7__.INTERACTIONS_SCHEMA_URI, | |
| 2148 | - description: 'Interactions schema with all available options' | |
| 2149 | - }, { | |
| 2150 | - uri: BREAKPOINTS_SCHEMA_URI, | |
| 2151 | - description: 'Available breakpoint IDs for excludedBreakpoints' | |
| 2152 | - }], | |
| 2153 | - isDestructive: true, | |
| 2154 | - outputSchema: { | |
| 2155 | - success: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.boolean().describe('Whether the action was successful'), | |
| 2156 | - action: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.enum(['get', 'add', 'update', 'delete', 'clear']).describe('Operation to perform. Use "get" first to inspect existing interactions.'), | |
| 2157 | - elementId: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.string().optional().describe('The ID of the element to read or modify interactions on'), | |
| 2158 | - interactions: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.any()).optional().describe('The interactions on the element'), | |
| 2159 | - count: _elementor_schema__WEBPACK_IMPORTED_MODULE_1__.z.number().optional().describe('The number of interactions on the element') | |
| 2160 | - }, | |
| 2161 | - handler: input => { | |
| 2162 | - const { | |
| 2163 | - elementId, | |
| 2164 | - action, | |
| 2165 | - interactionId, | |
| 2166 | - ...animationData | |
| 2167 | - } = input; | |
| 2168 | - const { | |
| 2169 | - effectType, | |
| 2170 | - ...restAnimationData | |
| 2171 | - } = animationData; | |
| 2172 | - const effect = restAnimationData.effect; | |
| 2173 | - const resolvedType = effectType ?? (effect && !EFFECTS_WITHOUT_TYPE.includes(effect) ? 'in' : undefined); | |
| 2174 | - const allInteractions = _interactions_repository__WEBPACK_IMPORTED_MODULE_3__.interactionsRepository.all(); | |
| 2175 | - const elementData = allInteractions.find(data => data.elementId === elementId); | |
| 2176 | - const currentInteractions = elementData?.interactions ?? EMPTY_INTERACTIONS; | |
| 2177 | - if (action === 'get') { | |
| 2178 | - const summary = currentInteractions.items.map(item => { | |
| 2179 | - const { | |
| 2180 | - value | |
| 2181 | - } = item; | |
| 2182 | - const animValue = value.animation.value; | |
| 2183 | - const timingValue = animValue.timing_config.value; | |
| 2184 | - const configValue = animValue.config.value; | |
| 2185 | - return { | |
| 2186 | - id: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(value.interaction_id), | |
| 2187 | - trigger: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(value.trigger), | |
| 2188 | - effect: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(animValue.effect), | |
| 2189 | - effectType: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(animValue.type), | |
| 2190 | - direction: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(animValue.direction), | |
| 2191 | - duration: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractSize)(timingValue.duration), | |
| 2192 | - delay: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractSize)(timingValue.delay), | |
| 2193 | - easing: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(configValue.easing), | |
| 2194 | - excludedBreakpoints: (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractExcludedBreakpoints)(value.breakpoints) | |
| 2195 | - }; | |
| 2196 | - }); | |
| 2197 | - return { | |
| 2198 | - success: true, | |
| 2199 | - elementId, | |
| 2200 | - action, | |
| 2201 | - interactions: summary, | |
| 2202 | - count: summary.length | |
| 2203 | - }; | |
| 2204 | - } | |
| 2205 | - let updatedItems = [...currentInteractions.items]; | |
| 2206 | - switch (action) { | |
| 2207 | - case 'add': | |
| 2208 | - { | |
| 2209 | - if (updatedItems.length >= _constants__WEBPACK_IMPORTED_MODULE_6__.MAX_INTERACTIONS_PER_ELEMENT) { | |
| 2210 | - throw new Error(`Cannot add more than ${_constants__WEBPACK_IMPORTED_MODULE_6__.MAX_INTERACTIONS_PER_ELEMENT} interactions per element. Current count: ${updatedItems.length}. Delete an existing interaction first.`); | |
| 2211 | - } | |
| 2212 | - const newItem = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.createInteractionItem)({ | |
| 2213 | - interactionId: (0,_utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_5__.generateTempInteractionId)(), | |
| 2214 | - ...restAnimationData, | |
| 2215 | - type: resolvedType | |
| 2216 | - }); | |
| 2217 | - updatedItems = [...updatedItems, newItem]; | |
| 2218 | - break; | |
| 2219 | - } | |
| 2220 | - case 'update': | |
| 2221 | - { | |
| 2222 | - if (!interactionId) { | |
| 2223 | - throw new Error('interactionId is required for the update action.'); | |
| 2224 | - } | |
| 2225 | - const itemIndex = updatedItems.findIndex(item => (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(item.value.interaction_id) === interactionId); | |
| 2226 | - if (itemIndex === -1) { | |
| 2227 | - throw new Error(`Interaction with ID "${interactionId}" not found on element "${elementId}".`); | |
| 2228 | - } | |
| 2229 | - const updatedItem = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.createInteractionItem)({ | |
| 2230 | - interactionId, | |
| 2231 | - ...restAnimationData, | |
| 2232 | - type: resolvedType | |
| 2233 | - }); | |
| 2234 | - updatedItems = [...updatedItems.slice(0, itemIndex), updatedItem, ...updatedItems.slice(itemIndex + 1)]; | |
| 2235 | - break; | |
| 2236 | - } | |
| 2237 | - case 'delete': | |
| 2238 | - { | |
| 2239 | - if (!interactionId) { | |
| 2240 | - throw new Error('interactionId is required for the delete action.'); | |
| 2241 | - } | |
| 2242 | - const beforeCount = updatedItems.length; | |
| 2243 | - updatedItems = updatedItems.filter(item => (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_4__.extractString)(item.value.interaction_id) !== interactionId); | |
| 2244 | - if (updatedItems.length === beforeCount) { | |
| 2245 | - throw new Error(`Interaction with ID "${interactionId}" not found on element "${elementId}".`); | |
| 2246 | - } | |
| 2247 | - break; | |
| 2248 | - } | |
| 2249 | - case 'clear': | |
| 2250 | - { | |
| 2251 | - updatedItems = []; | |
| 2252 | - break; | |
| 2253 | - } | |
| 2254 | - } | |
| 2255 | - const updatedInteractions = { | |
| 2256 | - ...currentInteractions, | |
| 2257 | - items: updatedItems | |
| 2258 | - }; | |
| 2259 | - try { | |
| 2260 | - (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.updateElementInteractions)({ | |
| 2261 | - elementId, | |
| 2262 | - interactions: updatedInteractions | |
| 2263 | - }); | |
| 2264 | - } catch (error) { | |
| 2265 | - throw new Error(`Failed to update interactions for element "${elementId}": ${error instanceof Error ? error.message : 'Unknown error'}`); | |
| 2266 | - } | |
| 2267 | - return { | |
| 2268 | - success: true, | |
| 2269 | - action, | |
| 2270 | - elementId, | |
| 2271 | - count: updatedItems.length | |
| 2272 | - }; | |
| 2273 | - } | |
| 2274 | - }); | |
| 2275 | -}; | |
| 2276 | - | |
| 2277 | -/***/ }), | |
| 2278 | - | |
| 2279 | -/***/ "./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts": | |
| 2280 | -/*!****************************************************************************!*\ | |
| 2281 | - !*** ./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts ***! | |
| 2282 | - \****************************************************************************/ | |
| 2283 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2284 | - | |
| 2285 | -__webpack_require__.r(__webpack_exports__); | |
| 2286 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2287 | -/* harmony export */ baseSchema: function() { return /* binding */ baseSchema; }, | |
| 2288 | -/* harmony export */ proSchema: function() { return /* binding */ proSchema; } | |
| 2289 | -/* harmony export */ }); | |
| 2290 | -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/schema */ "@elementor/schema"); | |
| 2291 | -/* harmony import */ var _elementor_schema__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__); | |
| 2292 | - | |
| 2293 | -const baseSchema = { | |
| 2294 | - trigger: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['load', 'scrollIn']).optional().describe('Event that triggers the animation'), | |
| 2295 | - effect: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['fade', 'slide', 'scale']).optional().describe('Animation effect type'), | |
| 2296 | - effectType: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['in', 'out']).optional().describe('Whether the animation plays in or out'), | |
| 2297 | - direction: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['top', 'bottom', 'left', 'right', 'top-left', 'top-right', 'bottom-left', 'bottom-right']).optional().describe('Direction of the Animation. Can be one of the following or empty if not needed. At slide effect, this is required field.'), | |
| 2298 | - duration: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(10000).optional().describe('Animation duration in milliseconds'), | |
| 2299 | - delay: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(10000).optional().describe('Animation delay in milliseconds'), | |
| 2300 | - easing: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['easeIn']).optional().describe('Easing function for the animation. Use "easeIn" for free tier.'), | |
| 2301 | - excludedBreakpoints: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['widescreen', 'desktop', 'laptop', 'tablet_extra', 'tablet', 'mobile_extra', 'mobile'])).optional().describe('Breakpoint IDs on which this interaction is disabled (e.g. ["mobile", "tablet"]). Fetch the "elementor://breakpoints/list" resource to get the valid IDs for the current site. Omit to enable on all breakpoints.') | |
| 2302 | -}; | |
| 2303 | -const proSchema = { | |
| 2304 | - trigger: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['load', 'scrollIn', 'scrollOut', 'scrollOn', 'hover', 'click']).optional().describe('Event that triggers the animation'), | |
| 2305 | - effect: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['fade', 'slide', 'scale', 'custom']).optional().describe('Animation effect type'), | |
| 2306 | - easing: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.enum(['easeIn', 'easeInOut', 'easeOut', 'backIn', 'backInOut', 'backOut', 'linear']).optional().describe('Easing function for the animation.'), | |
| 2307 | - customEffects: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2308 | - keyframes: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.array(_elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2309 | - stop: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().describe('The stop of the keyframe in percent, can be either 0 or 100'), | |
| 2310 | - value: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2311 | - opacity: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(1).describe('The opacity of the keyframe'), | |
| 2312 | - scale: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2313 | - x: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(1).describe('The x scale of the keyframe'), | |
| 2314 | - y: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(1).describe('The y scale of the keyframe') | |
| 2315 | - }).optional().describe('The scale of the keyframe'), | |
| 2316 | - rotate: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2317 | - x: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(360).describe('The x rotate of the keyframe'), | |
| 2318 | - y: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(360).describe('The y rotate of the keyframe'), | |
| 2319 | - z: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(360).describe('The z rotate of the keyframe') | |
| 2320 | - }).optional().describe('The rotate of the keyframe'), | |
| 2321 | - move: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2322 | - x: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(1).describe('The x move of the keyframe'), | |
| 2323 | - y: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(1).describe('The y move of the keyframe'), | |
| 2324 | - z: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(1).describe('The z move of the keyframe') | |
| 2325 | - }).optional().describe('The move of the keyframe'), | |
| 2326 | - skew: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.object({ | |
| 2327 | - x: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(360).describe('The x skew of the keyframe'), | |
| 2328 | - y: _elementor_schema__WEBPACK_IMPORTED_MODULE_0__.z.number().min(0).max(360).describe('The y skew of the keyframe') | |
| 2329 | - }).optional().describe('The skew of the keyframe') | |
| 2330 | - }) | |
| 2331 | - })).describe('The keyframes of the custom effect') | |
| 2332 | - }).optional().describe('The custom effect to use for the animation') | |
| 2333 | -}; | |
| 2334 | - | |
| 2335 | -/***/ }), | |
| 2336 | - | |
| 2337 | -/***/ "./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts": | |
| 2338 | -/*!*************************************************************************************************************!*\ | |
| 2339 | - !*** ./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts ***! | |
| 2340 | - \*************************************************************************************************************/ | |
| 2341 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2342 | - | |
| 2343 | -__webpack_require__.r(__webpack_exports__); | |
| 2344 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2345 | -/* harmony export */ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX: function() { return /* binding */ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX; }, | |
| 2346 | -/* harmony export */ documentElementsInteractionsProvider: function() { return /* binding */ documentElementsInteractionsProvider; } | |
| 2347 | -/* harmony export */ }); | |
| 2348 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 2349 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__); | |
| 2350 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 2351 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__); | |
| 2352 | -/* harmony import */ var _utils_create_interactions_provider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/create-interactions-provider */ "./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts"); | |
| 2353 | - | |
| 2354 | - | |
| 2355 | - | |
| 2356 | -const ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX = 'document-elements-interactions-'; | |
| 2357 | -const documentElementsInteractionsProvider = (0,_utils_create_interactions_provider__WEBPACK_IMPORTED_MODULE_2__.createInteractionsProvider)({ | |
| 2358 | - key: () => { | |
| 2359 | - const documentId = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getCurrentDocumentId)(); | |
| 2360 | - if (!documentId) { | |
| 2361 | - const pendingKey = `${ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX}pending`; | |
| 2362 | - return pendingKey; | |
| 2363 | - } | |
| 2364 | - const key = `${ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX}${documentId}`; | |
| 2365 | - return key; | |
| 2366 | - }, | |
| 2367 | - priority: 50, | |
| 2368 | - subscribe: cb => { | |
| 2369 | - return (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.__privateListenTo)([(0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.windowEvent)('elementor/element/update_interactions')], () => cb()); | |
| 2370 | - }, | |
| 2371 | - actions: { | |
| 2372 | - all: () => { | |
| 2373 | - const elements = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElements)(); | |
| 2374 | - const filtered = elements.filter(element => { | |
| 2375 | - const interactions = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementInteractions)(element.id); | |
| 2376 | - if (!interactions) { | |
| 2377 | - return false; | |
| 2378 | - } | |
| 2379 | - return interactions?.items?.length > 0; | |
| 2380 | - }); | |
| 2381 | - return filtered.map(element => { | |
| 2382 | - const interactions = (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementInteractions)(element.id); | |
| 2383 | - return { | |
| 2384 | - elementId: element.id, | |
| 2385 | - dataId: element.id, | |
| 2386 | - interactions: interactions || { | |
| 2387 | - version: 1, | |
| 2388 | - items: [] | |
| 2389 | - } | |
| 2390 | - }; | |
| 2391 | - }); | |
| 2392 | - } | |
| 2393 | - } | |
| 2394 | -}); | |
| 2395 | - | |
| 2396 | -/***/ }), | |
| 2397 | - | |
| 2398 | -/***/ "./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx": | |
| 2399 | -/*!*******************************************************************************************!*\ | |
| 2400 | - !*** ./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx ***! | |
| 2401 | - \*******************************************************************************************/ | |
| 2402 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2403 | - | |
| 2404 | -__webpack_require__.r(__webpack_exports__); | |
| 2405 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2406 | -/* harmony export */ InteractionsPromotionChip: function() { return /* binding */ InteractionsPromotionChip; } | |
| 2407 | -/* harmony export */ }); | |
| 2408 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 2409 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 2410 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-controls */ "@elementor/editor-controls"); | |
| 2411 | -/* harmony import */ var _elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__); | |
| 2412 | -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui"); | |
| 2413 | -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__); | |
| 2414 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 2415 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__); | |
| 2416 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 2417 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__); | |
| 2418 | - | |
| 2419 | - | |
| 2420 | - | |
| 2421 | - | |
| 2422 | - | |
| 2423 | - | |
| 2424 | -const InteractionsPromotionChip = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ | |
| 2425 | - content, | |
| 2426 | - upgradeUrl, | |
| 2427 | - anchorRef, | |
| 2428 | - trackingData | |
| 2429 | -}, ref) => { | |
| 2430 | - const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false); | |
| 2431 | - (0,_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.useCanvasClickHandler)(isOpen, () => setIsOpen(false)); | |
| 2432 | - const toggle = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => { | |
| 2433 | - setIsOpen(prev => { | |
| 2434 | - if (!prev) { | |
| 2435 | - (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackViewPromotion)(trackingData); | |
| 2436 | - } | |
| 2437 | - return !prev; | |
| 2438 | - }); | |
| 2439 | - }, [trackingData]); | |
| 2440 | - (0,react__WEBPACK_IMPORTED_MODULE_0__.useImperativeHandle)(ref, () => ({ | |
| 2441 | - toggle | |
| 2442 | - }), [toggle]); | |
| 2443 | - const handleToggle = e => { | |
| 2444 | - e.stopPropagation(); | |
| 2445 | - toggle(); | |
| 2446 | - }; | |
| 2447 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PromotionPopover, { | |
| 2448 | - open: isOpen, | |
| 2449 | - title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Interactions', 'elementor'), | |
| 2450 | - content: content, | |
| 2451 | - ctaText: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_4__.__)('Upgrade now', 'elementor'), | |
| 2452 | - ctaUrl: upgradeUrl, | |
| 2453 | - anchorRef: anchorRef, | |
| 2454 | - placement: anchorRef ? 'right-start' : undefined, | |
| 2455 | - onClose: e => { | |
| 2456 | - e.stopPropagation(); | |
| 2457 | - setIsOpen(false); | |
| 2458 | - }, | |
| 2459 | - onCtaClick: () => (0,_elementor_editor_controls__WEBPACK_IMPORTED_MODULE_1__.trackUpgradePromotionClick)(trackingData) | |
| 2460 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_3__.Box, { | |
| 2461 | - onMouseDown: e => e.stopPropagation(), | |
| 2462 | - onClick: handleToggle, | |
| 2463 | - sx: { | |
| 2464 | - cursor: 'pointer', | |
| 2465 | - display: 'inline-flex', | |
| 2466 | - mr: 1 | |
| 2467 | - } | |
| 2468 | - }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_2__.PromotionChip, null))); | |
| 2469 | -}); | |
| 2470 | - | |
| 2471 | -/***/ }), | |
| 2472 | - | |
| 2473 | -/***/ "./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx": | |
| 2474 | -/*!****************************************************************************************!*\ | |
| 2475 | - !*** ./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx ***! | |
| 2476 | - \****************************************************************************************/ | |
| 2477 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2478 | - | |
| 2479 | -__webpack_require__.r(__webpack_exports__); | |
| 2480 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2481 | -/* harmony export */ PromotionOverlayLayout: function() { return /* binding */ PromotionOverlayLayout; } | |
| 2482 | -/* harmony export */ }); | |
| 2483 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 2484 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 2485 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 2486 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__); | |
| 2487 | - | |
| 2488 | - | |
| 2489 | - | |
| 2490 | -const OVERLAY_GRID = '1 / 1'; | |
| 2491 | -const CHIP_OFFSET = '50%'; | |
| 2492 | -const PromotionOverlayLayout = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(({ | |
| 2493 | - children, | |
| 2494 | - promotionChip | |
| 2495 | -}, ref) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, { | |
| 2496 | - ref: ref, | |
| 2497 | - sx: { | |
| 2498 | - display: 'grid', | |
| 2499 | - alignItems: 'center' | |
| 2500 | - } | |
| 2501 | -}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, { | |
| 2502 | - sx: { | |
| 2503 | - gridArea: OVERLAY_GRID | |
| 2504 | - } | |
| 2505 | -}, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_1__.Box, { | |
| 2506 | - sx: { | |
| 2507 | - gridArea: OVERLAY_GRID, | |
| 2508 | - marginInlineEnd: CHIP_OFFSET, | |
| 2509 | - justifySelf: 'end' | |
| 2510 | - } | |
| 2511 | -}, promotionChip))); | |
| 2512 | - | |
| 2513 | -/***/ }), | |
| 2514 | - | |
| 2515 | -/***/ "./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx": | |
| 2516 | -/*!********************************************************************************!*\ | |
| 2517 | - !*** ./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx ***! | |
| 2518 | - \********************************************************************************/ | |
| 2519 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2520 | - | |
| 2521 | -__webpack_require__.r(__webpack_exports__); | |
| 2522 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2523 | -/* harmony export */ PromotionSelect: function() { return /* binding */ PromotionSelect; } | |
| 2524 | -/* harmony export */ }); | |
| 2525 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 2526 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 2527 | -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-ui */ "@elementor/editor-ui"); | |
| 2528 | -/* harmony import */ var _elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__); | |
| 2529 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/ui */ "@elementor/ui"); | |
| 2530 | -/* harmony import */ var _elementor_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__); | |
| 2531 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n"); | |
| 2532 | -/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__); | |
| 2533 | -/* harmony import */ var _interactions_promotion_chip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./interactions-promotion-chip */ "./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx"); | |
| 2534 | - | |
| 2535 | - | |
| 2536 | - | |
| 2537 | - | |
| 2538 | - | |
| 2539 | - | |
| 2540 | -function PromotionSelect({ | |
| 2541 | - value, | |
| 2542 | - onChange, | |
| 2543 | - baseOptions, | |
| 2544 | - disabledOptions, | |
| 2545 | - promotionLabel, | |
| 2546 | - promotionContent, | |
| 2547 | - upgradeUrl, | |
| 2548 | - trackingData | |
| 2549 | -}) { | |
| 2550 | - const promotionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); | |
| 2551 | - const anchorRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null); | |
| 2552 | - return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { | |
| 2553 | - value: value, | |
| 2554 | - onChange: e => onChange?.(e.target.value), | |
| 2555 | - fullWidth: true, | |
| 2556 | - displayEmpty: true, | |
| 2557 | - size: "tiny", | |
| 2558 | - MenuProps: { | |
| 2559 | - disablePortal: true | |
| 2560 | - } | |
| 2561 | - }, Object.entries(baseOptions).map(([key, label]) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, { | |
| 2562 | - key: key, | |
| 2563 | - value: key | |
| 2564 | - }, label)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_ui__WEBPACK_IMPORTED_MODULE_2__.MenuSubheader, { | |
| 2565 | - ref: anchorRef, | |
| 2566 | - sx: { | |
| 2567 | - cursor: 'pointer', | |
| 2568 | - color: 'text.tertiary', | |
| 2569 | - fontWeight: '400', | |
| 2570 | - display: 'flex', | |
| 2571 | - alignItems: 'center' | |
| 2572 | - }, | |
| 2573 | - onMouseDown: e => { | |
| 2574 | - e.stopPropagation(); | |
| 2575 | - promotionRef.current?.toggle(); | |
| 2576 | - } | |
| 2577 | - }, promotionLabel ?? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)('PRO features', 'elementor'), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_interactions_promotion_chip__WEBPACK_IMPORTED_MODULE_4__.InteractionsPromotionChip, { | |
| 2578 | - content: promotionContent, | |
| 2579 | - upgradeUrl: upgradeUrl, | |
| 2580 | - ref: promotionRef, | |
| 2581 | - anchorRef: anchorRef, | |
| 2582 | - trackingData: trackingData | |
| 2583 | - })), Object.entries(disabledOptions).map(([key, label]) => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_elementor_editor_ui__WEBPACK_IMPORTED_MODULE_1__.MenuListItem, { | |
| 2584 | - key: key, | |
| 2585 | - value: key, | |
| 2586 | - disabled: true, | |
| 2587 | - sx: { | |
| 2588 | - pl: 3 | |
| 2589 | - } | |
| 2590 | - }, label))); | |
| 2591 | -} | |
| 2592 | - | |
| 2593 | -/***/ }), | |
| 2594 | - | |
| 2595 | -/***/ "./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts": | |
| 2596 | -/*!**********************************************************************************************!*\ | |
| 2597 | - !*** ./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts ***! | |
| 2598 | - \**********************************************************************************************/ | |
| 2599 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2600 | - | |
| 2601 | -__webpack_require__.r(__webpack_exports__); | |
| 2602 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2603 | -/* harmony export */ createInteractionsProvider: function() { return /* binding */ createInteractionsProvider; } | |
| 2604 | -/* harmony export */ }); | |
| 2605 | -const DEFAULT_PRIORITY = 10; | |
| 2606 | -function createInteractionsProvider({ | |
| 2607 | - key, | |
| 2608 | - priority = DEFAULT_PRIORITY, | |
| 2609 | - subscribe = () => () => {}, | |
| 2610 | - actions | |
| 2611 | -}) { | |
| 2612 | - return { | |
| 2613 | - getKey: typeof key === 'string' ? () => key : key, | |
| 2614 | - priority, | |
| 2615 | - subscribe, | |
| 2616 | - actions: { | |
| 2617 | - all: actions.all | |
| 2618 | - } | |
| 2619 | - }; | |
| 2620 | -} | |
| 2621 | - | |
| 2622 | -/***/ }), | |
| 2623 | - | |
| 2624 | -/***/ "./packages/packages/core/editor-interactions/src/utils/create-interactions-repository.ts": | |
| 2625 | -/*!************************************************************************************************!*\ | |
| 2626 | - !*** ./packages/packages/core/editor-interactions/src/utils/create-interactions-repository.ts ***! | |
| 2627 | - \************************************************************************************************/ | |
| 2628 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2629 | - | |
| 2630 | -__webpack_require__.r(__webpack_exports__); | |
| 2631 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2632 | -/* harmony export */ createInteractionsRepository: function() { return /* binding */ createInteractionsRepository; } | |
| 2633 | -/* harmony export */ }); | |
| 2634 | -const createInteractionsRepository = () => { | |
| 2635 | - const providers = []; | |
| 2636 | - const getProviders = () => { | |
| 2637 | - const sorted = providers.slice(0).sort((a, b) => a.priority > b.priority ? -1 : 1); | |
| 2638 | - return sorted; | |
| 2639 | - }; | |
| 2640 | - const register = provider => { | |
| 2641 | - providers.push(provider); | |
| 2642 | - }; | |
| 2643 | - const all = () => { | |
| 2644 | - return getProviders().flatMap(provider => provider.actions.all()); | |
| 2645 | - }; | |
| 2646 | - const subscribe = cb => { | |
| 2647 | - const unsubscribes = providers.map(provider => provider.subscribe(cb)); | |
| 2648 | - return () => { | |
| 2649 | - unsubscribes.forEach(unsubscribe => unsubscribe()); | |
| 2650 | - }; | |
| 2651 | - }; | |
| 2652 | - const getProviderByKey = key => { | |
| 2653 | - return providers.find(provider => { | |
| 2654 | - try { | |
| 2655 | - return provider.getKey() === key; | |
| 2656 | - } catch { | |
| 2657 | - // Provider might not be ready yet (e.g., no document loaded) | |
| 2658 | - return false; | |
| 2659 | - } | |
| 2660 | - }); | |
| 2661 | - }; | |
| 2662 | - return { | |
| 2663 | - all, | |
| 2664 | - register, | |
| 2665 | - subscribe, | |
| 2666 | - getProviders, | |
| 2667 | - getProviderByKey | |
| 2668 | - }; | |
| 2669 | -}; | |
| 2670 | - | |
| 2671 | -/***/ }), | |
| 2672 | - | |
| 2673 | -/***/ "./packages/packages/core/editor-interactions/src/utils/custom-effect-to-prop-value.ts": | |
| 2674 | -/*!*********************************************************************************************!*\ | |
| 2675 | - !*** ./packages/packages/core/editor-interactions/src/utils/custom-effect-to-prop-value.ts ***! | |
| 2676 | - \*********************************************************************************************/ | |
| 2677 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2678 | - | |
| 2679 | -__webpack_require__.r(__webpack_exports__); | |
| 2680 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2681 | -/* harmony export */ toCustomEffectPropValue: function() { return /* binding */ toCustomEffectPropValue; } | |
| 2682 | -/* harmony export */ }); | |
| 2683 | -const CUSTOM_EFFECT_TYPE = 'custom-effect'; | |
| 2684 | -const KEYFRAMES_TYPE = 'keyframes'; | |
| 2685 | -const KEYFRAME_STOP_TYPE = 'keyframe-stop'; | |
| 2686 | -const KEYFRAME_STOP_SETTINGS_TYPE = 'keyframe-stop-settings'; | |
| 2687 | -const SIZE_TYPE = 'size'; | |
| 2688 | -const NUMBER_TYPE = 'number'; | |
| 2689 | -const TRANSFORM_SCALE_TYPE = 'transform-scale'; | |
| 2690 | -const TRANSFORM_ROTATE_TYPE = 'transform-rotate'; | |
| 2691 | -const TRANSFORM_MOVE_TYPE = 'transform-move'; | |
| 2692 | -const TRANSFORM_SKEW_TYPE = 'transform-skew'; | |
| 2693 | -const UNIT_PERCENT = '%'; | |
| 2694 | -const UNIT_DEG = 'deg'; | |
| 2695 | -const UNIT_PX = 'px'; | |
| 2696 | -const isPlainCustomEffect = v => typeof v === 'object' && v !== null && 'keyframes' in v && Array.isArray(v.keyframes) && !('$$type' in v); | |
| 2697 | -const toSizePropValue = (size, unit = UNIT_PERCENT) => ({ | |
| 2698 | - $$type: SIZE_TYPE, | |
| 2699 | - value: { | |
| 2700 | - size, | |
| 2701 | - unit | |
| 2702 | - } | |
| 2703 | -}); | |
| 2704 | -const toNumberPropValue = n => ({ | |
| 2705 | - $$type: NUMBER_TYPE, | |
| 2706 | - value: n | |
| 2707 | -}); | |
| 2708 | -const toDimensionalNumberPropValue = (type, plain, defaults) => ({ | |
| 2709 | - $$type: type, | |
| 2710 | - value: { | |
| 2711 | - x: toNumberPropValue(plain.x ?? defaults.x), | |
| 2712 | - y: toNumberPropValue(plain.y ?? defaults.y), | |
| 2713 | - z: toNumberPropValue(plain.z ?? defaults.z) | |
| 2714 | - } | |
| 2715 | -}); | |
| 2716 | -const toDimensionalSizePropValue = (type, plain, defaults, unit) => ({ | |
| 2717 | - $$type: type, | |
| 2718 | - value: { | |
| 2719 | - x: toSizePropValue(plain.x ?? defaults.x, unit), | |
| 2720 | - y: toSizePropValue(plain.y ?? defaults.y, unit), | |
| 2721 | - z: toSizePropValue(plain.z ?? defaults.z, unit) | |
| 2722 | - } | |
| 2723 | -}); | |
| 2724 | -const toSkewPropValue = plain => ({ | |
| 2725 | - $$type: TRANSFORM_SKEW_TYPE, | |
| 2726 | - value: { | |
| 2727 | - x: toSizePropValue(plain.x ?? 0, UNIT_DEG), | |
| 2728 | - y: toSizePropValue(plain.y ?? 0, UNIT_DEG) | |
| 2729 | - } | |
| 2730 | -}); | |
| 2731 | -const toKeyframeStopSettingsPropValue = plain => { | |
| 2732 | - const value = {}; | |
| 2733 | - if (plain.opacity !== undefined) { | |
| 2734 | - const percent = plain.opacity <= 1 ? Math.round(plain.opacity * 100) : plain.opacity; | |
| 2735 | - value.opacity = toSizePropValue(percent); | |
| 2736 | - } | |
| 2737 | - if (plain.scale !== undefined) { | |
| 2738 | - value.scale = toDimensionalNumberPropValue(TRANSFORM_SCALE_TYPE, plain.scale, { | |
| 2739 | - x: 1, | |
| 2740 | - y: 1, | |
| 2741 | - z: 1 | |
| 2742 | - }); | |
| 2743 | - } | |
| 2744 | - if (plain.rotate !== undefined) { | |
| 2745 | - value.rotate = toDimensionalSizePropValue(TRANSFORM_ROTATE_TYPE, plain.rotate, { | |
| 2746 | - x: 0, | |
| 2747 | - y: 0, | |
| 2748 | - z: 0 | |
| 2749 | - }, UNIT_DEG); | |
| 2750 | - } | |
| 2751 | - if (plain.move !== undefined) { | |
| 2752 | - value.move = toDimensionalSizePropValue(TRANSFORM_MOVE_TYPE, plain.move, { | |
| 2753 | - x: 0, | |
| 2754 | - y: 0, | |
| 2755 | - z: 0 | |
| 2756 | - }, UNIT_PX); | |
| 2757 | - } | |
| 2758 | - if (plain.skew !== undefined) { | |
| 2759 | - value.skew = toSkewPropValue(plain.skew); | |
| 2760 | - } | |
| 2761 | - return { | |
| 2762 | - $$type: KEYFRAME_STOP_SETTINGS_TYPE, | |
| 2763 | - value | |
| 2764 | - }; | |
| 2765 | -}; | |
| 2766 | -const isPlainKeyframe = v => typeof v === 'object' && v !== null && 'stop' in v && 'value' in v && !('$$type' in v); | |
| 2767 | -const toKeyframeStopPropValue = item => { | |
| 2768 | - if (!isPlainKeyframe(item)) { | |
| 2769 | - return item; | |
| 2770 | - } | |
| 2771 | - return { | |
| 2772 | - $$type: KEYFRAME_STOP_TYPE, | |
| 2773 | - value: { | |
| 2774 | - stop: toSizePropValue(item.stop), | |
| 2775 | - settings: toKeyframeStopSettingsPropValue(item.value) | |
| 2776 | - } | |
| 2777 | - }; | |
| 2778 | -}; | |
| 2779 | -const toKeyframesPropValue = keyframes => ({ | |
| 2780 | - $$type: KEYFRAMES_TYPE, | |
| 2781 | - value: keyframes.map(toKeyframeStopPropValue) | |
| 2782 | -}); | |
| 2783 | -const plainCustomEffectToPropValue = plain => ({ | |
| 2784 | - $$type: CUSTOM_EFFECT_TYPE, | |
| 2785 | - value: { | |
| 2786 | - keyframes: toKeyframesPropValue(plain.keyframes) | |
| 2787 | - } | |
| 2788 | -}); | |
| 2789 | -const toCustomEffectPropValue = customEffects => { | |
| 2790 | - if (customEffects === undefined) { | |
| 2791 | - return undefined; | |
| 2792 | - } | |
| 2793 | - if (isPlainCustomEffect(customEffects)) { | |
| 2794 | - return plainCustomEffectToPropValue(customEffects); | |
| 2795 | - } | |
| 2796 | - return customEffects; | |
| 2797 | -}; | |
| 2798 | - | |
| 2799 | -/***/ }), | |
| 2800 | - | |
| 2801 | -/***/ "./packages/packages/core/editor-interactions/src/utils/filter-interactions.ts": | |
| 2802 | -/*!*************************************************************************************!*\ | |
| 2803 | - !*** ./packages/packages/core/editor-interactions/src/utils/filter-interactions.ts ***! | |
| 2804 | - \*************************************************************************************/ | |
| 2805 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2806 | - | |
| 2807 | -__webpack_require__.r(__webpack_exports__); | |
| 2808 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2809 | -/* harmony export */ filterInteractions: function() { return /* binding */ filterInteractions; } | |
| 2810 | -/* harmony export */ }); | |
| 2811 | -/* harmony import */ var _is_supported_interaction_item__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./is-supported-interaction-item */ "./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts"); | |
| 2812 | - | |
| 2813 | -const filterInteractions = interactions => { | |
| 2814 | - return interactions.filter(interaction => { | |
| 2815 | - return (0,_is_supported_interaction_item__WEBPACK_IMPORTED_MODULE_0__.isSupportedInteractionItem)(interaction); | |
| 2816 | - }); | |
| 2817 | -}; | |
| 2818 | - | |
| 2819 | -/***/ }), | |
| 2820 | - | |
| 2821 | -/***/ "./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts": | |
| 2822 | -/*!*****************************************************************************************!*\ | |
| 2823 | - !*** ./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts ***! | |
| 2824 | - \*****************************************************************************************/ | |
| 2825 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2826 | - | |
| 2827 | -__webpack_require__.r(__webpack_exports__); | |
| 2828 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2829 | -/* harmony export */ getInteractionsConfig: function() { return /* binding */ getInteractionsConfig; } | |
| 2830 | -/* harmony export */ }); | |
| 2831 | -function getInteractionsConfig() { | |
| 2832 | - return window.ElementorInteractionsConfig ?? {}; | |
| 2833 | -} | |
| 2834 | - | |
| 2835 | -/***/ }), | |
| 2836 | - | |
| 2837 | -/***/ "./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts": | |
| 2838 | -/*!***********************************************************************************************!*\ | |
| 2839 | - !*** ./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts ***! | |
| 2840 | - \***********************************************************************************************/ | |
| 2841 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2842 | - | |
| 2843 | -__webpack_require__.r(__webpack_exports__); | |
| 2844 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2845 | -/* harmony export */ isSupportedInteractionItem: function() { return /* binding */ isSupportedInteractionItem; } | |
| 2846 | -/* harmony export */ }); | |
| 2847 | -/* harmony import */ var _interactions_controls_registry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../interactions-controls-registry */ "./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"); | |
| 2848 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 2849 | - | |
| 2850 | - | |
| 2851 | -function isSupportedInteractionItem(interaction) { | |
| 2852 | - const value = interaction.value; | |
| 2853 | - const replay = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_1__.extractBoolean)(value.animation.value.config?.value.replay); | |
| 2854 | - if (true === replay) { | |
| 2855 | - return hasSupport('replay', 'yes'); | |
| 2856 | - } | |
| 2857 | - const trigger = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_1__.extractString)(value.trigger); | |
| 2858 | - const easing = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_1__.extractString)(value.animation.value.config?.value.easing); | |
| 2859 | - const effect = (0,_utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_1__.extractString)(value.animation.value.effect); | |
| 2860 | - const checks = [['trigger', trigger], ['easing', easing], ['effect', effect]]; | |
| 2861 | - return checks.every(([controlType, controlValue]) => { | |
| 2862 | - if (controlValue === '' || controlValue === null) { | |
| 2863 | - return true; | |
| 2864 | - } | |
| 2865 | - return hasSupport(controlType, controlValue); | |
| 2866 | - }); | |
| 2867 | -} | |
| 2868 | -function hasSupport(controlType, controlValue) { | |
| 2869 | - const supportedOptions = (0,_interactions_controls_registry__WEBPACK_IMPORTED_MODULE_0__.getInteractionsControlOptions)(controlType); | |
| 2870 | - if (1 > supportedOptions.length) { | |
| 2871 | - return true; | |
| 2872 | - } | |
| 2873 | - return supportedOptions.includes(controlValue); | |
| 2874 | -} | |
| 2875 | - | |
| 2876 | -/***/ }), | |
| 2877 | - | |
| 2878 | -/***/ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts": | |
| 2879 | -/*!**********************************************************************************!*\ | |
| 2880 | - !*** ./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts ***! | |
| 2881 | - \**********************************************************************************/ | |
| 2882 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 2883 | - | |
| 2884 | -__webpack_require__.r(__webpack_exports__); | |
| 2885 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 2886 | -/* harmony export */ buildDisplayLabel: function() { return /* binding */ buildDisplayLabel; }, | |
| 2887 | -/* harmony export */ createAnimationPreset: function() { return /* binding */ createAnimationPreset; }, | |
| 2888 | -/* harmony export */ createBoolean: function() { return /* binding */ createBoolean; }, | |
| 2889 | -/* harmony export */ createConfig: function() { return /* binding */ createConfig; }, | |
| 2890 | -/* harmony export */ createDefaultInteractionItem: function() { return /* binding */ createDefaultInteractionItem; }, | |
| 2891 | -/* harmony export */ createDefaultInteractions: function() { return /* binding */ createDefaultInteractions; }, | |
| 2892 | -/* harmony export */ createExcludedBreakpoints: function() { return /* binding */ createExcludedBreakpoints; }, | |
| 2893 | -/* harmony export */ createInteractionBreakpoints: function() { return /* binding */ createInteractionBreakpoints; }, | |
| 2894 | -/* harmony export */ createInteractionItem: function() { return /* binding */ createInteractionItem; }, | |
| 2895 | -/* harmony export */ createNumber: function() { return /* binding */ createNumber; }, | |
| 2896 | -/* harmony export */ createString: function() { return /* binding */ createString; }, | |
| 2897 | -/* harmony export */ createTimingConfig: function() { return /* binding */ createTimingConfig; }, | |
| 2898 | -/* harmony export */ extractBoolean: function() { return /* binding */ extractBoolean; }, | |
| 2899 | -/* harmony export */ extractExcludedBreakpoints: function() { return /* binding */ extractExcludedBreakpoints; }, | |
| 2900 | -/* harmony export */ extractSize: function() { return /* binding */ extractSize; }, | |
| 2901 | -/* harmony export */ extractString: function() { return /* binding */ extractString; } | |
| 2902 | -/* harmony export */ }); | |
| 2903 | -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-props */ "@elementor/editor-props"); | |
| 2904 | -/* harmony import */ var _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__); | |
| 2905 | -/* harmony import */ var _configs_time_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../configs/time-constants */ "./packages/packages/core/editor-interactions/src/configs/time-constants.ts"); | |
| 2906 | -/* harmony import */ var _utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/size-transform-utils */ "./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"); | |
| 2907 | -/* harmony import */ var _custom_effect_to_prop_value__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./custom-effect-to-prop-value */ "./packages/packages/core/editor-interactions/src/utils/custom-effect-to-prop-value.ts"); | |
| 2908 | -/* harmony import */ var _get_interactions_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get-interactions-config */ "./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts"); | |
| 2909 | -/* harmony import */ var _temp_id_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./temp-id-utils */ "./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"); | |
| 2910 | - | |
| 2911 | - | |
| 2912 | - | |
| 2913 | - | |
| 2914 | - | |
| 2915 | - | |
| 2916 | -const createString = value => ({ | |
| 2917 | - $$type: 'string', | |
| 2918 | - value | |
| 2919 | -}); | |
| 2920 | -const createNumber = value => ({ | |
| 2921 | - $$type: 'number', | |
| 2922 | - value | |
| 2923 | -}); | |
| 2924 | -const createTimingConfig = (duration, delay) => ({ | |
| 2925 | - $$type: 'timing-config', | |
| 2926 | - value: { | |
| 2927 | - duration: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.sizePropTypeUtil.create((0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_2__.parseSizeValue)(duration, _configs_time_constants__WEBPACK_IMPORTED_MODULE_1__.TIME_UNITS, undefined, _configs_time_constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_TIME_UNIT)), | |
| 2928 | - delay: _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.sizePropTypeUtil.create((0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_2__.parseSizeValue)(delay, _configs_time_constants__WEBPACK_IMPORTED_MODULE_1__.TIME_UNITS, undefined, _configs_time_constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULT_TIME_UNIT)) | |
| 2929 | - } | |
| 2930 | -}); | |
| 2931 | -const createBoolean = value => ({ | |
| 2932 | - $$type: 'boolean', | |
| 2933 | - value | |
| 2934 | -}); | |
| 2935 | -const createConfig = ({ | |
| 2936 | - replay, | |
| 2937 | - easing = 'easeIn', | |
| 2938 | - relativeTo = 'viewport', | |
| 2939 | - repeat = '', | |
| 2940 | - times = 1, | |
| 2941 | - start = 85, | |
| 2942 | - end = 15 | |
| 2943 | -}) => ({ | |
| 2944 | - $$type: 'config', | |
| 2945 | - value: { | |
| 2946 | - replay: createBoolean(replay), | |
| 2947 | - easing: createString(easing), | |
| 2948 | - relativeTo: createString(relativeTo), | |
| 2949 | - repeat: createString(repeat), | |
| 2950 | - times: createNumber(times), | |
| 2951 | - start: createSize(start, '%'), | |
| 2952 | - end: createSize(end, '%') | |
| 2953 | - } | |
| 2954 | -}); | |
| 2955 | -const createSize = (value, defaultUnit, defaultValue) => { | |
| 2956 | - if (!value) { | |
| 2957 | - return; | |
| 2958 | - } | |
| 2959 | - return _elementor_editor_props__WEBPACK_IMPORTED_MODULE_0__.sizePropTypeUtil.create((0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_2__.parseSizeValue)(value, ['%'], defaultValue, defaultUnit)); | |
| 2960 | -}; | |
| 2961 | -const extractBoolean = (prop, fallback = false) => { | |
| 2962 | - return prop?.value ?? fallback; | |
| 2963 | -}; | |
| 2964 | -const createExcludedBreakpoints = breakpoints => ({ | |
| 2965 | - $$type: 'excluded-breakpoints', | |
| 2966 | - value: breakpoints.map(createString) | |
| 2967 | -}); | |
| 2968 | -const createInteractionBreakpoints = excluded => ({ | |
| 2969 | - $$type: 'interaction-breakpoints', | |
| 2970 | - value: { | |
| 2971 | - excluded: createExcludedBreakpoints(excluded) | |
| 2972 | - } | |
| 2973 | -}); | |
| 2974 | -const extractExcludedBreakpoints = breakpoints => { | |
| 2975 | - return breakpoints?.value.excluded.value.map(bp => bp.value) ?? []; | |
| 2976 | -}; | |
| 2977 | -const createAnimationPreset = ({ | |
| 2978 | - effect, | |
| 2979 | - type, | |
| 2980 | - direction, | |
| 2981 | - duration, | |
| 2982 | - delay, | |
| 2983 | - replay = false, | |
| 2984 | - easing = 'easeIn', | |
| 2985 | - relativeTo, | |
| 2986 | - repeat, | |
| 2987 | - times, | |
| 2988 | - start, | |
| 2989 | - end, | |
| 2990 | - customEffects | |
| 2991 | -}) => { | |
| 2992 | - const customEffectProp = (0,_custom_effect_to_prop_value__WEBPACK_IMPORTED_MODULE_3__.toCustomEffectPropValue)(customEffects); | |
| 2993 | - return { | |
| 2994 | - $$type: 'animation-preset-props', | |
| 2995 | - value: { | |
| 2996 | - effect: createString(effect), | |
| 2997 | - ...(customEffectProp !== undefined && { | |
| 2998 | - custom_effect: customEffectProp | |
| 2999 | - }), | |
| 3000 | - type: createString(type), | |
| 3001 | - direction: createString(direction ?? ''), | |
| 3002 | - timing_config: createTimingConfig(duration, delay), | |
| 3003 | - config: createConfig({ | |
| 3004 | - replay, | |
| 3005 | - easing, | |
| 3006 | - relativeTo, | |
| 3007 | - repeat, | |
| 3008 | - times, | |
| 3009 | - start, | |
| 3010 | - end | |
| 3011 | - }) | |
| 3012 | - } | |
| 3013 | - }; | |
| 3014 | -}; | |
| 3015 | -const createInteractionItem = ({ | |
| 3016 | - trigger, | |
| 3017 | - effect, | |
| 3018 | - type, | |
| 3019 | - direction, | |
| 3020 | - duration, | |
| 3021 | - delay, | |
| 3022 | - interactionId, | |
| 3023 | - replay = false, | |
| 3024 | - easing = 'easeIn', | |
| 3025 | - relativeTo, | |
| 3026 | - repeat, | |
| 3027 | - times, | |
| 3028 | - start, | |
| 3029 | - end, | |
| 3030 | - excludedBreakpoints, | |
| 3031 | - customEffects | |
| 3032 | -}) => ({ | |
| 3033 | - $$type: 'interaction-item', | |
| 3034 | - value: { | |
| 3035 | - ...(interactionId && { | |
| 3036 | - interaction_id: createString(interactionId) | |
| 3037 | - }), | |
| 3038 | - trigger: createString(trigger ?? ''), | |
| 3039 | - animation: createAnimationPreset({ | |
| 3040 | - effect: effect ?? '', | |
| 3041 | - type: type ?? '', | |
| 3042 | - direction, | |
| 3043 | - duration: duration ?? 0, | |
| 3044 | - delay: delay ?? 0, | |
| 3045 | - replay, | |
| 3046 | - easing, | |
| 3047 | - relativeTo, | |
| 3048 | - repeat, | |
| 3049 | - times, | |
| 3050 | - start, | |
| 3051 | - end, | |
| 3052 | - customEffects | |
| 3053 | - }), | |
| 3054 | - ...(excludedBreakpoints && excludedBreakpoints.length > 0 && { | |
| 3055 | - breakpoints: createInteractionBreakpoints(excludedBreakpoints) | |
| 3056 | - }) | |
| 3057 | - } | |
| 3058 | -}); | |
| 3059 | -const createDefaultInteractionItem = () => { | |
| 3060 | - const { | |
| 3061 | - constants | |
| 3062 | - } = (0,_get_interactions_config__WEBPACK_IMPORTED_MODULE_4__.getInteractionsConfig)(); | |
| 3063 | - return createInteractionItem({ | |
| 3064 | - trigger: 'load', | |
| 3065 | - effect: 'fade', | |
| 3066 | - type: 'in', | |
| 3067 | - duration: constants.defaultDuration, | |
| 3068 | - delay: constants.defaultDelay, | |
| 3069 | - replay: false, | |
| 3070 | - easing: constants.defaultEasing, | |
| 3071 | - interactionId: (0,_temp_id_utils__WEBPACK_IMPORTED_MODULE_5__.generateTempInteractionId)() | |
| 3072 | - }); | |
| 3073 | -}; | |
| 3074 | -const createDefaultInteractions = () => ({ | |
| 3075 | - version: 1, | |
| 3076 | - items: [createDefaultInteractionItem()] | |
| 3077 | -}); | |
| 3078 | -const extractString = (prop, fallback = '') => { | |
| 3079 | - return prop?.value ?? fallback; | |
| 3080 | -}; | |
| 3081 | -const extractSize = (prop, defaultValue) => { | |
| 3082 | - if (!prop?.value) { | |
| 3083 | - return defaultValue; | |
| 3084 | - } | |
| 3085 | - return (0,_utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_2__.formatSizeValue)(prop.value); | |
| 3086 | -}; | |
| 3087 | -const TRIGGER_LABELS = { | |
| 3088 | - load: 'On page load', | |
| 3089 | - scrollIn: 'Scroll into view', | |
| 3090 | - scrollOut: 'Scroll out of view', | |
| 3091 | - scrollOn: 'While scrolling' | |
| 3092 | -}; | |
| 3093 | -const capitalize = str => { | |
| 3094 | - return str.charAt(0).toUpperCase() + str.slice(1); | |
| 3095 | -}; | |
| 3096 | -const buildDisplayLabel = item => { | |
| 3097 | - const trigger = extractString(item.trigger); | |
| 3098 | - const effect = extractString(item.animation.value.effect); | |
| 3099 | - const type = extractString(item.animation.value.type); | |
| 3100 | - const triggerLabel = TRIGGER_LABELS[trigger] || capitalize(trigger); | |
| 3101 | - const effectLabel = capitalize(effect); | |
| 3102 | - const typeLabel = 'custom' === effect ? '' : capitalize(type); | |
| 3103 | - return `${triggerLabel}: ${effectLabel} ${typeLabel}`; | |
| 3104 | -}; | |
| 3105 | - | |
| 3106 | -/***/ }), | |
| 3107 | - | |
| 3108 | -/***/ "./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts": | |
| 3109 | -/*!***********************************************************************************!*\ | |
| 3110 | - !*** ./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts ***! | |
| 3111 | - \***********************************************************************************/ | |
| 3112 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 3113 | - | |
| 3114 | -__webpack_require__.r(__webpack_exports__); | |
| 3115 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 3116 | -/* harmony export */ resolveDirection: function() { return /* binding */ resolveDirection; } | |
| 3117 | -/* harmony export */ }); | |
| 3118 | -const resolveDirection = (hasDirection, newEffect, newDirection, currentDirection, currentEffect) => { | |
| 3119 | - if (newEffect === 'slide' && !newDirection) { | |
| 3120 | - return 'top'; | |
| 3121 | - } | |
| 3122 | - if (currentEffect === 'slide' && hasDirection) { | |
| 3123 | - return newDirection || 'top'; | |
| 3124 | - } | |
| 3125 | - if (hasDirection) { | |
| 3126 | - return newDirection; | |
| 3127 | - } | |
| 3128 | - return currentDirection; | |
| 3129 | -}; | |
| 3130 | - | |
| 3131 | -/***/ }), | |
| 3132 | - | |
| 3133 | -/***/ "./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts": | |
| 3134 | -/*!******************************************************************************************!*\ | |
| 3135 | - !*** ./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts ***! | |
| 3136 | - \******************************************************************************************/ | |
| 3137 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 3138 | - | |
| 3139 | -__webpack_require__.r(__webpack_exports__); | |
| 3140 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 3141 | -/* harmony export */ SCROLL_INTERACTION_EVENT: function() { return /* binding */ SCROLL_INTERACTION_EVENT; }, | |
| 3142 | -/* harmony export */ dispatchScrollInteraction: function() { return /* binding */ dispatchScrollInteraction; }, | |
| 3143 | -/* harmony export */ extractScrollOverlayParams: function() { return /* binding */ extractScrollOverlayParams; }, | |
| 3144 | -/* harmony export */ syncGridOverlay: function() { return /* binding */ syncGridOverlay; } | |
| 3145 | -/* harmony export */ }); | |
| 3146 | -/* harmony import */ var _prop_value_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 3147 | - | |
| 3148 | -const SCROLL_INTERACTION_EVENT = 'elementor/interactions/scroll-change'; | |
| 3149 | -function dispatchScrollInteraction(data) { | |
| 3150 | - window.dispatchEvent(new CustomEvent(SCROLL_INTERACTION_EVENT, { | |
| 3151 | - detail: data | |
| 3152 | - })); | |
| 3153 | -} | |
| 3154 | -function extractScrollOverlayParams(interaction, defaults) { | |
| 3155 | - return { | |
| 3156 | - trigger: (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_0__.extractString)(interaction.trigger, defaults.trigger), | |
| 3157 | - start: (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_0__.extractSize)(interaction.animation.value.config?.value.start, defaults.start), | |
| 3158 | - end: (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_0__.extractSize)(interaction.animation.value.config?.value.end, defaults.end), | |
| 3159 | - relativeTo: (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_0__.extractString)(interaction.animation.value.config?.value.relativeTo, defaults.relativeTo) | |
| 3160 | - }; | |
| 3161 | -} | |
| 3162 | -function syncGridOverlay(trigger, start, end, relativeTo) { | |
| 3163 | - if (trigger === 'scrollOn') { | |
| 3164 | - dispatchScrollInteraction({ | |
| 3165 | - start, | |
| 3166 | - end, | |
| 3167 | - relativeTo | |
| 3168 | - }); | |
| 3169 | - } else { | |
| 3170 | - dispatchScrollInteraction(null); | |
| 3171 | - } | |
| 3172 | -} | |
| 3173 | - | |
| 3174 | -/***/ }), | |
| 3175 | - | |
| 3176 | -/***/ "./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts": | |
| 3177 | -/*!**************************************************************************************!*\ | |
| 3178 | - !*** ./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts ***! | |
| 3179 | - \**************************************************************************************/ | |
| 3180 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 3181 | - | |
| 3182 | -__webpack_require__.r(__webpack_exports__); | |
| 3183 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 3184 | -/* harmony export */ formatSizeValue: function() { return /* binding */ formatSizeValue; }, | |
| 3185 | -/* harmony export */ parseSizeValue: function() { return /* binding */ parseSizeValue; } | |
| 3186 | -/* harmony export */ }); | |
| 3187 | -const SIZE_REGEX = /^(?:(-?\d*\.?\d+)([a-z%]+)|([a-z%]+))$/i; | |
| 3188 | -const parseSizeValue = (value, allowedUnits, defaultValue, defaultUnit) => { | |
| 3189 | - if (typeof value === 'number') { | |
| 3190 | - return { | |
| 3191 | - size: value, | |
| 3192 | - unit: defaultUnit | |
| 3193 | - }; | |
| 3194 | - } | |
| 3195 | - const sizeValue = tryParse(value, allowedUnits, defaultUnit); | |
| 3196 | - if (sizeValue) { | |
| 3197 | - return sizeValue; | |
| 3198 | - } | |
| 3199 | - if (defaultValue) { | |
| 3200 | - const fallbackSize = tryParse(defaultValue, allowedUnits, defaultUnit); | |
| 3201 | - if (fallbackSize) { | |
| 3202 | - return fallbackSize; | |
| 3203 | - } | |
| 3204 | - } | |
| 3205 | - return createSizeValue(null, defaultUnit); | |
| 3206 | -}; | |
| 3207 | -const tryParse = (value, allowedUnits, defaultUnit) => { | |
| 3208 | - if (typeof value === 'number') { | |
| 3209 | - return createSizeValue(value, defaultUnit); | |
| 3210 | - } | |
| 3211 | - const match = value && value.match(SIZE_REGEX); | |
| 3212 | - if (!match) { | |
| 3213 | - if (value) { | |
| 3214 | - return { | |
| 3215 | - size: Number(value), | |
| 3216 | - unit: defaultUnit | |
| 3217 | - }; | |
| 3218 | - } | |
| 3219 | - return null; | |
| 3220 | - } | |
| 3221 | - const size = match[1] ? parseFloat(match[1]) : null; | |
| 3222 | - const unit = match[2] || match[3]; | |
| 3223 | - if (!allowedUnits.includes(unit)) { | |
| 3224 | - return null; | |
| 3225 | - } | |
| 3226 | - return createSizeValue(size, unit); | |
| 3227 | -}; | |
| 3228 | -const formatSizeValue = ({ | |
| 3229 | - size, | |
| 3230 | - unit | |
| 3231 | -}) => { | |
| 3232 | - return `${size ?? ''}${unit}`; | |
| 3233 | -}; | |
| 3234 | -const createSizeValue = (size, unit) => { | |
| 3235 | - return { | |
| 3236 | - size, | |
| 3237 | - unit | |
| 3238 | - }; | |
| 3239 | -}; | |
| 3240 | - | |
| 3241 | -/***/ }), | |
| 3242 | - | |
| 3243 | -/***/ "./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts": | |
| 3244 | -/*!*******************************************************************************!*\ | |
| 3245 | - !*** ./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts ***! | |
| 3246 | - \*******************************************************************************/ | |
| 3247 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 3248 | - | |
| 3249 | -__webpack_require__.r(__webpack_exports__); | |
| 3250 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 3251 | -/* harmony export */ generateTempInteractionId: function() { return /* binding */ generateTempInteractionId; }, | |
| 3252 | -/* harmony export */ isTempId: function() { return /* binding */ isTempId; } | |
| 3253 | -/* harmony export */ }); | |
| 3254 | -const TEMP_ID_PREFIX = 'temp-'; | |
| 3255 | -const TEMP_ID_REGEX = /^temp-[a-z0-9]+$/i; | |
| 3256 | -function generateTempInteractionId() { | |
| 3257 | - return `${TEMP_ID_PREFIX}${Math.random().toString(36).substring(2, 11)}`; | |
| 3258 | -} | |
| 3259 | -function isTempId(id) { | |
| 3260 | - return !!id && TEMP_ID_REGEX.test(id); | |
| 3261 | -} | |
| 3262 | - | |
| 3263 | -/***/ }), | |
| 3264 | - | |
| 3265 | -/***/ "./packages/packages/core/editor-interactions/src/utils/tracking.ts": | |
| 3266 | -/*!**************************************************************************!*\ | |
| 3267 | - !*** ./packages/packages/core/editor-interactions/src/utils/tracking.ts ***! | |
| 3268 | - \**************************************************************************/ | |
| 3269 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 3270 | - | |
| 3271 | -__webpack_require__.r(__webpack_exports__); | |
| 3272 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 3273 | -/* harmony export */ trackInteractionCreated: function() { return /* binding */ trackInteractionCreated; } | |
| 3274 | -/* harmony export */ }); | |
| 3275 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-elements */ "@elementor/editor-elements"); | |
| 3276 | -/* harmony import */ var _elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__); | |
| 3277 | -/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/events */ "@elementor/events"); | |
| 3278 | -/* harmony import */ var _elementor_events__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_events__WEBPACK_IMPORTED_MODULE_1__); | |
| 3279 | -/* harmony import */ var _prop_value_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 3280 | - | |
| 3281 | - | |
| 3282 | - | |
| 3283 | -const TRIGGER_LABELS = { | |
| 3284 | - load: 'On page load', | |
| 3285 | - scrollIn: 'Scroll into view', | |
| 3286 | - scrollOut: 'Scroll out of view', | |
| 3287 | - scrollOn: 'While scrolling', | |
| 3288 | - hover: 'Hover', | |
| 3289 | - click: 'Click' | |
| 3290 | -}; | |
| 3291 | -const capitalize = s => s.charAt(0).toUpperCase() + s.slice(1); | |
| 3292 | -const trackInteractionCreated = (elementId, item) => { | |
| 3293 | - const { | |
| 3294 | - dispatchEvent, | |
| 3295 | - config | |
| 3296 | - } = (0,_elementor_events__WEBPACK_IMPORTED_MODULE_1__.getMixpanel)(); | |
| 3297 | - if (!config?.names?.interactions?.created) { | |
| 3298 | - return; | |
| 3299 | - } | |
| 3300 | - const trigger = (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_2__.extractString)(item.value.trigger); | |
| 3301 | - const effect = (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_2__.extractString)(item.value.animation.value.effect); | |
| 3302 | - const type = (0,_prop_value_utils__WEBPACK_IMPORTED_MODULE_2__.extractString)(item.value.animation.value.type); | |
| 3303 | - dispatchEvent?.(config.names.interactions.created, { | |
| 3304 | - app_type: config?.appTypes?.editor, | |
| 3305 | - window_name: config?.appTypes?.editor, | |
| 3306 | - interaction_type: config?.triggers?.click, | |
| 3307 | - target_name: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementLabel)(elementId), | |
| 3308 | - interaction_result: 'interaction_created', | |
| 3309 | - target_location: config?.locations?.widgetPanel, | |
| 3310 | - location_l1: (0,_elementor_editor_elements__WEBPACK_IMPORTED_MODULE_0__.getElementLabel)(elementId), | |
| 3311 | - location_l2: 'interactions', | |
| 3312 | - interaction_description: 'interaction_created', | |
| 3313 | - interaction_trigger: TRIGGER_LABELS[trigger] ?? capitalize(trigger), | |
| 3314 | - interaction_effect: effect === 'custom' ? capitalize(effect) : `${capitalize(effect)} ${capitalize(type)}` | |
| 3315 | - }); | |
| 3316 | -}; | |
| 3317 | - | |
| 3318 | -/***/ }), | |
| 3319 | - | |
| 3320 | -/***/ "@elementor/editor-controls": | |
| 3321 | -/*!*************************************************!*\ | |
| 3322 | - !*** external ["elementorV2","editorControls"] ***! | |
| 3323 | - \*************************************************/ | |
| 3324 | -/***/ (function(module) { | |
| 3325 | - | |
| 3326 | -module.exports = window["elementorV2"]["editorControls"]; | |
| 3327 | - | |
| 3328 | -/***/ }), | |
| 3329 | - | |
| 3330 | -/***/ "@elementor/editor-elements": | |
| 3331 | -/*!*************************************************!*\ | |
| 3332 | - !*** external ["elementorV2","editorElements"] ***! | |
| 3333 | - \*************************************************/ | |
| 3334 | -/***/ (function(module) { | |
| 3335 | - | |
| 3336 | -module.exports = window["elementorV2"]["editorElements"]; | |
| 3337 | - | |
| 3338 | -/***/ }), | |
| 3339 | - | |
| 3340 | -/***/ "@elementor/editor-mcp": | |
| 3341 | -/*!********************************************!*\ | |
| 3342 | - !*** external ["elementorV2","editorMcp"] ***! | |
| 3343 | - \********************************************/ | |
| 3344 | -/***/ (function(module) { | |
| 3345 | - | |
| 3346 | -module.exports = window["elementorV2"]["editorMcp"]; | |
| 3347 | - | |
| 3348 | -/***/ }), | |
| 3349 | - | |
| 3350 | -/***/ "@elementor/editor-props": | |
| 3351 | -/*!**********************************************!*\ | |
| 3352 | - !*** external ["elementorV2","editorProps"] ***! | |
| 3353 | - \**********************************************/ | |
| 3354 | -/***/ (function(module) { | |
| 3355 | - | |
| 3356 | -module.exports = window["elementorV2"]["editorProps"]; | |
| 3357 | - | |
| 3358 | -/***/ }), | |
| 3359 | - | |
| 3360 | -/***/ "@elementor/editor-responsive": | |
| 3361 | -/*!***************************************************!*\ | |
| 3362 | - !*** external ["elementorV2","editorResponsive"] ***! | |
| 3363 | - \***************************************************/ | |
| 3364 | -/***/ (function(module) { | |
| 3365 | - | |
| 3366 | -module.exports = window["elementorV2"]["editorResponsive"]; | |
| 3367 | - | |
| 3368 | -/***/ }), | |
| 3369 | - | |
| 3370 | -/***/ "@elementor/editor-ui": | |
| 3371 | -/*!*******************************************!*\ | |
| 3372 | - !*** external ["elementorV2","editorUi"] ***! | |
| 3373 | - \*******************************************/ | |
| 3374 | -/***/ (function(module) { | |
| 3375 | - | |
| 3376 | -module.exports = window["elementorV2"]["editorUi"]; | |
| 3377 | - | |
| 3378 | -/***/ }), | |
| 3379 | - | |
| 3380 | -/***/ "@elementor/editor-v1-adapters": | |
| 3381 | -/*!***************************************************!*\ | |
| 3382 | - !*** external ["elementorV2","editorV1Adapters"] ***! | |
| 3383 | - \***************************************************/ | |
| 3384 | -/***/ (function(module) { | |
| 3385 | - | |
| 3386 | -module.exports = window["elementorV2"]["editorV1Adapters"]; | |
| 3387 | - | |
| 3388 | -/***/ }), | |
| 3389 | - | |
| 3390 | -/***/ "@elementor/events": | |
| 3391 | -/*!*****************************************!*\ | |
| 3392 | - !*** external ["elementorV2","events"] ***! | |
| 3393 | - \*****************************************/ | |
| 3394 | -/***/ (function(module) { | |
| 3395 | - | |
| 3396 | -module.exports = window["elementorV2"]["events"]; | |
| 3397 | - | |
| 3398 | -/***/ }), | |
| 3399 | - | |
| 3400 | -/***/ "@elementor/icons": | |
| 3401 | -/*!****************************************!*\ | |
| 3402 | - !*** external ["elementorV2","icons"] ***! | |
| 3403 | - \****************************************/ | |
| 3404 | -/***/ (function(module) { | |
| 3405 | - | |
| 3406 | -module.exports = window["elementorV2"]["icons"]; | |
| 3407 | - | |
| 3408 | -/***/ }), | |
| 3409 | - | |
| 3410 | -/***/ "@elementor/schema": | |
| 3411 | -/*!*****************************************!*\ | |
| 3412 | - !*** external ["elementorV2","schema"] ***! | |
| 3413 | - \*****************************************/ | |
| 3414 | -/***/ (function(module) { | |
| 3415 | - | |
| 3416 | -module.exports = window["elementorV2"]["schema"]; | |
| 3417 | - | |
| 3418 | -/***/ }), | |
| 3419 | - | |
| 3420 | -/***/ "@elementor/session": | |
| 3421 | -/*!******************************************!*\ | |
| 3422 | - !*** external ["elementorV2","session"] ***! | |
| 3423 | - \******************************************/ | |
| 3424 | -/***/ (function(module) { | |
| 3425 | - | |
| 3426 | -module.exports = window["elementorV2"]["session"]; | |
| 3427 | - | |
| 3428 | -/***/ }), | |
| 3429 | - | |
| 3430 | -/***/ "@elementor/ui": | |
| 3431 | -/*!*************************************!*\ | |
| 3432 | - !*** external ["elementorV2","ui"] ***! | |
| 3433 | - \*************************************/ | |
| 3434 | -/***/ (function(module) { | |
| 3435 | - | |
| 3436 | -module.exports = window["elementorV2"]["ui"]; | |
| 3437 | - | |
| 3438 | -/***/ }), | |
| 3439 | - | |
| 3440 | -/***/ "@elementor/utils": | |
| 3441 | -/*!****************************************!*\ | |
| 3442 | - !*** external ["elementorV2","utils"] ***! | |
| 3443 | - \****************************************/ | |
| 3444 | -/***/ (function(module) { | |
| 3445 | - | |
| 3446 | -module.exports = window["elementorV2"]["utils"]; | |
| 3447 | - | |
| 3448 | -/***/ }), | |
| 3449 | - | |
| 3450 | -/***/ "@wordpress/i18n": | |
| 3451 | -/*!******************************!*\ | |
| 3452 | - !*** external ["wp","i18n"] ***! | |
| 3453 | - \******************************/ | |
| 3454 | -/***/ (function(module) { | |
| 3455 | - | |
| 3456 | -module.exports = window["wp"]["i18n"]; | |
| 3457 | - | |
| 3458 | -/***/ }), | |
| 3459 | - | |
| 3460 | -/***/ "react": | |
| 3461 | -/*!**************************!*\ | |
| 3462 | - !*** external ["React"] ***! | |
| 3463 | - \**************************/ | |
| 3464 | -/***/ (function(module) { | |
| 3465 | - | |
| 3466 | -module.exports = window["React"]; | |
| 3467 | - | |
| 3468 | -/***/ }) | |
| 3469 | - | |
| 3470 | -/******/ }); | |
| 3471 | -/************************************************************************/ | |
| 3472 | -/******/ // The module cache | |
| 3473 | -/******/ var __webpack_module_cache__ = {}; | |
| 3474 | -/******/ | |
| 3475 | -/******/ // The require function | |
| 3476 | -/******/ function __webpack_require__(moduleId) { | |
| 3477 | -/******/ // Check if module is in cache | |
| 3478 | -/******/ var cachedModule = __webpack_module_cache__[moduleId]; | |
| 3479 | -/******/ if (cachedModule !== undefined) { | |
| 3480 | -/******/ return cachedModule.exports; | |
| 3481 | -/******/ } | |
| 3482 | -/******/ // Create a new module (and put it into the cache) | |
| 3483 | -/******/ var module = __webpack_module_cache__[moduleId] = { | |
| 3484 | -/******/ // no module.id needed | |
| 3485 | -/******/ // no module.loaded needed | |
| 3486 | -/******/ exports: {} | |
| 3487 | -/******/ }; | |
| 3488 | -/******/ | |
| 3489 | -/******/ // Execute the module function | |
| 3490 | -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); | |
| 3491 | -/******/ | |
| 3492 | -/******/ // Return the exports of the module | |
| 3493 | -/******/ return module.exports; | |
| 3494 | -/******/ } | |
| 3495 | -/******/ | |
| 3496 | -/************************************************************************/ | |
| 3497 | -/******/ /* webpack/runtime/compat get default export */ | |
| 3498 | -/******/ !function() { | |
| 3499 | -/******/ // getDefaultExport function for compatibility with non-harmony modules | |
| 3500 | -/******/ __webpack_require__.n = function(module) { | |
| 3501 | -/******/ var getter = module && module.__esModule ? | |
| 3502 | -/******/ function() { return module['default']; } : | |
| 3503 | -/******/ function() { return module; }; | |
| 3504 | -/******/ __webpack_require__.d(getter, { a: getter }); | |
| 3505 | -/******/ return getter; | |
| 3506 | -/******/ }; | |
| 3507 | -/******/ }(); | |
| 3508 | -/******/ | |
| 3509 | -/******/ /* webpack/runtime/define property getters */ | |
| 3510 | -/******/ !function() { | |
| 3511 | -/******/ // define getter functions for harmony exports | |
| 3512 | -/******/ __webpack_require__.d = function(exports, definition) { | |
| 3513 | -/******/ for(var key in definition) { | |
| 3514 | -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { | |
| 3515 | -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); | |
| 3516 | -/******/ } | |
| 3517 | -/******/ } | |
| 3518 | -/******/ }; | |
| 3519 | -/******/ }(); | |
| 3520 | -/******/ | |
| 3521 | -/******/ /* webpack/runtime/hasOwnProperty shorthand */ | |
| 3522 | -/******/ !function() { | |
| 3523 | -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } | |
| 3524 | -/******/ }(); | |
| 3525 | -/******/ | |
| 3526 | -/******/ /* webpack/runtime/make namespace object */ | |
| 3527 | -/******/ !function() { | |
| 3528 | -/******/ // define __esModule on exports | |
| 3529 | -/******/ __webpack_require__.r = function(exports) { | |
| 3530 | -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { | |
| 3531 | -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); | |
| 3532 | -/******/ } | |
| 3533 | -/******/ Object.defineProperty(exports, '__esModule', { value: true }); | |
| 3534 | -/******/ }; | |
| 3535 | -/******/ }(); | |
| 3536 | -/******/ | |
| 3537 | -/************************************************************************/ | |
| 3538 | -var __webpack_exports__ = {}; | |
| 3539 | -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. | |
| 3540 | -!function() { | |
| 3541 | -/*!*****************************************************************!*\ | |
| 3542 | - !*** ./packages/packages/core/editor-interactions/src/index.ts ***! | |
| 3543 | - \*****************************************************************/ | |
| 3544 | -__webpack_require__.r(__webpack_exports__); | |
| 3545 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 3546 | -/* harmony export */ BASE_EASINGS: function() { return /* reexport safe */ _components_controls_easing__WEBPACK_IMPORTED_MODULE_9__.BASE_EASINGS; }, | |
| 3547 | -/* harmony export */ BASE_EFFECTS: function() { return /* reexport safe */ _components_controls_effect__WEBPACK_IMPORTED_MODULE_11__.BASE_EFFECTS; }, | |
| 3548 | -/* harmony export */ BASE_REPLAY: function() { return /* reexport safe */ _components_controls_replay__WEBPACK_IMPORTED_MODULE_10__.BASE_REPLAY; }, | |
| 3549 | -/* harmony export */ BASE_TRIGGERS: function() { return /* reexport safe */ _components_controls_trigger__WEBPACK_IMPORTED_MODULE_8__.BASE_TRIGGERS; }, | |
| 3550 | -/* harmony export */ DEFAULT_VALUES: function() { return /* reexport safe */ _components_interaction_details__WEBPACK_IMPORTED_MODULE_13__.DEFAULT_VALUES; }, | |
| 3551 | -/* harmony export */ EASING_OPTIONS: function() { return /* reexport safe */ _components_controls_easing__WEBPACK_IMPORTED_MODULE_9__.EASING_OPTIONS; }, | |
| 3552 | -/* harmony export */ EFFECT_OPTIONS: function() { return /* reexport safe */ _components_controls_effect__WEBPACK_IMPORTED_MODULE_11__.EFFECT_OPTIONS; }, | |
| 3553 | -/* harmony export */ ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX: function() { return /* reexport safe */ _providers_document_elements_interactions_provider__WEBPACK_IMPORTED_MODULE_5__.ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX; }, | |
| 3554 | -/* harmony export */ EmptyState: function() { return /* reexport safe */ _components_empty_state__WEBPACK_IMPORTED_MODULE_0__.EmptyState; }, | |
| 3555 | -/* harmony export */ InteractionsTab: function() { return /* reexport safe */ _components_interactions_tab__WEBPACK_IMPORTED_MODULE_1__.InteractionsTab; }, | |
| 3556 | -/* harmony export */ REPEAT_OPTIONS: function() { return /* reexport safe */ _components_controls_repeat__WEBPACK_IMPORTED_MODULE_12__.REPEAT_OPTIONS; }, | |
| 3557 | -/* harmony export */ REPEAT_TOOLTIPS: function() { return /* reexport safe */ _components_controls_repeat__WEBPACK_IMPORTED_MODULE_12__.REPEAT_TOOLTIPS; }, | |
| 3558 | -/* harmony export */ REPLAY_OPTIONS: function() { return /* reexport safe */ _components_controls_replay__WEBPACK_IMPORTED_MODULE_10__.REPLAY_OPTIONS; }, | |
| 3559 | -/* harmony export */ SCROLL_INTERACTION_EVENT: function() { return /* reexport safe */ _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_19__.SCROLL_INTERACTION_EVENT; }, | |
| 3560 | -/* harmony export */ TRIGGER_OPTIONS: function() { return /* reexport safe */ _components_controls_trigger__WEBPACK_IMPORTED_MODULE_8__.TRIGGER_OPTIONS; }, | |
| 3561 | -/* harmony export */ buildDisplayLabel: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.buildDisplayLabel; }, | |
| 3562 | -/* harmony export */ createAnimationPreset: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createAnimationPreset; }, | |
| 3563 | -/* harmony export */ createBoolean: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createBoolean; }, | |
| 3564 | -/* harmony export */ createConfig: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createConfig; }, | |
| 3565 | -/* harmony export */ createDefaultInteractionItem: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createDefaultInteractionItem; }, | |
| 3566 | -/* harmony export */ createDefaultInteractions: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createDefaultInteractions; }, | |
| 3567 | -/* harmony export */ createExcludedBreakpoints: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createExcludedBreakpoints; }, | |
| 3568 | -/* harmony export */ createInteractionBreakpoints: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createInteractionBreakpoints; }, | |
| 3569 | -/* harmony export */ createInteractionItem: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createInteractionItem; }, | |
| 3570 | -/* harmony export */ createInteractionsProvider: function() { return /* reexport safe */ _utils_create_interactions_provider__WEBPACK_IMPORTED_MODULE_4__.createInteractionsProvider; }, | |
| 3571 | -/* harmony export */ createNumber: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createNumber; }, | |
| 3572 | -/* harmony export */ createString: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createString; }, | |
| 3573 | -/* harmony export */ createTimingConfig: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.createTimingConfig; }, | |
| 3574 | -/* harmony export */ dispatchScrollInteraction: function() { return /* reexport safe */ _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_19__.dispatchScrollInteraction; }, | |
| 3575 | -/* harmony export */ extractBoolean: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.extractBoolean; }, | |
| 3576 | -/* harmony export */ extractExcludedBreakpoints: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.extractExcludedBreakpoints; }, | |
| 3577 | -/* harmony export */ extractScrollOverlayParams: function() { return /* reexport safe */ _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_19__.extractScrollOverlayParams; }, | |
| 3578 | -/* harmony export */ extractSize: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.extractSize; }, | |
| 3579 | -/* harmony export */ extractString: function() { return /* reexport safe */ _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__.extractString; }, | |
| 3580 | -/* harmony export */ formatSizeValue: function() { return /* reexport safe */ _utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_17__.formatSizeValue; }, | |
| 3581 | -/* harmony export */ generateTempInteractionId: function() { return /* reexport safe */ _utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_15__.generateTempInteractionId; }, | |
| 3582 | -/* harmony export */ getInteractionsConfig: function() { return /* reexport safe */ _utils_get_interactions_config__WEBPACK_IMPORTED_MODULE_2__.getInteractionsConfig; }, | |
| 3583 | -/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_6__.init; }, | |
| 3584 | -/* harmony export */ interactionsRepository: function() { return /* reexport safe */ _interactions_repository__WEBPACK_IMPORTED_MODULE_3__.interactionsRepository; }, | |
| 3585 | -/* harmony export */ isTempId: function() { return /* reexport safe */ _utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_15__.isTempId; }, | |
| 3586 | -/* harmony export */ parseSizeValue: function() { return /* reexport safe */ _utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_17__.parseSizeValue; }, | |
| 3587 | -/* harmony export */ registerInteractionsControl: function() { return /* reexport safe */ _interactions_controls_registry__WEBPACK_IMPORTED_MODULE_7__.registerInteractionsControl; }, | |
| 3588 | -/* harmony export */ resolveDirection: function() { return /* reexport safe */ _utils_resolve_direction__WEBPACK_IMPORTED_MODULE_16__.resolveDirection; }, | |
| 3589 | -/* harmony export */ syncGridOverlay: function() { return /* reexport safe */ _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_19__.syncGridOverlay; }, | |
| 3590 | -/* harmony export */ useElementInteractions: function() { return /* reexport safe */ _hooks_use_element_interactions__WEBPACK_IMPORTED_MODULE_18__.useElementInteractions; } | |
| 3591 | -/* harmony export */ }); | |
| 3592 | -/* harmony import */ var _components_empty_state__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/empty-state */ "./packages/packages/core/editor-interactions/src/components/empty-state.tsx"); | |
| 3593 | -/* harmony import */ var _components_interactions_tab__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/interactions-tab */ "./packages/packages/core/editor-interactions/src/components/interactions-tab.tsx"); | |
| 3594 | -/* harmony import */ var _utils_get_interactions_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/get-interactions-config */ "./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts"); | |
| 3595 | -/* harmony import */ var _interactions_repository__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./interactions-repository */ "./packages/packages/core/editor-interactions/src/interactions-repository.ts"); | |
| 3596 | -/* harmony import */ var _utils_create_interactions_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/create-interactions-provider */ "./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts"); | |
| 3597 | -/* harmony import */ var _providers_document_elements_interactions_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./providers/document-elements-interactions-provider */ "./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts"); | |
| 3598 | -/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-interactions/src/init.ts"); | |
| 3599 | -/* harmony import */ var _interactions_controls_registry__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./interactions-controls-registry */ "./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"); | |
| 3600 | -/* harmony import */ var _components_controls_trigger__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/controls/trigger */ "./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx"); | |
| 3601 | -/* harmony import */ var _components_controls_easing__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/controls/easing */ "./packages/packages/core/editor-interactions/src/components/controls/easing.tsx"); | |
| 3602 | -/* harmony import */ var _components_controls_replay__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/controls/replay */ "./packages/packages/core/editor-interactions/src/components/controls/replay.tsx"); | |
| 3603 | -/* harmony import */ var _components_controls_effect__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/controls/effect */ "./packages/packages/core/editor-interactions/src/components/controls/effect.tsx"); | |
| 3604 | -/* harmony import */ var _components_controls_repeat__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./components/controls/repeat */ "./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx"); | |
| 3605 | -/* harmony import */ var _components_interaction_details__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/interaction-details */ "./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"); | |
| 3606 | -/* harmony import */ var _utils_prop_value_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/prop-value-utils */ "./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"); | |
| 3607 | -/* harmony import */ var _utils_temp_id_utils__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./utils/temp-id-utils */ "./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"); | |
| 3608 | -/* harmony import */ var _utils_resolve_direction__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./utils/resolve-direction */ "./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts"); | |
| 3609 | -/* harmony import */ var _utils_size_transform_utils__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./utils/size-transform-utils */ "./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"); | |
| 3610 | -/* harmony import */ var _hooks_use_element_interactions__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./hooks/use-element-interactions */ "./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts"); | |
| 3611 | -/* harmony import */ var _utils_scroll_interaction_event__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./utils/scroll-interaction-event */ "./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts"); | |
| 3612 | - | |
| 3613 | - | |
| 3614 | - | |
| 3615 | - | |
| 3616 | - | |
| 3617 | - | |
| 3618 | - | |
| 3619 | - | |
| 3620 | - | |
| 3621 | - | |
| 3622 | - | |
| 3623 | - | |
| 3624 | - | |
| 3625 | - | |
| 3626 | - | |
| 3627 | - | |
| 3628 | - | |
| 3629 | - | |
| 3630 | - | |
| 3631 | - | |
| 3632 | -}(); | |
| 3633 | -(window.elementorV2 = window.elementorV2 || {}).editorInteractions = __webpack_exports__; | |
| 3634 | -/******/ })() | |
| 3635 | -; | |
| 3636 | -window.elementorV2.editorInteractions?.init?.(); | |
| 1 | +/*! For license information please see editor-interactions.js.LICENSE.txt */ | |
| 2 | +!function(){"use strict";var e={"./packages/packages/core/editor-interactions/src/commands/get-clipboard-elements.ts":function(e,t,n){function getClipboardElements(e="clipboard"){try{const t=JSON.parse(localStorage.getItem("elementor")??"{}");return t[e]?.elements}catch{return}}n.r(t),n.d(t,{getClipboardElements:function(){return getClipboardElements}})},"./packages/packages/core/editor-interactions/src/commands/paste-interactions.ts":function(e,t,n){n.r(t),n.d(t,{initPasteInteractionsCommand:function(){return initPasteInteractionsCommand}});var r=n("@elementor/editor-elements"),o=n("@elementor/editor-v1-adapters"),i=n("@wordpress/i18n"),a=n("./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts"),c=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),s=n("./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"),l=n("./packages/packages/core/editor-interactions/src/commands/get-clipboard-elements.ts");function isAtomicContainer(e){const t=e?.model.get("widgetType")||e?.model.get("elType"),n=(0,r.getWidgetsCache)(),o=n?.[t];return Boolean(o?.atomic_props_schema)}function initPasteInteractionsCommand(){const e=(0,o.undoable)({do:({containers:e,newInteractions:t})=>{const n=function regenerateInteractionIds(e){const t=structuredClone(e);return t.items?.forEach(e=>{"interaction-item"===e.$$type&&e.value&&(e.value.interaction_id=(0,c.createString)((0,s.generateTempInteractionId)()))}),t}(t);return e.map(e=>{const t=e.id,o=(0,r.getElementInteractions)(t);return(0,r.updateElementInteractions)({elementId:t,interactions:n}),{elementId:t,previous:o??{version:1,items:[]}}})},undo:(e,t)=>{t.forEach(({elementId:e,previous:t})=>{(0,r.updateElementInteractions)({elementId:e,interactions:t.items?.length?t:void 0})})}},{title:({containers:e})=>function getTitleForContainers(e){return e.length>1?(0,i.__)("Elements","elementor"):(0,r.getElementLabel)(e[0].id)}(e),subtitle:(0,i.__)("Interactions Pasted","elementor")});(0,o.__privateListenTo)((0,o.commandStartEvent)("document/elements/paste-interactions"),t=>{const n=t.args,o=n.containers??(n.container?[n.container]:[]),i=n.storageKey??"clipboard";if(!o.length)return;const c=(0,l.getClipboardElements)(i),[s]=c??[];if(!s)return;const u=function normalizeClipboardInteractions(e){if(!e)return null;const t="string"==typeof e?JSON.parse(e):e,n={version:t?.version??1,items:t?.items?.filter(e=>(0,a.isSupportedInteractionItem)(e))??[]};return n.items.length?n:null}(s.interactions);if(!u)return;const p=o.filter(e=>(0,r.getContainer)(e.id)).filter(isAtomicContainer);p.length&&e({containers:p,newInteractions:u})})}},"./packages/packages/core/editor-interactions/src/components/controls/direction.tsx":function(e,t,n){n.r(t),n.d(t,{Direction:function(){return Direction}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/icons"),a=n("@elementor/ui"),c=n("@wordpress/i18n");const s={top:"vertical",bottom:"vertical",left:"horizontal",right:"horizontal"};function Direction({value:e,onChange:t,interactionType:n}){const l="in"===n,u=(0,r.useMemo)(()=>[{dir:"top",label:l?(0,c.__)("From top","elementor"):(0,c.__)("To top","elementor"),Icon:l?i.ArrowDownSmallIcon:i.ArrowUpSmallIcon},{dir:"bottom",label:l?(0,c.__)("From bottom","elementor"):(0,c.__)("To bottom","elementor"),Icon:l?i.ArrowUpSmallIcon:i.ArrowDownSmallIcon},{dir:"left",label:l?(0,c.__)("From left","elementor"):(0,c.__)("To left","elementor"),Icon:l?i.ArrowRightIcon:i.ArrowLeftIcon},{dir:"right",label:l?(0,c.__)("From right","elementor"):(0,c.__)("To right","elementor"),Icon:l?i.ArrowLeftIcon:i.ArrowRightIcon}],[l]),p=(0,r.useMemo)(()=>function parseValue(e){return e.split("-").filter(Boolean)}(e),[e]);return r.createElement(o.StyledToggleButtonGroup,{size:"tiny",justify:"end",sx:{display:"grid",gridTemplateColumns:"repeat(4, minmax(0, 25%))",width:"100%"}},u.map(({dir:e,label:n,Icon:i})=>r.createElement(a.Tooltip,{key:e,title:n,disableFocusListener:!0,placement:"top"},r.createElement(o.StyledToggleButton,{value:e,selected:p.includes(e),"aria-label":n,size:"tiny",isPlaceholder:!1,onChange:()=>{const n=function toggleDirection(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e.filter(e=>s[e]!==s[t]),t]}(p,e);t(function serializeValue(e){const t=e.find(e=>"top"===e||"bottom"===e),n=e.find(e=>"left"===e||"right"===e);return t&&n?`${t}-${n}`:e[0]??""}(n))}},r.createElement(i,{fontSize:"tiny"})))))}},"./packages/packages/core/editor-interactions/src/components/controls/easing.tsx":function(e,t,n){n.r(t),n.d(t,{BASE_EASINGS:function(){return l},EASING_OPTIONS:function(){return s},Easing:function(){return Easing}});var r=n("react"),o=n("@wordpress/i18n"),i=n("./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx"),a=n("./packages/packages/core/editor-interactions/src/components/interaction-details.tsx");const c={target_name:"interactions_easing",location_l2:"interactions"},s={easeIn:(0,o.__)("Ease In","elementor"),easeInOut:(0,o.__)("Ease In Out","elementor"),easeOut:(0,o.__)("Ease Out","elementor"),backIn:(0,o.__)("Back In","elementor"),backInOut:(0,o.__)("Back In Out","elementor"),backOut:(0,o.__)("Back Out","elementor"),linear:(0,o.__)("Linear","elementor")},l=["easeIn"];function Easing({}){const e=Object.fromEntries(Object.entries(s).filter(([e])=>l.includes(e))),t=Object.fromEntries(Object.entries(s).filter(([e])=>!l.includes(e)));return r.createElement(i.PromotionSelect,{value:a.DEFAULT_VALUES.easing,baseOptions:e,disabledOptions:t,promotionContent:(0,o.__)("Upgrade to control the smoothness of the interaction.","elementor"),upgradeUrl:"https://go.elementor.com/go-pro-interactions-easing-modal/",trackingData:c})}},"./packages/packages/core/editor-interactions/src/components/controls/effect-type.tsx":function(e,t,n){n.r(t),n.d(t,{EffectType:function(){return EffectType}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@wordpress/i18n");function EffectType({value:e,onChange:t}){const n=[{value:"in",label:(0,i.__)("In","elementor"),renderContent:()=>(0,i.__)("In","elementor"),showTooltip:!0},{value:"out",label:(0,i.__)("Out","elementor"),renderContent:()=>(0,i.__)("Out","elementor"),showTooltip:!0}];return r.createElement(o.ToggleButtonGroupUi,{items:n,exclusive:!0,onChange:t,value:e})}},"./packages/packages/core/editor-interactions/src/components/controls/effect.tsx":function(e,t,n){n.r(t),n.d(t,{BASE_EFFECTS:function(){return l},EFFECT_OPTIONS:function(){return s},Effect:function(){return Effect}});var r=n("react"),o=n("@wordpress/i18n"),i=n("./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx"),a=n("./packages/packages/core/editor-interactions/src/components/interaction-details.tsx");const c={target_name:"interactions_effect",location_l2:"interactions"},s={fade:(0,o.__)("Fade","elementor"),slide:(0,o.__)("Slide","elementor"),scale:(0,o.__)("Scale","elementor"),custom:(0,o.__)("Custom","elementor")},l=["fade","slide","scale"];function Effect({value:e,onChange:t}){const n=Object.fromEntries(Object.entries(s).filter(([e])=>l.includes(e))),u=Object.fromEntries(Object.entries(s).filter(([e])=>!l.includes(e)));return r.createElement(i.PromotionSelect,{value:e in n?e:a.DEFAULT_VALUES.effect,onChange:t,baseOptions:n,disabledOptions:u,promotionLabel:(0,o.__)("PRO effects","elementor"),promotionContent:(0,o.__)("Upgrade to further customize your animation with opacity, scale, move, rotate and more.","elementor"),upgradeUrl:"https://go.elementor.com/go-pro-interactions-custom-effect-modal/",trackingData:c})}},"./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx":function(e,t,n){n.r(t),n.d(t,{REPEAT_OPTIONS:function(){return u},REPEAT_TOOLTIPS:function(){return p},Repeat:function(){return Repeat}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/icons"),a=n("@wordpress/i18n"),c=n("./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx"),s=n("./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx");const l={target_name:"interactions_repeat",location_l2:"interactions"},u={times:(0,a.__)("times","elementor"),loop:(0,a.__)("loop","elementor")},p={times:(0,a.__)("Enable number","elementor"),loop:(0,a.__)("Infinite repeat","elementor")};function Repeat(){const e=(0,r.useRef)(null),t=[{value:u.times,disabled:!0,label:p.times,renderContent:({size:e})=>r.createElement(i.Number123Icon,{fontSize:e}),showTooltip:!0},{value:u.loop,disabled:!0,label:p.loop,renderContent:({size:e})=>r.createElement(i.RepeatIcon,{fontSize:e}),showTooltip:!0}];return r.createElement(s.PromotionOverlayLayout,{ref:e,promotionChip:r.createElement(c.InteractionsPromotionChip,{content:(0,a.__)("Upgrade to control how many times the animation repeats.","elementor"),upgradeUrl:"https://go.elementor.com/go-pro-interactions-repeat-modal/",anchorRef:e,trackingData:l})},r.createElement(o.ToggleButtonGroupUi,{items:t,exclusive:!0,onChange:()=>{},value:""}))}},"./packages/packages/core/editor-interactions/src/components/controls/replay.tsx":function(e,t,n){n.r(t),n.d(t,{BASE_REPLAY:function(){return p},REPLAY_OPTIONS:function(){return u},Replay:function(){return Replay}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/icons"),a=n("@wordpress/i18n"),c=n("./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx"),s=n("./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx");const l={target_name:"interactions_replay",location_l2:"interactions"},u={no:(0,a.__)("No","elementor"),yes:(0,a.__)("Yes","elementor")},p=["no"];function Replay({onChange:e}){const t=(0,r.useRef)(null),n=[{value:!1,disabled:!1,label:u.no,renderContent:({size:e})=>r.createElement(i.MinusIcon,{fontSize:e}),showTooltip:!0},{value:!0,disabled:!0,label:u.yes,renderContent:({size:e})=>r.createElement(i.CheckIcon,{fontSize:e}),showTooltip:!0}];return r.createElement(s.PromotionOverlayLayout,{ref:t,promotionChip:r.createElement(c.InteractionsPromotionChip,{content:(0,a.__)("Upgrade to run the animation every time its trigger occurs.","elementor"),upgradeUrl:"https://go.elementor.com/go-pro-interactions-replay-modal/",anchorRef:t,trackingData:l})},r.createElement(o.ToggleButtonGroupUi,{items:n,exclusive:!0,onChange:e,value:!1}))}},"./packages/packages/core/editor-interactions/src/components/controls/time-frame-indicator.tsx":function(e,t,n){n.r(t),n.d(t,{TimeFrameIndicator:function(){return TimeFrameIndicator}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("./packages/packages/core/editor-interactions/src/configs/time-constants.ts"),a=n("./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts");function TimeFrameIndicator({value:e,onChange:t,defaultValue:n}){const c=(0,a.parseSizeValue)(e,i.TIME_UNITS,n,i.DEFAULT_TIME_UNIT),s=(0,r.useCallback)(e=>{t((0,a.formatSizeValue)(e))},[t]);return r.createElement(o.SizeComponent,{units:i.TIME_UNITS,value:c,setValue:s,onBlur:e=>{e.target.value||s((0,a.parseSizeValue)(n,i.TIME_UNITS,void 0,i.DEFAULT_TIME_UNIT))},InputProps:{inputProps:{min:0}}})}},"./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx":function(e,t,n){n.r(t),n.d(t,{BASE_TRIGGERS:function(){return l},TRIGGER_OPTIONS:function(){return s},Trigger:function(){return Trigger}});var r=n("react"),o=n("@wordpress/i18n"),i=n("./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx"),a=n("./packages/packages/core/editor-interactions/src/components/interaction-details.tsx");const c={target_name:"interactions_trigger",location_l2:"interactions"},s={load:(0,o.__)("Page load","elementor"),scrollIn:(0,o.__)("Scroll into view","elementor"),scrollOn:(0,o.__)("While scrolling","elementor"),hover:(0,o.__)("On hover","elementor"),click:(0,o.__)("On click","elementor")},l=["load","scrollIn"];function Trigger({value:e,onChange:t}){const n=Object.fromEntries(Object.entries(s).filter(([e])=>l.includes(e))),u=Object.fromEntries(Object.entries(s).filter(([e])=>!l.includes(e)));return r.createElement(i.PromotionSelect,{value:e in n?e:a.DEFAULT_VALUES.trigger,onChange:t,baseOptions:n,disabledOptions:u,promotionLabel:(0,o.__)("PRO triggers","elementor"),promotionContent:(0,o.__)("Upgrade to unlock more interactions triggers.","elementor"),upgradeUrl:"https://go.elementor.com/go-pro-interactions-triggers-modal/",trackingData:c})}},"./packages/packages/core/editor-interactions/src/components/empty-state.tsx":function(e,t,n){n.r(t),n.d(t,{EmptyState:function(){return EmptyState}});var r=n("react"),o=n("@elementor/icons"),i=n("@elementor/ui"),a=n("@wordpress/i18n");const EmptyState=({onCreateInteraction:e})=>r.createElement(i.Stack,{alignItems:"center",justifyContent:"center",height:"100%",color:"text.secondary",sx:{p:2.5,pt:8,pb:5.5},gap:1.5},r.createElement(o.SwipeIcon,{fontSize:"large"}),r.createElement(i.Typography,{align:"center",variant:"subtitle2"},(0,a.__)("Animate elements with Interactions","elementor")),r.createElement(i.Typography,{align:"center",variant:"caption",maxWidth:"170px"},(0,a.__)("Add entrance animations and effects triggered by user interactions such as page load or scroll.","elementor")),r.createElement(i.Button,{variant:"outlined",color:"secondary",size:"small",sx:{mt:1},onClick:e},(0,a.__)("Create an interaction","elementor")))},"./packages/packages/core/editor-interactions/src/components/field.tsx":function(e,t,n){n.r(t),n.d(t,{Field:function(){return Field}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/ui");const Field=({label:e,children:t})=>r.createElement(i.Grid,{item:!0,xs:12,"aria-label":`${e} control`},r.createElement(o.PopoverGridContainer,null,r.createElement(i.Grid,{item:!0,xs:6},r.createElement(o.ControlFormLabel,null,e)),r.createElement(i.Grid,{item:!0,xs:6},t)))},"./packages/packages/core/editor-interactions/src/components/interaction-details.tsx":function(e,t,n){n.r(t),n.d(t,{DEFAULT_VALUES:function(){return g},InteractionDetails:function(){return InteractionDetails}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/ui"),a=n("@wordpress/i18n"),c=n("./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"),s=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),l=n("./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts"),u=n("./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts"),p=n("./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"),m=n("./packages/packages/core/editor-interactions/src/components/controls/time-frame-indicator.tsx"),d=n("./packages/packages/core/editor-interactions/src/components/field.tsx");const g={trigger:"load",effect:"fade",type:"in",direction:"",duration:600,delay:0,replay:!1,easing:"easeIn",relativeTo:"viewport",repeat:"",times:1,start:85,end:15},f=["load","scrollOn","hover","click"],controlVisibilityConfig_replay=e=>!f.includes(e.trigger),controlVisibilityConfig_custom=e=>"custom"===e.effect,controlVisibilityConfig_effectType=e=>"custom"!==e.effect,controlVisibilityConfig_direction=e=>"custom"!==e.effect,controlVisibilityConfig_relativeTo=e=>"scrollOn"===e.trigger,controlVisibilityConfig_start=e=>"scrollOn"===e.trigger,controlVisibilityConfig_end=e=>"scrollOn"===e.trigger,controlVisibilityConfig_repeat=e=>"scrollOn"!==e.trigger,controlVisibilityConfig_times=e=>"scrollOn"!==e.trigger&&"times"===e.repeat,controlVisibilityConfig_duration=e=>!("scrollOn"===e.trigger),controlVisibilityConfig_delay=e=>!("scrollOn"===e.trigger);function normalizeTimesValue(e,t){const n=Number(e);return Number.isFinite(n)?Math.max(1,Math.floor(n)):t}function useControlComponent(e,t=!0){return(0,r.useMemo)(()=>t?(0,c.getInteractionsControl)(e)?.component??null:null,[e,t])}const InteractionDetails=({interaction:e,onChange:t,onPlayInteraction:n})=>{const c=(0,s.extractString)(e.trigger,g.trigger),f=(0,s.extractString)(e.animation.value.effect,g.effect),_=e.animation.value.custom_effect,I=(0,s.extractString)(e.animation.value.type,g.type),k=(0,s.extractString)(e.animation.value.direction,g.direction),v=(0,s.extractSize)(e.animation.value.timing_config.value.duration),E=(0,s.extractSize)(e.animation.value.timing_config.value.delay),y=(0,s.extractBoolean)(e.animation.value.config?.value.replay,g.replay),b=(0,s.extractString)(e.animation.value.config?.value.easing,g.easing),h=(0,s.extractString)(e.animation.value.config?.value.relativeTo,g.relativeTo),T=e.animation.value.config?.value,x=(0,s.extractString)(T?.repeat,g.repeat),S=normalizeTimesValue(T?.times?.value,g.times),C=(0,s.extractSize)(e.animation.value.config?.value.start,g.start),w=(0,s.extractSize)(e.animation.value.config?.value.end,g.end),O={trigger:c,effect:f,type:I,direction:k,duration:v,delay:E,easing:b,replay:y,relativeTo:h,repeat:x,times:S,start:C,end:w,customEffects:_},P=useControlComponent("trigger",!0),R=useControlComponent("effect"),z=useControlComponent("replay",controlVisibilityConfig_replay(O)),A=useControlComponent("relativeTo",controlVisibilityConfig_relativeTo(O)),N=useControlComponent("start",controlVisibilityConfig_start(O)),D=useControlComponent("end",controlVisibilityConfig_end(O)),L=useControlComponent("customEffects",controlVisibilityConfig_custom(O)),$=useControlComponent("effectType",controlVisibilityConfig_effectType(O)),M=useControlComponent("direction",controlVisibilityConfig_direction(O)),U=useControlComponent("repeat",controlVisibilityConfig_repeat(O)),F=useControlComponent("times",controlVisibilityConfig_times(O)),B=useControlComponent("easing"),updateInteraction=r=>{const o=(0,l.resolveDirection)("direction"in r,r.effect,r.direction,k,f),i={...e,interaction_id:e.interaction_id,trigger:(0,s.createString)(r.trigger??c),animation:(0,s.createAnimationPreset)({effect:r.effect??f,type:r.type??I,direction:o,duration:r.duration??v,delay:r.delay??E,replay:r.replay??y,easing:r.easing??b,relativeTo:r.relativeTo??h,repeat:r.repeat??x,times:r.times??S,start:r.start??C,end:r.end??w,customEffects:r.customEffects??_})};t(i),(0,u.syncGridOverlay)(r.trigger??c,r.start??C,r.end??w,r.relativeTo??h);const a=(0,s.extractString)(i.interaction_id);setTimeout(()=>{n(a)},0)};return r.createElement(o.PopoverContent,{p:1.5},r.createElement(i.Grid,{container:!0,spacing:1.5},P&&r.createElement(d.Field,{label:(0,a.__)("Trigger","elementor")},r.createElement(P,{value:c,onChange:e=>updateInteraction({trigger:e})})),z&&r.createElement(d.Field,{label:(0,a.__)("Replay","elementor")},r.createElement(z,{value:y,onChange:e=>updateInteraction({replay:e}),disabled:!0}))),r.createElement(i.Divider,null),r.createElement(i.Grid,{container:!0,spacing:1.5},R&&r.createElement(d.Field,{label:(0,a.__)("Effect","elementor")},r.createElement(R,{value:f,onChange:e=>updateInteraction({effect:e})})),L&&r.createElement(d.Field,{label:(0,a.__)("Custom Effect","elementor")},r.createElement(L,{value:_,onChange:e=>updateInteraction({customEffects:e})})),$&&r.createElement(d.Field,{label:(0,a.__)("Type","elementor")},r.createElement($,{value:I,onChange:e=>updateInteraction({type:e})})),M&&r.createElement(d.Field,{label:(0,a.__)("Direction","elementor")},r.createElement(M,{value:k,onChange:e=>updateInteraction({direction:e}),interactionType:I})),U&&r.createElement(d.Field,{label:(0,a.__)("Repeat","elementor")},r.createElement(U,{value:x,onChange:e=>updateInteraction({repeat:e})})),F&&r.createElement(d.Field,{label:(0,a.__)("Times","elementor")},r.createElement(F,{value:S,onChange:e=>updateInteraction({times:normalizeTimesValue(e,g.times)})})),controlVisibilityConfig_duration(O)&&r.createElement(d.Field,{label:(0,a.__)("Duration","elementor")},r.createElement(m.TimeFrameIndicator,{value:String(v),onChange:e=>updateInteraction({duration:e}),defaultValue:g.duration})),controlVisibilityConfig_delay(O)&&r.createElement(d.Field,{label:(0,a.__)("Delay","elementor")},r.createElement(m.TimeFrameIndicator,{value:String(E),onChange:e=>updateInteraction({delay:e}),defaultValue:g.delay}))),controlVisibilityConfig_relativeTo(O)&&A&&r.createElement(r.Fragment,null,r.createElement(i.Divider,null),r.createElement(i.Grid,{container:!0,spacing:1.5},N&&r.createElement(d.Field,{label:(0,a.__)("Start","elementor")},r.createElement(N,{value:(0,p.parseSizeValue)(C,["%"]).size?.toString()??"",onChange:e=>updateInteraction({start:e})})),D&&r.createElement(d.Field,{label:(0,a.__)("End","elementor")},r.createElement(D,{value:(0,p.parseSizeValue)(w,["%"]).size?.toString()??"",onChange:e=>updateInteraction({end:e})})),r.createElement(d.Field,{label:(0,a.__)("Relative To","elementor")},r.createElement(A,{value:h,onChange:e=>updateInteraction({relativeTo:e})}))),r.createElement(i.Divider,null)),B&&r.createElement(i.Grid,{container:!0,spacing:1.5},r.createElement(d.Field,{label:(0,a.__)("Easing","elementor")},r.createElement(B,{value:b,onChange:e=>{updateInteraction({easing:e})}}))))}},"./packages/packages/core/editor-interactions/src/components/interaction-settings.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionSettings:function(){return InteractionSettings}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/editor-responsive"),a=n("@elementor/ui"),c=n("@wordpress/i18n"),s=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const l="tiny",InteractionSettings=({interaction:e,onChange:t})=>{const n=(0,i.useBreakpoints)(),u=(0,r.useMemo)(()=>n.map(e=>({label:e.label,value:String(e.id)})),[n]),[p,m]=(0,r.useState)(()=>{const t=(0,s.extractExcludedBreakpoints)(e.breakpoints).filter(e=>u.some(({value:t})=>t===e));return u.filter(({value:e})=>!t.includes(e))}),d=(0,r.useCallback)((n,r)=>{m(r);const o=r.map(e=>e.value),i=u.filter(e=>!o.includes(e.value)).map(e=>e.value),a={...e,...i.length>0&&{breakpoints:(0,s.createInteractionBreakpoints)(i)}};0===i.length&&delete a.breakpoints,t(a)},[e,u,t]);return r.createElement(o.PopoverContent,{p:1.5},r.createElement(a.Grid,{container:!0,spacing:1.5},r.createElement(a.Grid,{item:!0,xs:12},r.createElement(a.Stack,{direction:"column",gap:1},r.createElement(o.ControlFormLabel,{sx:{width:"100%"}},(0,c.__)("Trigger on","elementor")),r.createElement(a.Autocomplete,{fullWidth:!0,multiple:!0,value:p,onChange:d,size:l,options:u,isOptionEqualToValue:(e,t)=>e.value===t.value,renderInput:e=>r.createElement(a.TextField,e),renderTags:(e,t)=>e.map((e,n)=>{const{key:o,...i}=t({index:n});return r.createElement(a.Chip,_extends({key:o,size:l,label:e.label},i))})})))))}},"./packages/packages/core/editor-interactions/src/components/interactions-list-item.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionsListItem:function(){return InteractionsListItem}});var r=n("react"),o=n("@elementor/ui"),i=n("@wordpress/i18n"),a=n("./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx"),c=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),s=n("./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"),l=n("./packages/packages/core/editor-interactions/src/components/interaction-settings.tsx");function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}const InteractionsListItem=({index:e,value:t})=>{const{getTabsProps:n,getTabProps:u,getTabPanelProps:p}=(0,o.useTabs)("details"),m=(0,a.useInteractionItemContext)(),d=(0,r.useCallback)(t=>{m?.onInteractionChange(e,t)},[m,e]),g=(0,r.useCallback)(e=>{m?.onPlayInteraction(e)},[m]),f=(0,c.extractString)(t.value.interaction_id);return r.createElement(r.Fragment,null,r.createElement(o.Tabs,_extends({size:"small",variant:"fullWidth","aria-label":(0,i.__)("Interaction","elementor")},n()),r.createElement(o.Tab,_extends({label:(0,i.__)("Details","elementor")},u("details"))),r.createElement(o.Tab,_extends({label:(0,i.__)("Settings","elementor")},u("settings")))),r.createElement(o.Divider,null),r.createElement(o.TabPanel,_extends({sx:{p:0}},p("details")),r.createElement(s.InteractionDetails,{key:f,interaction:t.value,onChange:d,onPlayInteraction:g})),r.createElement(o.TabPanel,_extends({sx:{p:0}},p("settings")),r.createElement(l.InteractionSettings,{key:f,interaction:t.value,onChange:d})))}},"./packages/packages/core/editor-interactions/src/components/interactions-list.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionsList:function(){return InteractionsList},MAX_NUMBER_OF_INTERACTIONS:function(){return f}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/icons"),a=n("@elementor/ui"),c=n("@wordpress/i18n"),s=n("./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx"),l=n("./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx"),u=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),p=n("./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts"),m=n("./packages/packages/core/editor-interactions/src/utils/tracking.ts"),d=n("./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"),g=n("./packages/packages/core/editor-interactions/src/components/interactions-list-item.tsx");const f=5;function InteractionsList(e){const{interactions:t,onSelectInteractions:n,onPlayInteraction:_,triggerCreateOnShowEmpty:I}=e,{elementId:k}=(0,s.useInteractionsContext)(),v=(0,r.useRef)(!1),E=(0,r.useRef)(new Set),y=(0,r.useCallback)(e=>{n(e)},[n]);(0,r.useEffect)(()=>{if(I&&!v.current&&(!t.items||0===t.items?.length)){v.current=!0;const e=(0,u.createDefaultInteractionItem)();E.current.add((0,u.extractString)(e.value.interaction_id));y({version:1,items:[e]})}},[I,t.items,y]);const b=(0,r.useMemo)(()=>t.items?.length>=f,[t.items?.length]),h=b?r.createElement(a.Alert,{color:"secondary",icon:r.createElement(i.InfoCircleFilledIcon,null),size:"small"},r.createElement(a.AlertTitle,null,(0,c.__)("Interactions","elementor")),r.createElement(a.Box,{component:"span"},(0,c.__)("You've reached the limit of 5 interactions for this element. Please remove an interaction before creating a new one.","elementor"))):void 0,T=(0,r.useCallback)((e,n,r)=>{if(y({...t,items:e}),"add"===r?.action?.type){const e=r.action.payload[0]?.item;e&&E.current.add((0,u.extractString)(e.value.interaction_id))}},[t,y]),x=(0,r.useCallback)((e,n)=>{const r=structuredClone(t.items);r[e]={$$type:"interaction-item",value:n},y({...t,items:r})},[t,y]),S=(0,r.useMemo)(()=>({onInteractionChange:x,onPlayInteraction:_}),[x,_]);return r.createElement(l.InteractionItemContextProvider,{value:S},r.createElement(o.Repeater,{openOnAdd:!0,openItem:I?0:void 0,label:(0,c.__)("Interactions","elementor"),values:t.items,setValues:T,showDuplicate:!1,showToggle:!1,isSortable:!1,disableAddItemButton:b,addButtonInfotipContent:h,itemSettings:{initialValues:(0,u.createDefaultInteractionItem)(),Label:({value:e})=>(0,u.buildDisplayLabel)(e.value),Icon:()=>null,Content:g.InteractionsListItem,onPopoverOpen:e=>{const{trigger:t,start:n,end:r,relativeTo:o}=(0,p.extractScrollOverlayParams)(e.value,d.DEFAULT_VALUES);(0,p.syncGridOverlay)(t,n,r,o)},onPopoverClose:e=>{(0,p.dispatchScrollInteraction)(null);const t=(0,u.extractString)(e.value.interaction_id);E.current.has(t)&&(E.current.delete(t),(0,m.trackInteractionCreated)(k,e))},actions:e=>r.createElement(a.Tooltip,{key:"preview",placement:"top",title:(0,c.__)("Preview","elementor")},r.createElement(a.IconButton,{"aria-label":(0,c.__)("Play interaction","elementor"),size:"tiny",onClick:()=>_((0,u.extractString)(e.value.interaction_id))},r.createElement(i.PlayerPlayIcon,{fontSize:"tiny"})))}}))}},"./packages/packages/core/editor-interactions/src/components/interactions-tab.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionsTab:function(){return InteractionsTab}});var r=n("react"),o=n("@elementor/session"),i=n("@elementor/ui"),a=n("./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx"),c=n("./packages/packages/core/editor-interactions/src/contexts/popup-state-context.tsx"),s=n("./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts"),l=n("./packages/packages/core/editor-interactions/src/components/empty-state.tsx"),u=n("./packages/packages/core/editor-interactions/src/components/interactions-list.tsx");const InteractionsTab=({elementId:e})=>r.createElement(c.PopupStateProvider,null,r.createElement(InteractionsTabContent,{elementId:e}));function InteractionsTabContent({elementId:e}){const t=(0,s.useElementInteractions)(e),n=(0,r.useState)(!1),i=t?.items?.length||n[0];return r.createElement(o.SessionStorageProvider,{prefix:e},i?r.createElement(a.InteractionsProvider,{elementId:e},r.createElement(InteractionsContent,{firstInteractionState:n})):r.createElement(l.EmptyState,{onCreateInteraction:()=>{n[1](!0)}}))}function InteractionsContent({firstInteractionState:e}){const{interactions:t,setInteractions:n,playInteractions:o}=(0,a.useInteractionsContext)(),c=(0,r.useCallback)(t=>{e[1](!1),n(t||void 0)},[n,e]);return r.createElement(i.Stack,{sx:{m:1,p:1.5},gap:2},r.createElement(u.InteractionsList,{triggerCreateOnShowEmpty:e[0],interactions:t,onSelectInteractions:c,onPlayInteraction:o}))}},"./packages/packages/core/editor-interactions/src/configs/time-constants.ts":function(e,t,n){n.r(t),n.d(t,{DEFAULT_TIME_UNIT:function(){return o},TIME_UNITS:function(){return r}});const r=["s","ms"],o="ms"},"./packages/packages/core/editor-interactions/src/contexts/interactions-context.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionsProvider:function(){return InteractionsProvider},useInteractionsContext:function(){return useInteractionsContext}});var r=n("react"),o=n("@elementor/editor-elements"),i=n("@elementor/editor-v1-adapters"),a=n("@wordpress/i18n"),c=n("./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts");const s=(0,r.createContext)(null),l={version:1,items:[]},InteractionsProvider=({children:e,elementId:t})=>{const n=(0,c.useElementInteractions)(t);(0,r.useEffect)(()=>{window.dispatchEvent(new CustomEvent("elementor/element/update_interactions"))},[]);const u=n??l,p=(0,r.useMemo)(()=>(0,i.undoable)({do:({interactions:e})=>{const n=(0,o.getElementInteractions)(t);return(0,o.updateElementInteractions)({elementId:t,interactions:e}),n},undo:(e,n)=>{(0,o.updateElementInteractions)({elementId:t,interactions:n?.items?.length?n:void 0})}},{title:(0,o.getElementLabel)(t),subtitle:({operationType:e})=>"apply"===e?(0,a.__)("Interaction Applied","elementor"):(0,a.__)("Interaction Deleted","elementor")}),[t]),m={elementId:t,interactions:u,setInteractions:e=>{const n=e&&0===e.items?.length?void 0:e,r=u.items?.length??0,i=n?.items?.length??0;i>r?p({interactions:n,operationType:"apply"}):i<r?p({interactions:n,operationType:"delete"}):(0,o.updateElementInteractions)({elementId:t,interactions:n})},playInteractions:e=>{(0,o.playElementInteractions)(t,e)}};return r.createElement(s.Provider,{value:m},e)},useInteractionsContext=()=>{const e=(0,r.useContext)(s);if(!e)throw new Error("useInteractionsContext must be used within InteractionsProvider");return e}},"./packages/packages/core/editor-interactions/src/contexts/interactions-item-context.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionItemContextProvider:function(){return InteractionItemContextProvider},useInteractionItemContext:function(){return useInteractionItemContext}});var r=n("react");const o=(0,r.createContext)(null);function InteractionItemContextProvider({value:e,children:t}){return r.createElement(o.Provider,{value:e},t)}function useInteractionItemContext(){const e=(0,r.useContext)(o);if(!e)throw new Error("useInteractionItemContext must be used within InteractionItemContextProvider");return e}},"./packages/packages/core/editor-interactions/src/contexts/popup-state-context.tsx":function(e,t,n){n.r(t),n.d(t,{PopupStateProvider:function(){return PopupStateProvider},usePopupStateContext:function(){return usePopupStateContext}});var r=n("react");const o=(0,r.createContext)(void 0),PopupStateProvider=({children:e})=>{const[t,n]=(0,r.useState)(!1),i=(0,r.useCallback)(()=>{n(!0)},[]),a=(0,r.useCallback)(()=>{n(!1)},[]);return r.createElement(o.Provider,{value:{openByDefault:t,triggerDefaultOpen:i,resetDefaultOpen:a}},e)},usePopupStateContext=()=>{const e=(0,r.useContext)(o);if(!e)throw new Error("usePopupStateContext must be used within PopupStateProvider");return e}},"./packages/packages/core/editor-interactions/src/hooks/on-duplicate.ts":function(e,t,n){n.r(t),n.d(t,{initCleanInteractionIdsOnDuplicate:function(){return initCleanInteractionIdsOnDuplicate}});var r=n("@elementor/editor-elements"),o=n("@elementor/editor-v1-adapters"),i=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),a=n("./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts");function initCleanInteractionIdsOnDuplicate(){(0,o.registerDataHook)("after","document/elements/duplicate",(e,t)=>{if(!t||"boolean"==typeof t&&!1===t)return;(Array.isArray(t)?t:[t]).forEach(e=>{!function cleanInteractionIdsRecursive(e){const t=(0,r.getContainer)(e);if(!t)return;(0,r.getAllDescendants)(t).forEach(e=>{!function cleanInteractionIds(e){const t=(0,r.getContainer)(e);if(!t)return;const n=t.model.get("interactions");if(!n||!n.items)return;const o=structuredClone(n);o?.items?.forEach(e=>{"interaction-item"===e.$$type&&e.value&&(e.value.interaction_id=(0,i.createString)((0,a.generateTempInteractionId)()))}),t.model.set("interactions",o)}(e.id)})}(e.id)}),window.dispatchEvent(new CustomEvent("elementor/element/update_interactions"))})}},"./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts":function(e,t,n){n.r(t),n.d(t,{useElementInteractions:function(){return useElementInteractions}});var r=n("react"),o=n("@elementor/editor-elements"),i=n("@elementor/editor-v1-adapters"),a=n("./packages/packages/core/editor-interactions/src/utils/filter-interactions.ts");const useElementInteractions=e=>{const[t,n]=(0,r.useState)(()=>{const t=(0,o.getElementInteractions)(e),n=(0,a.filterInteractions)(t?.items??[]);return{version:t?.version??1,items:n}});return(0,i.__privateUseListenTo)((0,i.windowEvent)("elementor/element/update_interactions"),()=>{const t=(0,o.getElementInteractions)(e),r=(0,a.filterInteractions)(t?.items??[]);n({version:t?.version??1,items:r})},[e]),t}},"./packages/packages/core/editor-interactions/src/init.ts":function(e,t,n){n.r(t),n.d(t,{init:function(){return init}});var r=n("@elementor/editor-mcp"),o=n("./packages/packages/core/editor-interactions/src/commands/paste-interactions.ts"),i=n("./packages/packages/core/editor-interactions/src/components/controls/direction.tsx"),a=n("./packages/packages/core/editor-interactions/src/components/controls/easing.tsx"),c=n("./packages/packages/core/editor-interactions/src/components/controls/effect.tsx"),s=n("./packages/packages/core/editor-interactions/src/components/controls/effect-type.tsx"),l=n("./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx"),u=n("./packages/packages/core/editor-interactions/src/components/controls/replay.tsx"),p=n("./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx"),m=n("./packages/packages/core/editor-interactions/src/hooks/on-duplicate.ts"),d=n("./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"),g=n("./packages/packages/core/editor-interactions/src/interactions-repository.ts"),f=n("./packages/packages/core/editor-interactions/src/mcp/index.ts"),_=n("./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts");function init(){try{g.interactionsRepository.register(_.documentElementsInteractionsProvider),(0,m.initCleanInteractionIdsOnDuplicate)(),(0,o.initPasteInteractionsCommand)(),(0,d.registerInteractionsControl)({type:"trigger",component:p.Trigger,options:["load","scrollIn"]}),(0,d.registerInteractionsControl)({type:"easing",component:a.Easing,options:["easeIn"]}),(0,d.registerInteractionsControl)({type:"replay",component:u.Replay,options:["no"]}),(0,d.registerInteractionsControl)({type:"effectType",component:s.EffectType,options:["in","out"]}),(0,d.registerInteractionsControl)({type:"direction",component:i.Direction,options:["top","bottom","left","right"]}),(0,d.registerInteractionsControl)({type:"effect",component:c.Effect,options:["fade","slide","scale"]}),(0,d.registerInteractionsControl)({type:"repeat",component:l.Repeat}),(0,f.initMcpInteractions)((0,r.getMCPByDomain)("interactions",{docs:f.EDITOR_INTERACTIONS_MCP_DESCRIPTION,instructions:f.EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION}))}catch(e){throw e}}},"./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts":function(e,t,n){n.r(t),n.d(t,{getInteractionsControl:function(){return getInteractionsControl},getInteractionsControlOptions:function(){return getInteractionsControlOptions},registerInteractionsControl:function(){return registerInteractionsControl}});const r=new Map;function registerInteractionsControl({type:e,component:t,options:n}){r.set(e,{type:e,component:t,options:n})}function getInteractionsControl(e){return r.get(e)}function getInteractionsControlOptions(e){return r.get(e)?.options??[]}},"./packages/packages/core/editor-interactions/src/interactions-repository.ts":function(e,t,n){n.r(t),n.d(t,{interactionsRepository:function(){return r}});const r=(0,n("./packages/packages/core/editor-interactions/src/utils/create-interactions-repository.ts").createInteractionsRepository)()},"./packages/packages/core/editor-interactions/src/mcp/constants.ts":function(e,t,n){n.r(t),n.d(t,{EDITOR_INTERACTIONS_MCP_DESCRIPTION:function(){return i},EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION:function(){return o},MAX_INTERACTIONS_PER_ELEMENT:function(){return r}});const r=5,o="Everything related to V4 ( Atomic ) interactions.\n# Interactions\n- Create/update/delete interactions\n- Get list of interactions\n- Get details of an interaction\n",i=`MCP server for managing element interactions and animations. Use this to add, modify, or remove animations and motion effects triggered by user events such as page load or scroll-into-view.\n\t\t** IMPORTANT **\n\t\tUse the "interactions-schema" resource to get the schema of the interactions.\n\t\tActions:\n\t\t- get: Read the current interactions on the element.\n\t\t- add: Add a new interaction (max ${r} per element).\n\t\t- update: Update an existing interaction by its interactionId.\n\t\t- delete: Remove a specific interaction by its interactionId.\n\t\t- clear: Remove all interactions from the element.\n\n\t\tFor add/update, provide: trigger, effect, effectType, direction (required for slide effect), duration, delay, easing.\n\t\tUse excludedBreakpoints to disable the animation on specific responsive breakpoints (e.g. ["mobile", "tablet"]).\n\t\tExample Get Request:\n\t\t{\n\t\t\t"elementId": "123",\n\t\t\t"action": "get",\n\t\t\t"interactionId": "123",\n\t\t\t"animationData": {\n\t\t\t\t"trigger": "click",\n\t\t\t\t"effect": "fade",\n\t\t\t}\n\t\t}\n\t\tExample Add Request:\n\t\t{\n\t\t\t"elementId": "123",\n\t\t\t"action": "add",\n\t\t\t"animationData": {\n\t\t\t\t"effectType": "in",\n\t\t\t\t"direction": "top",\n\t\t\t\t"trigger": "click",\n\t\t\t\t"effect": "fade",\n\t\t\t\t"duration": 1000,\n\t\t\t\t"delay": 0,\n\t\t\t\t"easing": "easeIn",\n\t\t\t\t"excludedBreakpoints": ["mobile", "tablet"],\n\t\t\t}\n\t\t}\n\t\tExample Update Request:\n\t\t{\n\t\t\t"elementId": "123",\n\t\t\t"action": "update",\n\t\t\t"interactionId": "123",\n\t\t\t"animationData": {\n\t\t\t\t"trigger": "click",\n\t\t\t\t"effect": "fade",\n\t\t\t}\n\t\t}\n\t\tExample Delete Request:\n\t\t{\n\t\t\t"elementId": "123",\n\t\t\t"action": "delete",\n\t\t\t"interactionId": "123",\n\t\t}\n\t\tExample Clear Request:\n\t\t{\n\t\t\t"elementId": "123",\n\t\t\t"action": "clear",\n\t\t}`},"./packages/packages/core/editor-interactions/src/mcp/index.ts":function(e,t,n){n.r(t),n.d(t,{EDITOR_INTERACTIONS_MCP_DESCRIPTION:function(){return i.EDITOR_INTERACTIONS_MCP_DESCRIPTION},EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION:function(){return i.EDITOR_INTERACTIONS_MCP_SHORT_DESCRIPTION},MAX_INTERACTIONS_PER_ELEMENT:function(){return i.MAX_INTERACTIONS_PER_ELEMENT},initMcpInteractions:function(){return initMcpInteractions}});var r=n("./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts"),o=n("./packages/packages/core/editor-interactions/src/mcp/tools/manage-element-interaction-tool.ts"),i=n("./packages/packages/core/editor-interactions/src/mcp/constants.ts");const initMcpInteractions=e=>{const{setMCPDescription:t}=e;t("Everything related to V4 ( Atomic ) interactions.\n# Interactions\n- Create/update/delete interactions\n- Get list of interactions\n- Get details of an interaction\n"),(0,r.initInteractionsSchemaResource)(e),(0,o.initManageElementInteractionTool)(e)}},"./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts":function(e,t,n){n.r(t),n.d(t,{INTERACTIONS_SCHEMA_URI:function(){return i},initInteractionsSchemaResource:function(){return initInteractionsSchemaResource}});var r=n("@elementor/utils"),o=n("./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts");const i="elementor://interactions/schema",initInteractionsSchemaResource=e=>{const{resource:t}=e,n=(0,r.isProActive)()?{...o.baseSchema,...o.proSchema}:o.baseSchema;t("interactions-schema",i,{description:"Schema describing all available options for element interactions."},async()=>({contents:[{uri:i,mimeType:"application/json",text:JSON.stringify(n)}]}))}},"./packages/packages/core/editor-interactions/src/mcp/tools/manage-element-interaction-tool.ts":function(e,t,n){n.r(t),n.d(t,{initManageElementInteractionTool:function(){return initManageElementInteractionTool}});var r=n("@elementor/editor-elements"),o=n("@elementor/schema"),i=n("@elementor/utils"),a=n("./packages/packages/core/editor-interactions/src/interactions-repository.ts"),c=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),s=n("./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"),l=n("./packages/packages/core/editor-interactions/src/mcp/constants.ts"),u=n("./packages/packages/core/editor-interactions/src/mcp/resources/interactions-schema-resource.ts"),p=n("./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts");const m={version:1,items:[]},d=["custom"],initManageElementInteractionTool=e=>{const{addTool:t}=e,n=(0,i.isProActive)()?{...p.baseSchema,...p.proSchema}:p.baseSchema;t({name:"manage-element-interaction",description:"Manage the element interaction.",schema:{elementId:o.z.string().describe("The ID of the element to read or modify interactions on"),action:o.z.enum(["get","add","update","delete","clear"]).describe('Operation to perform. Use "get" first to inspect existing interactions.'),interactionId:o.z.string().optional().describe('Interaction ID — required for update and delete. Obtain from a prior "get" call.'),...n},requiredResources:[{uri:u.INTERACTIONS_SCHEMA_URI,description:"Interactions schema with all available options"},{uri:"elementor://breakpoints/list",description:"Available breakpoint IDs for excludedBreakpoints"}],isDestructive:!0,outputSchema:{success:o.z.boolean().describe("Whether the action was successful"),action:o.z.enum(["get","add","update","delete","clear"]).describe('Operation to perform. Use "get" first to inspect existing interactions.'),elementId:o.z.string().optional().describe("The ID of the element to read or modify interactions on"),interactions:o.z.array(o.z.any()).optional().describe("The interactions on the element"),count:o.z.number().optional().describe("The number of interactions on the element")},handler:e=>{const{elementId:t,action:n,interactionId:o,...i}=e,{effectType:u,...p}=i,g=p.effect,f=u??(g&&!d.includes(g)?"in":void 0),_=a.interactionsRepository.all().find(e=>e.elementId===t),I=_?.interactions??m;if("get"===n){const e=I.items.map(e=>{const{value:t}=e,n=t.animation.value,r=n.timing_config.value,o=n.config.value;return{id:(0,c.extractString)(t.interaction_id),trigger:(0,c.extractString)(t.trigger),effect:(0,c.extractString)(n.effect),effectType:(0,c.extractString)(n.type),direction:(0,c.extractString)(n.direction),duration:(0,c.extractSize)(r.duration),delay:(0,c.extractSize)(r.delay),easing:(0,c.extractString)(o.easing),excludedBreakpoints:(0,c.extractExcludedBreakpoints)(t.breakpoints)}});return{success:!0,elementId:t,action:n,interactions:e,count:e.length}}let k=[...I.items];switch(n){case"add":{if(k.length>=l.MAX_INTERACTIONS_PER_ELEMENT)throw new Error(`Cannot add more than ${l.MAX_INTERACTIONS_PER_ELEMENT} interactions per element. Current count: ${k.length}. Delete an existing interaction first.`);const e=(0,c.createInteractionItem)({interactionId:(0,s.generateTempInteractionId)(),...p,type:f});k=[...k,e];break}case"update":{if(!o)throw new Error("interactionId is required for the update action.");const e=k.findIndex(e=>(0,c.extractString)(e.value.interaction_id)===o);if(-1===e)throw new Error(`Interaction with ID "${o}" not found on element "${t}".`);const n=(0,c.createInteractionItem)({interactionId:o,...p,type:f});k=[...k.slice(0,e),n,...k.slice(e+1)];break}case"delete":{if(!o)throw new Error("interactionId is required for the delete action.");const e=k.length;if(k=k.filter(e=>(0,c.extractString)(e.value.interaction_id)!==o),k.length===e)throw new Error(`Interaction with ID "${o}" not found on element "${t}".`);break}case"clear":k=[]}const v={...I,items:k};try{(0,r.updateElementInteractions)({elementId:t,interactions:v})}catch(e){throw new Error(`Failed to update interactions for element "${t}": ${e instanceof Error?e.message:"Unknown error"}`)}return{success:!0,action:n,elementId:t,count:k.length}}})}},"./packages/packages/core/editor-interactions/src/mcp/tools/schema.ts":function(e,t,n){n.r(t),n.d(t,{baseSchema:function(){return o},proSchema:function(){return i}});var r=n("@elementor/schema");const o={trigger:r.z.enum(["load","scrollIn"]).optional().describe("Event that triggers the animation"),effect:r.z.enum(["fade","slide","scale"]).optional().describe("Animation effect type"),effectType:r.z.enum(["in","out"]).optional().describe("Whether the animation plays in or out"),direction:r.z.enum(["top","bottom","left","right","top-left","top-right","bottom-left","bottom-right"]).optional().describe("Direction of the Animation. Can be one of the following or empty if not needed. At slide effect, this is required field."),duration:r.z.number().min(0).max(1e4).optional().describe("Animation duration in milliseconds"),delay:r.z.number().min(0).max(1e4).optional().describe("Animation delay in milliseconds"),easing:r.z.enum(["easeIn"]).optional().describe('Easing function for the animation. Use "easeIn" for free tier.'),excludedBreakpoints:r.z.array(r.z.enum(["widescreen","desktop","laptop","tablet_extra","tablet","mobile_extra","mobile"])).optional().describe('Breakpoint IDs on which this interaction is disabled (e.g. ["mobile", "tablet"]). Fetch the "elementor://breakpoints/list" resource to get the valid IDs for the current site. Omit to enable on all breakpoints.')},i={trigger:r.z.enum(["load","scrollIn","scrollOut","scrollOn","hover","click"]).optional().describe("Event that triggers the animation"),effect:r.z.enum(["fade","slide","scale","custom"]).optional().describe("Animation effect type"),easing:r.z.enum(["easeIn","easeInOut","easeOut","backIn","backInOut","backOut","linear"]).optional().describe("Easing function for the animation."),customEffects:r.z.object({keyframes:r.z.array(r.z.object({stop:r.z.number().describe("The stop of the keyframe in percent, can be either 0 or 100"),value:r.z.object({opacity:r.z.number().min(0).max(1).describe("The opacity of the keyframe"),scale:r.z.object({x:r.z.number().min(0).max(1).describe("The x scale of the keyframe"),y:r.z.number().min(0).max(1).describe("The y scale of the keyframe")}).optional().describe("The scale of the keyframe"),rotate:r.z.object({x:r.z.number().min(0).max(360).describe("The x rotate of the keyframe"),y:r.z.number().min(0).max(360).describe("The y rotate of the keyframe"),z:r.z.number().min(0).max(360).describe("The z rotate of the keyframe")}).optional().describe("The rotate of the keyframe"),move:r.z.object({x:r.z.number().min(0).max(1).describe("The x move of the keyframe"),y:r.z.number().min(0).max(1).describe("The y move of the keyframe"),z:r.z.number().min(0).max(1).describe("The z move of the keyframe")}).optional().describe("The move of the keyframe"),skew:r.z.object({x:r.z.number().min(0).max(360).describe("The x skew of the keyframe"),y:r.z.number().min(0).max(360).describe("The y skew of the keyframe")}).optional().describe("The skew of the keyframe")})})).describe("The keyframes of the custom effect")}).optional().describe("The custom effect to use for the animation")}},"./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts":function(e,t,n){n.r(t),n.d(t,{ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX:function(){return a},documentElementsInteractionsProvider:function(){return c}});var r=n("@elementor/editor-elements"),o=n("@elementor/editor-v1-adapters"),i=n("./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts");const a="document-elements-interactions-",c=(0,i.createInteractionsProvider)({key:()=>{const e=(0,r.getCurrentDocumentId)();if(!e){return`${a}pending`}return`${a}${e}`},priority:50,subscribe:e=>(0,o.__privateListenTo)([(0,o.windowEvent)("elementor/element/update_interactions")],()=>e()),actions:{all:()=>(0,r.getElements)().filter(e=>{const t=(0,r.getElementInteractions)(e.id);return!!t&&t?.items?.length>0}).map(e=>{const t=(0,r.getElementInteractions)(e.id);return{elementId:e.id,dataId:e.id,interactions:t||{version:1,items:[]}}})}})},"./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx":function(e,t,n){n.r(t),n.d(t,{InteractionsPromotionChip:function(){return s}});var r=n("react"),o=n("@elementor/editor-controls"),i=n("@elementor/editor-ui"),a=n("@elementor/ui"),c=n("@wordpress/i18n");const s=(0,r.forwardRef)(({content:e,upgradeUrl:t,anchorRef:n,trackingData:s},l)=>{const[u,p]=(0,r.useState)(!1);(0,i.useCanvasClickHandler)(u,()=>p(!1));const m=(0,r.useCallback)(()=>{p(e=>(e||(0,o.trackViewPromotion)(s),!e))},[s]);(0,r.useImperativeHandle)(l,()=>({toggle:m}),[m]);return r.createElement(i.PromotionPopover,{open:u,title:(0,c.__)("Interactions","elementor"),content:e,ctaText:(0,c.__)("Upgrade now","elementor"),ctaUrl:t,anchorRef:n,placement:n?"right-start":void 0,onClose:e=>{e.stopPropagation(),p(!1)},onCtaClick:()=>(0,o.trackUpgradePromotionClick)(s)},r.createElement(a.Box,{onMouseDown:e=>e.stopPropagation(),onClick:e=>{e.stopPropagation(),m()},sx:{cursor:"pointer",display:"inline-flex",mr:1}},r.createElement(i.PromotionChip,null)))})},"./packages/packages/core/editor-interactions/src/ui/promotion-overlay-layout.tsx":function(e,t,n){n.r(t),n.d(t,{PromotionOverlayLayout:function(){return a}});var r=n("react"),o=n("@elementor/ui");const i="1 / 1",a=(0,r.forwardRef)(({children:e,promotionChip:t},n)=>r.createElement(o.Box,{ref:n,sx:{display:"grid",alignItems:"center"}},r.createElement(o.Box,{sx:{gridArea:i}},e),r.createElement(o.Box,{sx:{gridArea:i,marginInlineEnd:"50%",justifySelf:"end"}},t)))},"./packages/packages/core/editor-interactions/src/ui/promotion-select.tsx":function(e,t,n){n.r(t),n.d(t,{PromotionSelect:function(){return PromotionSelect}});var r=n("react"),o=n("@elementor/editor-ui"),i=n("@elementor/ui"),a=n("@wordpress/i18n"),c=n("./packages/packages/core/editor-interactions/src/ui/interactions-promotion-chip.tsx");function PromotionSelect({value:e,onChange:t,baseOptions:n,disabledOptions:s,promotionLabel:l,promotionContent:u,upgradeUrl:p,trackingData:m}){const d=(0,r.useRef)(null),g=(0,r.useRef)(null);return r.createElement(i.Select,{value:e,onChange:e=>t?.(e.target.value),fullWidth:!0,displayEmpty:!0,size:"tiny",MenuProps:{disablePortal:!0}},Object.entries(n).map(([e,t])=>r.createElement(o.MenuListItem,{key:e,value:e},t)),r.createElement(i.MenuSubheader,{ref:g,sx:{cursor:"pointer",color:"text.tertiary",fontWeight:"400",display:"flex",alignItems:"center"},onMouseDown:e=>{e.stopPropagation(),d.current?.toggle()}},l??(0,a.__)("PRO features","elementor"),r.createElement(c.InteractionsPromotionChip,{content:u,upgradeUrl:p,ref:d,anchorRef:g,trackingData:m})),Object.entries(s).map(([e,t])=>r.createElement(o.MenuListItem,{key:e,value:e,disabled:!0,sx:{pl:3}},t)))}},"./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts":function(e,t,n){n.r(t),n.d(t,{createInteractionsProvider:function(){return createInteractionsProvider}});const r=10;function createInteractionsProvider({key:e,priority:t=r,subscribe:n=()=>()=>{},actions:o}){return{getKey:"string"==typeof e?()=>e:e,priority:t,subscribe:n,actions:{all:o.all}}}},"./packages/packages/core/editor-interactions/src/utils/create-interactions-repository.ts":function(e,t,n){n.r(t),n.d(t,{createInteractionsRepository:function(){return createInteractionsRepository}});const createInteractionsRepository=()=>{const e=[],getProviders=()=>e.slice(0).sort((e,t)=>e.priority>t.priority?-1:1);return{all:()=>getProviders().flatMap(e=>e.actions.all()),register:t=>{e.push(t)},subscribe:t=>{const n=e.map(e=>e.subscribe(t));return()=>{n.forEach(e=>e())}},getProviders:getProviders,getProviderByKey:t=>e.find(e=>{try{return e.getKey()===t}catch{return!1}})}}},"./packages/packages/core/editor-interactions/src/utils/custom-effect-to-prop-value.ts":function(e,t,n){n.r(t),n.d(t,{toCustomEffectPropValue:function(){return toCustomEffectPropValue}});const r="deg",toSizePropValue=(e,t="%")=>({$$type:"size",value:{size:e,unit:t}}),toNumberPropValue=e=>({$$type:"number",value:e}),toDimensionalSizePropValue=(e,t,n,r)=>({$$type:e,value:{x:toSizePropValue(t.x??n.x,r),y:toSizePropValue(t.y??n.y,r),z:toSizePropValue(t.z??n.z,r)}}),toKeyframeStopSettingsPropValue=e=>{const t={};if(void 0!==e.opacity){const n=e.opacity<=1?Math.round(100*e.opacity):e.opacity;t.opacity=toSizePropValue(n)}return void 0!==e.scale&&(t.scale=((e,t,n)=>({$$type:e,value:{x:toNumberPropValue(t.x??n.x),y:toNumberPropValue(t.y??n.y),z:toNumberPropValue(t.z??n.z)}}))("transform-scale",e.scale,{x:1,y:1,z:1})),void 0!==e.rotate&&(t.rotate=toDimensionalSizePropValue("transform-rotate",e.rotate,{x:0,y:0,z:0},r)),void 0!==e.move&&(t.move=toDimensionalSizePropValue("transform-move",e.move,{x:0,y:0,z:0},"px")),void 0!==e.skew&&(t.skew=(e=>({$$type:"transform-skew",value:{x:toSizePropValue(e.x??0,r),y:toSizePropValue(e.y??0,r)}}))(e.skew)),{$$type:"keyframe-stop-settings",value:t}},toKeyframeStopPropValue=e=>{return"object"==typeof(t=e)&&null!==t&&"stop"in t&&"value"in t&&!("$$type"in t)?{$$type:"keyframe-stop",value:{stop:toSizePropValue(e.stop),settings:toKeyframeStopSettingsPropValue(e.value)}}:e;var t},toCustomEffectPropValue=e=>{var t,n;if(void 0!==e)return"object"==typeof(n=e)&&null!==n&&"keyframes"in n&&Array.isArray(n.keyframes)&&!("$$type"in n)?{$$type:"custom-effect",value:{keyframes:(t=e.keyframes,{$$type:"keyframes",value:t.map(toKeyframeStopPropValue)})}}:e}},"./packages/packages/core/editor-interactions/src/utils/filter-interactions.ts":function(e,t,n){n.r(t),n.d(t,{filterInteractions:function(){return filterInteractions}});var r=n("./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts");const filterInteractions=e=>e.filter(e=>(0,r.isSupportedInteractionItem)(e))},"./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts":function(e,t,n){function getInteractionsConfig(){return window.ElementorInteractionsConfig??{}}n.r(t),n.d(t,{getInteractionsConfig:function(){return getInteractionsConfig}})},"./packages/packages/core/editor-interactions/src/utils/is-supported-interaction-item.ts":function(e,t,n){n.r(t),n.d(t,{isSupportedInteractionItem:function(){return isSupportedInteractionItem}});var r=n("./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"),o=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts");function isSupportedInteractionItem(e){const t=e.value;if(!0===(0,o.extractBoolean)(t.animation.value.config?.value.replay))return hasSupport("replay","yes");return[["trigger",(0,o.extractString)(t.trigger)],["easing",(0,o.extractString)(t.animation.value.config?.value.easing)],["effect",(0,o.extractString)(t.animation.value.effect)]].every(([e,t])=>""===t||null===t||hasSupport(e,t))}function hasSupport(e,t){const n=(0,r.getInteractionsControlOptions)(e);return 1>n.length||n.includes(t)}},"./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts":function(e,t,n){n.r(t),n.d(t,{buildDisplayLabel:function(){return buildDisplayLabel},createAnimationPreset:function(){return createAnimationPreset},createBoolean:function(){return createBoolean},createConfig:function(){return createConfig},createDefaultInteractionItem:function(){return createDefaultInteractionItem},createDefaultInteractions:function(){return createDefaultInteractions},createExcludedBreakpoints:function(){return createExcludedBreakpoints},createInteractionBreakpoints:function(){return createInteractionBreakpoints},createInteractionItem:function(){return createInteractionItem},createNumber:function(){return createNumber},createString:function(){return createString},createTimingConfig:function(){return createTimingConfig},extractBoolean:function(){return extractBoolean},extractExcludedBreakpoints:function(){return extractExcludedBreakpoints},extractSize:function(){return extractSize},extractString:function(){return extractString}});var r=n("@elementor/editor-props"),o=n("./packages/packages/core/editor-interactions/src/configs/time-constants.ts"),i=n("./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"),a=n("./packages/packages/core/editor-interactions/src/utils/custom-effect-to-prop-value.ts"),c=n("./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts"),s=n("./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts");const createString=e=>({$$type:"string",value:e}),createNumber=e=>({$$type:"number",value:e}),createTimingConfig=(e,t)=>({$$type:"timing-config",value:{duration:r.sizePropTypeUtil.create((0,i.parseSizeValue)(e,o.TIME_UNITS,void 0,o.DEFAULT_TIME_UNIT)),delay:r.sizePropTypeUtil.create((0,i.parseSizeValue)(t,o.TIME_UNITS,void 0,o.DEFAULT_TIME_UNIT))}}),createBoolean=e=>({$$type:"boolean",value:e}),createConfig=({replay:e,easing:t="easeIn",relativeTo:n="viewport",repeat:r="",times:o=1,start:i=85,end:a=15})=>({$$type:"config",value:{replay:createBoolean(e),easing:createString(t),relativeTo:createString(n),repeat:createString(r),times:createNumber(o),start:createSize(i,"%"),end:createSize(a,"%")}}),createSize=(e,t,n)=>{if(e)return r.sizePropTypeUtil.create((0,i.parseSizeValue)(e,["%"],n,t))},extractBoolean=(e,t=!1)=>e?.value??t,createExcludedBreakpoints=e=>({$$type:"excluded-breakpoints",value:e.map(createString)}),createInteractionBreakpoints=e=>({$$type:"interaction-breakpoints",value:{excluded:createExcludedBreakpoints(e)}}),extractExcludedBreakpoints=e=>e?.value.excluded.value.map(e=>e.value)??[],createAnimationPreset=({effect:e,type:t,direction:n,duration:r,delay:o,replay:i=!1,easing:c="easeIn",relativeTo:s,repeat:l,times:u,start:p,end:m,customEffects:d})=>{const g=(0,a.toCustomEffectPropValue)(d);return{$$type:"animation-preset-props",value:{effect:createString(e),...void 0!==g&&{custom_effect:g},type:createString(t),direction:createString(n??""),timing_config:createTimingConfig(r,o),config:createConfig({replay:i,easing:c,relativeTo:s,repeat:l,times:u,start:p,end:m})}}},createInteractionItem=({trigger:e,effect:t,type:n,direction:r,duration:o,delay:i,interactionId:a,replay:c=!1,easing:s="easeIn",relativeTo:l,repeat:u,times:p,start:m,end:d,excludedBreakpoints:g,customEffects:f})=>({$$type:"interaction-item",value:{...a&&{interaction_id:createString(a)},trigger:createString(e??""),animation:createAnimationPreset({effect:t??"",type:n??"",direction:r,duration:o??0,delay:i??0,replay:c,easing:s,relativeTo:l,repeat:u,times:p,start:m,end:d,customEffects:f}),...g&&g.length>0&&{breakpoints:createInteractionBreakpoints(g)}}}),createDefaultInteractionItem=()=>{const{constants:e}=(0,c.getInteractionsConfig)();return createInteractionItem({trigger:"load",effect:"fade",type:"in",duration:e.defaultDuration,delay:e.defaultDelay,replay:!1,easing:e.defaultEasing,interactionId:(0,s.generateTempInteractionId)()})},createDefaultInteractions=()=>({version:1,items:[createDefaultInteractionItem()]}),extractString=(e,t="")=>e?.value??t,extractSize=(e,t)=>e?.value?(0,i.formatSizeValue)(e.value):t,l={load:"On page load",scrollIn:"Scroll into view",scrollOut:"Scroll out of view",scrollOn:"While scrolling"},capitalize=e=>e.charAt(0).toUpperCase()+e.slice(1),buildDisplayLabel=e=>{const t=extractString(e.trigger),n=extractString(e.animation.value.effect),r=extractString(e.animation.value.type);return`${l[t]||capitalize(t)}: ${capitalize(n)} ${"custom"===n?"":capitalize(r)}`}},"./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts":function(e,t,n){n.r(t),n.d(t,{resolveDirection:function(){return resolveDirection}});const resolveDirection=(e,t,n,r,o)=>"slide"!==t||n?"slide"===o&&e?n||"top":e?n:r:"top"},"./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts":function(e,t,n){n.r(t),n.d(t,{SCROLL_INTERACTION_EVENT:function(){return o},dispatchScrollInteraction:function(){return dispatchScrollInteraction},extractScrollOverlayParams:function(){return extractScrollOverlayParams},syncGridOverlay:function(){return syncGridOverlay}});var r=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts");const o="elementor/interactions/scroll-change";function dispatchScrollInteraction(e){window.dispatchEvent(new CustomEvent(o,{detail:e}))}function extractScrollOverlayParams(e,t){return{trigger:(0,r.extractString)(e.trigger,t.trigger),start:(0,r.extractSize)(e.animation.value.config?.value.start,t.start),end:(0,r.extractSize)(e.animation.value.config?.value.end,t.end),relativeTo:(0,r.extractString)(e.animation.value.config?.value.relativeTo,t.relativeTo)}}function syncGridOverlay(e,t,n,r){dispatchScrollInteraction("scrollOn"===e?{start:t,end:n,relativeTo:r}:null)}},"./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts":function(e,t,n){n.r(t),n.d(t,{formatSizeValue:function(){return formatSizeValue},parseSizeValue:function(){return parseSizeValue}});const r=/^(?:(-?\d*\.?\d+)([a-z%]+)|([a-z%]+))$/i,parseSizeValue=(e,t,n,r)=>{if("number"==typeof e)return{size:e,unit:r};const o=tryParse(e,t,r);if(o)return o;if(n){const e=tryParse(n,t,r);if(e)return e}return createSizeValue(null,r)},tryParse=(e,t,n)=>{if("number"==typeof e)return createSizeValue(e,n);const o=e&&e.match(r);if(!o)return e?{size:Number(e),unit:n}:null;const i=o[1]?parseFloat(o[1]):null,a=o[2]||o[3];return t.includes(a)?createSizeValue(i,a):null},formatSizeValue=({size:e,unit:t})=>`${e??""}${t}`,createSizeValue=(e,t)=>({size:e,unit:t})},"./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts":function(e,t,n){n.r(t),n.d(t,{generateTempInteractionId:function(){return generateTempInteractionId},isTempId:function(){return isTempId}});const r="temp-",o=/^temp-[a-z0-9]+$/i;function generateTempInteractionId(){return`${r}${Math.random().toString(36).substring(2,11)}`}function isTempId(e){return!!e&&o.test(e)}},"./packages/packages/core/editor-interactions/src/utils/tracking.ts":function(e,t,n){n.r(t),n.d(t,{trackInteractionCreated:function(){return trackInteractionCreated}});var r=n("@elementor/editor-elements"),o=n("@elementor/events"),i=n("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts");const a={load:"On page load",scrollIn:"Scroll into view",scrollOut:"Scroll out of view",scrollOn:"While scrolling",hover:"Hover",click:"Click"},capitalize=e=>e.charAt(0).toUpperCase()+e.slice(1),trackInteractionCreated=(e,t)=>{const{dispatchEvent:n,config:c}=(0,o.getMixpanel)();if(!c?.names?.interactions?.created)return;const s=(0,i.extractString)(t.value.trigger),l=(0,i.extractString)(t.value.animation.value.effect),u=(0,i.extractString)(t.value.animation.value.type);n?.(c.names.interactions.created,{app_type:c?.appTypes?.editor,window_name:c?.appTypes?.editor,interaction_type:c?.triggers?.click,target_name:(0,r.getElementLabel)(e),interaction_result:"interaction_created",target_location:c?.locations?.widgetPanel,location_l1:(0,r.getElementLabel)(e),location_l2:"interactions",interaction_description:"interaction_created",interaction_trigger:a[s]??capitalize(s),interaction_effect:"custom"===l?capitalize(l):`${capitalize(l)} ${capitalize(u)}`})}},"@elementor/editor-controls":function(e){e.exports=window.elementorV2.editorControls},"@elementor/editor-elements":function(e){e.exports=window.elementorV2.editorElements},"@elementor/editor-mcp":function(e){e.exports=window.elementorV2.editorMcp},"@elementor/editor-props":function(e){e.exports=window.elementorV2.editorProps},"@elementor/editor-responsive":function(e){e.exports=window.elementorV2.editorResponsive},"@elementor/editor-ui":function(e){e.exports=window.elementorV2.editorUi},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@elementor/events":function(e){e.exports=window.elementorV2.events},"@elementor/icons":function(e){e.exports=window.elementorV2.icons},"@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},react:function(e){e.exports=window.React}},t={};function __webpack_require__(n){var r=t[n];if(void 0!==r)return r.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,__webpack_require__),o.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};!function(){__webpack_require__.r(n),__webpack_require__.d(n,{BASE_EASINGS:function(){return u.BASE_EASINGS},BASE_EFFECTS:function(){return m.BASE_EFFECTS},BASE_REPLAY:function(){return p.BASE_REPLAY},BASE_TRIGGERS:function(){return l.BASE_TRIGGERS},DEFAULT_VALUES:function(){return g.DEFAULT_VALUES},EASING_OPTIONS:function(){return u.EASING_OPTIONS},EFFECT_OPTIONS:function(){return m.EFFECT_OPTIONS},ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX:function(){return a.ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX},EmptyState:function(){return e.EmptyState},InteractionsTab:function(){return t.InteractionsTab},REPEAT_OPTIONS:function(){return d.REPEAT_OPTIONS},REPEAT_TOOLTIPS:function(){return d.REPEAT_TOOLTIPS},REPLAY_OPTIONS:function(){return p.REPLAY_OPTIONS},SCROLL_INTERACTION_EVENT:function(){return E.SCROLL_INTERACTION_EVENT},TRIGGER_OPTIONS:function(){return l.TRIGGER_OPTIONS},buildDisplayLabel:function(){return f.buildDisplayLabel},createAnimationPreset:function(){return f.createAnimationPreset},createBoolean:function(){return f.createBoolean},createConfig:function(){return f.createConfig},createDefaultInteractionItem:function(){return f.createDefaultInteractionItem},createDefaultInteractions:function(){return f.createDefaultInteractions},createExcludedBreakpoints:function(){return f.createExcludedBreakpoints},createInteractionBreakpoints:function(){return f.createInteractionBreakpoints},createInteractionItem:function(){return f.createInteractionItem},createInteractionsProvider:function(){return i.createInteractionsProvider},createNumber:function(){return f.createNumber},createString:function(){return f.createString},createTimingConfig:function(){return f.createTimingConfig},dispatchScrollInteraction:function(){return E.dispatchScrollInteraction},extractBoolean:function(){return f.extractBoolean},extractExcludedBreakpoints:function(){return f.extractExcludedBreakpoints},extractScrollOverlayParams:function(){return E.extractScrollOverlayParams},extractSize:function(){return f.extractSize},extractString:function(){return f.extractString},formatSizeValue:function(){return k.formatSizeValue},generateTempInteractionId:function(){return _.generateTempInteractionId},getInteractionsConfig:function(){return r.getInteractionsConfig},init:function(){return c.init},interactionsRepository:function(){return o.interactionsRepository},isTempId:function(){return _.isTempId},parseSizeValue:function(){return k.parseSizeValue},registerInteractionsControl:function(){return s.registerInteractionsControl},resolveDirection:function(){return I.resolveDirection},syncGridOverlay:function(){return E.syncGridOverlay},useElementInteractions:function(){return v.useElementInteractions}});var e=__webpack_require__("./packages/packages/core/editor-interactions/src/components/empty-state.tsx"),t=__webpack_require__("./packages/packages/core/editor-interactions/src/components/interactions-tab.tsx"),r=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/get-interactions-config.ts"),o=__webpack_require__("./packages/packages/core/editor-interactions/src/interactions-repository.ts"),i=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/create-interactions-provider.ts"),a=__webpack_require__("./packages/packages/core/editor-interactions/src/providers/document-elements-interactions-provider.ts"),c=__webpack_require__("./packages/packages/core/editor-interactions/src/init.ts"),s=__webpack_require__("./packages/packages/core/editor-interactions/src/interactions-controls-registry.ts"),l=__webpack_require__("./packages/packages/core/editor-interactions/src/components/controls/trigger.tsx"),u=__webpack_require__("./packages/packages/core/editor-interactions/src/components/controls/easing.tsx"),p=__webpack_require__("./packages/packages/core/editor-interactions/src/components/controls/replay.tsx"),m=__webpack_require__("./packages/packages/core/editor-interactions/src/components/controls/effect.tsx"),d=__webpack_require__("./packages/packages/core/editor-interactions/src/components/controls/repeat.tsx"),g=__webpack_require__("./packages/packages/core/editor-interactions/src/components/interaction-details.tsx"),f=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/prop-value-utils.ts"),_=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/temp-id-utils.ts"),I=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/resolve-direction.ts"),k=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/size-transform-utils.ts"),v=__webpack_require__("./packages/packages/core/editor-interactions/src/hooks/use-element-interactions.ts"),E=__webpack_require__("./packages/packages/core/editor-interactions/src/utils/scroll-interaction-event.ts")}(),(window.elementorV2=window.elementorV2||{}).editorInteractions=n}(),window.elementorV2.editorInteractions?.init?.(); | |
| 3637 | 3 | //# sourceMappingURL=editor-interactions.js.map |