← All changes | assets/js/interactions.js +94 -656 4.1.0-beta2 → 3.35.8 View file →

		@@ -1,83 +1,11 @@
1	1	/******/ (() => { // webpackBootstrap
2	2	/******/ var __webpack_modules__ = ({
3	3
4		-/***/ "../modules/interactions/assets/js/interactions-breakpoints.js":
5		-/*!*********************************************************************!*\
6		- !*** ../modules/interactions/assets/js/interactions-breakpoints.js ***!
7		- \*********************************************************************/
8		-/***/ ((__unused_webpack_module, exports) => {
9		-
10		-"use strict";
11		-
12		-
13		-Object.defineProperty(exports, "__esModule", ({
14		- value: true
15		-}));
16		-exports.getActiveBreakpoint = getActiveBreakpoint;
17		-exports.initBreakpoints = initBreakpoints;
18		-var RESIZE_DEBOUNCE_TIMEOUT = 100;
19		-var breakpoints = {
20		- list: {},
21		- active: {},
22		- onChange: function onChange() {}
23		-};
24		-function getActiveBreakpoint() {
25		- return breakpoints.active;
26		-}
27		-function matchBreakpoint(width) {
28		- for (var label in breakpoints.list) {
29		- var breakpoint = breakpoints.list[label];
30		- if ('min' === breakpoint.direction && width >= breakpoint.value) {
31		- return label;
32		- }
33		- if ('max' === breakpoint.direction && breakpoint.value >= width) {
34		- return label;
35		- }
36		- }
37		- return 'desktop';
38		-}
39		-function attachEventListeners() {
40		- var timeout = null;
41		- var onResize = function onResize() {
42		- if (timeout) {
43		- window.clearTimeout(timeout);
44		- timeout = null;
45		- }
46		- timeout = window.setTimeout(function () {
47		- var currentBreakpoint = matchBreakpoint(window.innerWidth);
48		- if (currentBreakpoint === breakpoints.active) {
49		- return;
50		- }
51		- breakpoints.active = currentBreakpoint;
52		- if ('function' === typeof breakpoints.onChange) {
53		- breakpoints.onChange(breakpoints.active);
54		- }
55		- }, RESIZE_DEBOUNCE_TIMEOUT);
56		- };
57		- window.addEventListener('resize', onResize);
58		-}
59		-function getBreakpointsList() {
60		- var _ElementorInteraction;
61		- return ((_ElementorInteraction = ElementorInteractionsConfig) === null || _ElementorInteraction === void 0 ? void 0 : _ElementorInteraction.breakpoints) || {};
62		-}
63		-function initBreakpoints() {
64		- var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
65		- onChange = _ref.onChange;
66		- breakpoints.list = getBreakpointsList();
67		- breakpoints.active = matchBreakpoint(window.innerWidth);
68		- if ('function' === typeof onChange) {
69		- breakpoints.onChange = onChange;
70		- }
71		- attachEventListeners();
72		-}
73		-
74		-/***/ }),
75		-
76		-/***/ "../modules/interactions/assets/js/interactions-shared-utils.js":
77		-/*!**********************************************************************!*\
78		- !*** ../modules/interactions/assets/js/interactions-shared-utils.js ***!
79		- \**********************************************************************/
	4	+/***/ "../modules/interactions/assets/js/interactions-utils.js":
	5	+/*!***************************************************************!*\
	6	+ !*** ../modules/interactions/assets/js/interactions-utils.js ***!
	7	+ \***************************************************************/
80	8	/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
81	9
82	10	"use strict";
83	11
		@@ -85,400 +13,26 @@
85	13	var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
86	14	Object.defineProperty(exports, "__esModule", ({
87	15	value: true
88	16	}));
89		-exports.config = config;
	17	+exports.config = void 0;
	18	+exports.extractAnimationId = extractAnimationId;
90	19	exports.extractInteractionId = extractInteractionId;
91	20	exports.getAnimateFunction = getAnimateFunction;
92	21	exports.getInViewFunction = getInViewFunction;
93		-exports.getTransformBaselineFromComputedStyle = getTransformBaselineFromComputedStyle;
	22	+exports.getKeyframes = getKeyframes;
	23	+exports.parseAnimationName = parseAnimationName;
94	24	exports.parseInteractionsData = parseInteractionsData;
95		-exports.preserveTransformKeyframes = preserveTransformKeyframes;
96		-exports.resetElementStyles = resetElementStyles;
97		-exports.skipInteraction = skipInteraction;
98		-exports.timingValueToMs = timingValueToMs;
99		-exports.unwrapInteractionValue = unwrapInteractionValue;
100	25	exports.waitForAnimateFunction = waitForAnimateFunction;
101		-var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
102	26	var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
103		-var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"));
104		-var _interactionsBreakpoints = __webpack_require__(/*! ./interactions-breakpoints.js */ "../modules/interactions/assets/js/interactions-breakpoints.js");
105		-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
106		-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
107		-function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
108		-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
109		-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
110		-function config() {
111		- var _window$ElementorInte, _window$ElementorInte2;
112		- return (_window$ElementorInte = (_window$ElementorInte2 = window.ElementorInteractionsConfig) === null || _window$ElementorInte2 === void 0 ? void 0 : _window$ElementorInte2.constants) !== null && _window$ElementorInte !== void 0 ? _window$ElementorInte : {};
113		-}
114		-function skipInteraction(interaction) {
115		- var _interaction$breakpoi;
116		- var breakpoint = (0, _interactionsBreakpoints.getActiveBreakpoint)();
117		- return interaction === null || interaction === void 0 || (_interaction$breakpoi = interaction.breakpoints) === null || _interaction$breakpoi === void 0 || (_interaction$breakpoi = _interaction$breakpoi.excluded) === null || _interaction$breakpoi === void 0 ? void 0 : _interaction$breakpoi.includes(breakpoint);
118		-}
119		-function extractInteractionId(interaction) {
120		- if ('interaction-item' === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value) {
121		- var _interaction$value$in;
122		- return ((_interaction$value$in = interaction.value.interaction_id) === null || _interaction$value$in === void 0 ? void 0 : _interaction$value$in.value) || null;
123		- }
124		- return null;
125		-}
126		-function motionFunc(name) {
127		- var _window, _window2;
128		- if ('function' !== typeof ((_window = window) === null || _window === void 0 || (_window = _window.Motion) === null || _window === void 0 ? void 0 : _window[name])) {
129		- return undefined;
130		- }
131		- return (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Motion) === null || _window2 === void 0 ? void 0 : _window2[name];
132		-}
133		-function getAnimateFunction() {
134		- return motionFunc('animate');
135		-}
136		-function getInViewFunction() {
137		- return motionFunc('inView');
138		-}
139		-function waitForAnimateFunction(callback) {
140		- var maxAttempts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
141		- if (getAnimateFunction()) {
142		- callback();
143		- return;
144		- }
145		- if (maxAttempts > 0) {
146		- setTimeout(function () {
147		- return waitForAnimateFunction(callback, maxAttempts - 1);
148		- }, 100);
149		- }
150		-}
151		-function parseInteractionsData(data) {
152		- if ('string' === typeof data) {
153		- try {
154		- return JSON.parse(data);
155		- } catch (_unused) {
156		- return null;
157		- }
158		- }
159		- return data;
160		-}
161		-function unwrapInteractionValue(propValue) {
162		- var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
163		- // Supports Elementor's typed wrapper shape: { $$type: '...', value: ... }.
164		- if (propValue && 'object' === (0, _typeof2.default)(propValue) && '$$type' in propValue) {
165		- return propValue.value;
166		- }
167		- return propValue !== null && propValue !== void 0 ? propValue : fallback;
168		-}
169		-function timingValueToMs(timingValue, fallbackMs) {
170		- if (null === timingValue || undefined === timingValue) {
171		- return fallbackMs;
172		- }
173		- var unwrapped = unwrapInteractionValue(timingValue);
174		- if ('number' === typeof unwrapped) {
175		- return unwrapped;
176		- }
177		- var sizeObj = unwrapInteractionValue(unwrapped);
178		- var size = sizeObj === null || sizeObj === void 0 ? void 0 : sizeObj.size;
179		- var unit = (sizeObj === null || sizeObj === void 0 ? void 0 : sizeObj.unit) || 'ms';
180		- if ('number' !== typeof size) {
181		- return fallbackMs;
182		- }
183		- if ('s' === unit) {
184		- return size * 1000;
185		- }
186		- return size;
187		-}
188		-function resetElementStyles(element) {
189		- if (!element) {
190		- return;
191		- }
192		- element.style.transition = '';
193		- element.style.transform = '';
194		- element.style.opacity = '';
195		-}
196		-var TRANSFORM_EPSILON = 0.001;
197		-var radiansToDegrees = function radiansToDegrees(radians) {
198		- return radians * (180 / Math.PI);
	27	+var _window$ElementorInte;
	28	+var config = exports.config = ((_window$ElementorInte = window.ElementorInteractionsConfig) === null || _window$ElementorInte === void 0 ? void 0 : _window$ElementorInte.constants) || {
	29	+ defaultDuration: 300,
	30	+ defaultDelay: 0,
	31	+ slideDistance: 100,
	32	+ scaleStart: 0,
	33	+ ease: 'easeIn'
199	34	};
200		-var isNear = function isNear(value, expected) {
201		- return Math.abs(value - expected) <= TRANSFORM_EPSILON;
202		-};
203		-var isNearZero = function isNearZero(value) {
204		- return isNear(value, 0);
205		-};
206		-var isNearOne = function isNearOne(value) {
207		- return isNear(value, 1);
208		-};
209		-function parseMatrixValues(transformValue) {
210		- var match = transformValue.match(/^matrix(3d)?\((.+)\)$/);
211		- if (!match) {
212		- return null;
213		- }
214		- return match[2].split(',').map(function (token) {
215		- return Number.parseFloat(token.trim());
216		- }).filter(function (value) {
217		- return Number.isFinite(value);
218		- });
219		-}
220		-function createMatrixFromTransform(transformValue) {
221		- if (!transformValue || 'none' === transformValue) {
222		- return null;
223		- }
224		- var matrixFactories = [window.DOMMatrixReadOnly, window.DOMMatrix].filter(function (Factory) {
225		- return 'function' === typeof Factory;
226		- });
227		- var _iterator = _createForOfIteratorHelper(matrixFactories),
228		- _step;
229		- try {
230		- for (_iterator.s(); !(_step = _iterator.n()).done;) {
231		- var MatrixFactory = _step.value;
232		- try {
233		- var _ref, _matrix$a, _ref2, _matrix$b, _ref3, _matrix$c, _ref4, _matrix$d, _ref5, _matrix$e, _ref6, _matrix$f;
234		- var matrix = new MatrixFactory(transformValue);
235		- // CSS matrix(a,b,c,d,e,f): x' = ax + cy + e, y' = bx + dy + f
236		- // matrixXfromY = how much input Y contributes to output X (etc.)
237		- var compactMatrix = {
238		- matrixXfromX: (_ref = (_matrix$a = matrix.a) !== null && _matrix$a !== void 0 ? _matrix$a : matrix.m11) !== null && _ref !== void 0 ? _ref : 1,
239		- matrixYfromX: (_ref2 = (_matrix$b = matrix.b) !== null && _matrix$b !== void 0 ? _matrix$b : matrix.m12) !== null && _ref2 !== void 0 ? _ref2 : 0,
240		- matrixXfromY: (_ref3 = (_matrix$c = matrix.c) !== null && _matrix$c !== void 0 ? _matrix$c : matrix.m21) !== null && _ref3 !== void 0 ? _ref3 : 0,
241		- matrixYfromY: (_ref4 = (_matrix$d = matrix.d) !== null && _matrix$d !== void 0 ? _matrix$d : matrix.m22) !== null && _ref4 !== void 0 ? _ref4 : 1,
242		- matrixTranslateX: (_ref5 = (_matrix$e = matrix.e) !== null && _matrix$e !== void 0 ? _matrix$e : matrix.m41) !== null && _ref5 !== void 0 ? _ref5 : 0,
243		- matrixTranslateY: (_ref6 = (_matrix$f = matrix.f) !== null && _matrix$f !== void 0 ? _matrix$f : matrix.m42) !== null && _ref6 !== void 0 ? _ref6 : 0
244		- };
245		- if (Object.values(compactMatrix).every(Number.isFinite)) {
246		- return compactMatrix;
247		- }
248		- } catch (_unused2) {}
249		- }
250		- } catch (err) {
251		- _iterator.e(err);
252		- } finally {
253		- _iterator.f();
254		- }
255		- var parsedValues = parseMatrixValues(transformValue);
256		- if (!parsedValues) {
257		- return null;
258		- }
259		- if (6 === parsedValues.length) {
260		- var _parsedValues = (0, _slicedToArray2.default)(parsedValues, 6),
261		- matrixXfromX = _parsedValues[0],
262		- matrixYfromX = _parsedValues[1],
263		- matrixXfromY = _parsedValues[2],
264		- matrixYfromY = _parsedValues[3],
265		- matrixTranslateX = _parsedValues[4],
266		- matrixTranslateY = _parsedValues[5];
267		- return {
268		- matrixXfromX: matrixXfromX,
269		- matrixYfromX: matrixYfromX,
270		- matrixXfromY: matrixXfromY,
271		- matrixYfromY: matrixYfromY,
272		- matrixTranslateX: matrixTranslateX,
273		- matrixTranslateY: matrixTranslateY
274		- };
275		- }
276		- if (16 === parsedValues.length) {
277		- var _parsedValues2 = (0, _slicedToArray2.default)(parsedValues, 14),
278		- _matrixXfromX = _parsedValues2[0],
279		- _matrixYfromX = _parsedValues2[1],
280		- _matrixXfromY = _parsedValues2[4],
281		- _matrixYfromY = _parsedValues2[5],
282		- _matrixTranslateX = _parsedValues2[12],
283		- _matrixTranslateY = _parsedValues2[13];
284		- return {
285		- matrixXfromX: _matrixXfromX,
286		- matrixYfromX: _matrixYfromX,
287		- matrixXfromY: _matrixXfromY,
288		- matrixYfromY: _matrixYfromY,
289		- matrixTranslateX: _matrixTranslateX,
290		- matrixTranslateY: _matrixTranslateY
291		- };
292		- }
293		- return null;
294		-}
295		-function getTransformBaselineFromComputedStyle(element) {
296		- if (!element) {
297		- return null;
298		- }
299		- var computedStyle = window.getComputedStyle(element);
300		- var matrix = createMatrixFromTransform((computedStyle === null || computedStyle === void 0 ? void 0 : computedStyle.transform) || '');
301		- if (!matrix) {
302		- return null;
303		- }
304		- var matrixXfromX = matrix.matrixXfromX,
305		- matrixYfromX = matrix.matrixYfromX,
306		- matrixXfromY = matrix.matrixXfromY,
307		- matrixYfromY = matrix.matrixYfromY,
308		- matrixTranslateX = matrix.matrixTranslateX,
309		- matrixTranslateY = matrix.matrixTranslateY;
310		- var scaleX = Math.hypot(matrixXfromX, matrixYfromX);
311		- var determinant = matrixXfromX * matrixYfromY - matrixYfromX * matrixXfromY;
312		- var scaleY = scaleX ? determinant / scaleX : Math.hypot(matrixXfromY, matrixYfromY);
313		- var rotate = radiansToDegrees(Math.atan2(matrixYfromX, matrixXfromX));
314		- var shear = scaleX ? (matrixXfromX * matrixXfromY + matrixYfromX * matrixYfromY) / (scaleX * scaleX) : 0;
315		- var skewX = radiansToDegrees(Math.atan(shear));
316		- return {
317		- x: matrixTranslateX,
318		- y: matrixTranslateY,
319		- scaleX: Number.isFinite(scaleX) ? scaleX : 1,
320		- scaleY: Number.isFinite(scaleY) ? scaleY : 1,
321		- rotate: Number.isFinite(rotate) ? rotate : 0,
322		- skewX: Number.isFinite(skewX) ? skewX : 0
323		- };
324		-}
325		-function preserveTransformKeyframes(keyframes, baseline) {
326		- if (!baseline) {
327		- return keyframes;
328		- }
329		- var mergedKeyframes = _objectSpread({}, keyframes);
330		- var hasScaleShorthand = mergedKeyframes.scale !== undefined;
331		- var canSetScaleX = mergedKeyframes.scaleX === undefined && !isNearOne(baseline.scaleX);
332		- var canSetScaleY = mergedKeyframes.scaleY === undefined && !isNearOne(baseline.scaleY);
333		- if (mergedKeyframes.x === undefined && !isNearZero(baseline.x)) {
334		- mergedKeyframes.x = [baseline.x, baseline.x];
335		- }
336		- if (mergedKeyframes.y === undefined && !isNearZero(baseline.y)) {
337		- mergedKeyframes.y = [baseline.y, baseline.y];
338		- }
339		- if (!hasScaleShorthand) {
340		- if (canSetScaleX && canSetScaleY && isNear(baseline.scaleX, baseline.scaleY)) {
341		- mergedKeyframes.scale = [baseline.scaleX, baseline.scaleX];
342		- } else {
343		- if (canSetScaleX) {
344		- mergedKeyframes.scaleX = [baseline.scaleX, baseline.scaleX];
345		- }
346		- if (canSetScaleY) {
347		- mergedKeyframes.scaleY = [baseline.scaleY, baseline.scaleY];
348		- }
349		- }
350		- }
351		- if (mergedKeyframes.rotate === undefined && mergedKeyframes.rotateZ === undefined && !isNearZero(baseline.rotate)) {
352		- mergedKeyframes.rotate = [baseline.rotate, baseline.rotate];
353		- }
354		- if (mergedKeyframes.skew === undefined && mergedKeyframes.skewX === undefined && !isNearZero(baseline.skewX)) {
355		- mergedKeyframes.skewX = [baseline.skewX, baseline.skewX];
356		- }
357		- return mergedKeyframes;
358		-}
359		-
360		-// Expose on elementorModules for Pro and other consumers.
361		-window.elementorModules = window.elementorModules || {};
362		-window.elementorModules.interactions = {
363		- config: config,
364		- skipInteraction: skipInteraction,
365		- extractInteractionId: extractInteractionId,
366		- getAnimateFunction: getAnimateFunction,
367		- getInViewFunction: getInViewFunction,
368		- waitForAnimateFunction: waitForAnimateFunction,
369		- parseInteractionsData: parseInteractionsData,
370		- unwrapInteractionValue: unwrapInteractionValue,
371		- timingValueToMs: timingValueToMs,
372		- resetElementStyles: resetElementStyles,
373		- getTransformBaselineFromComputedStyle: getTransformBaselineFromComputedStyle,
374		- preserveTransformKeyframes: preserveTransformKeyframes
375		-};
376		-
377		-/***/ }),
378		-
379		-/***/ "../modules/interactions/assets/js/interactions-utils.js":
380		-/*!***************************************************************!*\
381		- !*** ../modules/interactions/assets/js/interactions-utils.js ***!
382		- \***************************************************************/
383		-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
384		-
385		-"use strict";
386		-
387		-
388		-var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
389		-Object.defineProperty(exports, "__esModule", ({
390		- value: true
391		-}));
392		-Object.defineProperty(exports, "config", ({
393		- enumerable: true,
394		- get: function get() {
395		- return _interactionsSharedUtils.config;
396		- }
397		-}));
398		-exports.extractAnimationConfig = extractAnimationConfig;
399		-Object.defineProperty(exports, "extractInteractionId", ({
400		- enumerable: true,
401		- get: function get() {
402		- return _interactionsSharedUtils.extractInteractionId;
403		- }
404		-}));
405		-exports.findElementByDataId = findElementByDataId;
406		-Object.defineProperty(exports, "getAnimateFunction", ({
407		- enumerable: true,
408		- get: function get() {
409		- return _interactionsSharedUtils.getAnimateFunction;
410		- }
411		-}));
412		-Object.defineProperty(exports, "getInViewFunction", ({
413		- enumerable: true,
414		- get: function get() {
415		- return _interactionsSharedUtils.getInViewFunction;
416		- }
417		-}));
418		-exports.getInteractionsData = getInteractionsData;
419		-exports.getKeyframes = getKeyframes;
420		-Object.defineProperty(exports, "getTransformBaselineFromComputedStyle", ({
421		- enumerable: true,
422		- get: function get() {
423		- return _interactionsSharedUtils.getTransformBaselineFromComputedStyle;
424		- }
425		-}));
426		-exports.parseAnimationName = parseAnimationName;
427		-Object.defineProperty(exports, "parseInteractionsData", ({
428		- enumerable: true,
429		- get: function get() {
430		- return _interactionsSharedUtils.parseInteractionsData;
431		- }
432		-}));
433		-Object.defineProperty(exports, "preserveTransformKeyframes", ({
434		- enumerable: true,
435		- get: function get() {
436		- return _interactionsSharedUtils.preserveTransformKeyframes;
437		- }
438		-}));
439		-Object.defineProperty(exports, "resetElementStyles", ({
440		- enumerable: true,
441		- get: function get() {
442		- return _interactionsSharedUtils.resetElementStyles;
443		- }
444		-}));
445		-exports.skipInteraction = skipInteraction;
446		-Object.defineProperty(exports, "timingValueToMs", ({
447		- enumerable: true,
448		- get: function get() {
449		- return _interactionsSharedUtils.timingValueToMs;
450		- }
451		-}));
452		-Object.defineProperty(exports, "unwrapInteractionValue", ({
453		- enumerable: true,
454		- get: function get() {
455		- return _interactionsSharedUtils.unwrapInteractionValue;
456		- }
457		-}));
458		-Object.defineProperty(exports, "waitForAnimateFunction", ({
459		- enumerable: true,
460		- get: function get() {
461		- return _interactionsSharedUtils.waitForAnimateFunction;
462		- }
463		-}));
464		-var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
465		-var _interactionsSharedUtils = __webpack_require__(/*! ./interactions-shared-utils.js */ "../modules/interactions/assets/js/interactions-shared-utils.js");
466		-function isSupportedInteraction(animationConfig) {
467		- if (!['load', 'scrollIn', 'scrollOut'].includes(animationConfig.trigger)) {
468		- return false;
469		- }
470		- if ('custom' === animationConfig.effect) {
471		- return false;
472		- }
473		- return true;
474		-}
475		-function skipInteraction(animationConfig) {
476		- if (!isSupportedInteraction(animationConfig)) {
477		- return true;
478		- }
479		- return (0, _interactionsSharedUtils.skipInteraction)(animationConfig);
480		-}
481	35	function getKeyframes(effect, type, direction) {
482	36	var isIn = 'in' === type;
483	37	var keyframes = {};
484	38	if ('fade' === effect) {
		@@ -483,13 +37,12 @@
483	37	var keyframes = {};
484	38	if ('fade' === effect) {
485	39	keyframes.opacity = isIn ? [0, 1] : [1, 0];
486	40	}
487		- var config = (0, _interactionsSharedUtils.config)();
488	41	if ('scale' === effect) {
489	42	keyframes.scale = isIn ? [config.scaleStart, 1] : [1, config.scaleStart];
490	43	}
491		- if (direction && 'string' === typeof direction) {
	44	+ if (direction) {
492	45	var distance = config.slideDistance;
493	46	var movement = {
494	47	left: {
495	48	x: isIn ? [-distance, 0] : [0, -distance]
		@@ -503,19 +56,15 @@
503	56	bottom: {
504	57	y: isIn ? [distance, 0] : [0, distance]
505	58	}
506	59	};
507		- direction.split('-').forEach(function (part) {
508		- if (movement[part]) {
509		- Object.assign(keyframes, movement[part]);
510		- }
511		- });
	60	+ Object.assign(keyframes, movement[direction]);
512	61	}
513	62	return keyframes;
514	63	}
515	64	function parseAnimationName(name) {
516	65	var _name$split = name.split('-'),
517		- _name$split2 = (0, _slicedToArray2.default)(_name$split, 8),
	66	+ _name$split2 = (0, _slicedToArray2.default)(_name$split, 6),
518	67	trigger = _name$split2[0],
519	68	effect = _name$split2[1],
520	69	type = _name$split2[2],
521	70	direction = _name$split2[3],
		@@ -520,9 +69,8 @@
520	69	type = _name$split2[2],
521	70	direction = _name$split2[3],
522	71	duration = _name$split2[4],
523	72	delay = _name$split2[5];
524		- var config = (0, _interactionsSharedUtils.config)();
525	73	return {
526	74	trigger: trigger,
527	75	effect: effect,
528	76	type: type,
		@@ -527,85 +75,77 @@
527	75	effect: effect,
528	76	type: type,
529	77	direction: direction || null,
530	78	duration: duration ? parseInt(duration, 10) : config.defaultDuration,
531		- delay: delay ? parseInt(delay, 10) : config.defaultDelay,
532		- replay: false,
533		- easing: config.defaultEasing
	79	+ delay: delay ? parseInt(delay, 10) : config.defaultDelay
534	80	};
535	81	}
536		-
537		-/**
538		- * Get interactions data from the script tag injected by PHP.
539		- * Returns array of { elementId, dataId, interactions: [...] }
540		- */
541		-function getInteractionsData() {
542		- var scriptTag = document.getElementById('elementor-interactions-data');
543		- if (!scriptTag) {
544		- return null;
	82	+function extractAnimationId(interaction) {
	83	+ var _interaction$animatio;
	84	+ if ('string' === typeof interaction) {
	85	+ return interaction;
545	86	}
546		- try {
547		- return JSON.parse(scriptTag.textContent);
548		- } catch (_unused) {
549		- return null;
	87	+ if ('interaction-item' === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value) {
	88	+ var _interaction$value = interaction.value,
	89	+ trigger = _interaction$value.trigger,
	90	+ animation = _interaction$value.animation;
	91	+ if ('animation-preset-props' === (animation === null || animation === void 0 ? void 0 : animation.$$type) && animation !== null && animation !== void 0 && animation.value) {
	92	+ var _timingConfig$value$d, _timingConfig$value, _timingConfig$value$d2, _timingConfig$value2;
	93	+ var _animation$value = animation.value,
	94	+ effect = _animation$value.effect,
	95	+ type = _animation$value.type,
	96	+ direction = _animation$value.direction,
	97	+ timingConfig = _animation$value.timing_config;
	98	+ var triggerVal = (trigger === null || trigger === void 0 ? void 0 : trigger.value) || 'load';
	99	+ var effectVal = (effect === null || effect === void 0 ? void 0 : effect.value) || 'fade';
	100	+ var typeVal = (type === null || type === void 0 ? void 0 : type.value) || 'in';
	101	+ var directionVal = (direction === null || direction === void 0 ? void 0 : direction.value) || '';
	102	+ var duration = (_timingConfig$value$d = timingConfig === null || timingConfig === void 0 || (_timingConfig$value = timingConfig.value) === null || _timingConfig$value === void 0 || (_timingConfig$value = _timingConfig$value.duration) === null || _timingConfig$value === void 0 ? void 0 : _timingConfig$value.value) !== null && _timingConfig$value$d !== void 0 ? _timingConfig$value$d : 300;
	103	+ var delay = (_timingConfig$value$d2 = timingConfig === null || timingConfig === void 0 || (_timingConfig$value2 = timingConfig.value) === null || _timingConfig$value2 === void 0 || (_timingConfig$value2 = _timingConfig$value2.delay) === null || _timingConfig$value2 === void 0 ? void 0 : _timingConfig$value2.value) !== null && _timingConfig$value$d2 !== void 0 ? _timingConfig$value$d2 : 0;
	104	+ return "".concat(triggerVal, "-").concat(effectVal, "-").concat(typeVal, "-").concat(directionVal, "-").concat(duration, "-").concat(delay);
	105	+ }
550	106	}
	107	+ if (interaction !== null && interaction !== void 0 && (_interaction$animatio = interaction.animation) !== null && _interaction$animatio !== void 0 && _interaction$animatio.animation_id) {
	108	+ return interaction.animation.animation_id;
	109	+ }
	110	+ return null;
551	111	}
552		-function findElementByDataId(dataId) {
553		- return document.querySelector("[data-interaction-id=\"".concat(dataId, "\"]"));
	112	+function extractInteractionId(interaction) {
	113	+ if ('interaction-item' === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value) {
	114	+ var _interaction$value$in;
	115	+ return ((_interaction$value$in = interaction.value.interaction_id) === null || _interaction$value$in === void 0 ? void 0 : _interaction$value$in.value) || null;
	116	+ }
	117	+ return null;
554	118	}
555		-function unwrapInteractionBreakpoints(propValue) {
556		- var breakpointsConfig = (0, _interactionsSharedUtils.unwrapInteractionValue)(propValue, {});
557		- var excluded = (0, _interactionsSharedUtils.unwrapInteractionValue)(breakpointsConfig === null || breakpointsConfig === void 0 ? void 0 : breakpointsConfig.excluded, []);
558		- if (1 > excluded.length) {
559		- return {};
560		- }
561		- var breakpoints = {
562		- excluded: excluded.map(function (breakpoint) {
563		- return (0, _interactionsSharedUtils.unwrapInteractionValue)(breakpoint, '');
564		- })
565		- };
566		- return breakpoints;
	119	+function getAnimateFunction() {
	120	+ var _window$Motion;
	121	+ return 'undefined' !== typeof animate ? animate : (_window$Motion = window.Motion) === null || _window$Motion === void 0 ? void 0 : _window$Motion.animate;
567	122	}
568		-function extractAnimationConfig(interaction) {
569		- var _payload$animation;
570		- if ('string' === typeof interaction) {
571		- return parseAnimationName(interaction);
	123	+function getInViewFunction() {
	124	+ var _window$Motion2;
	125	+ return 'undefined' !== typeof inView ? inView : (_window$Motion2 = window.Motion) === null || _window$Motion2 === void 0 ? void 0 : _window$Motion2.inView;
	126	+}
	127	+function waitForAnimateFunction(callback) {
	128	+ var maxAttempts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
	129	+ if (getAnimateFunction()) {
	130	+ callback();
	131	+ return;
572	132	}
573		- var payload = 'interaction-item' === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value ? interaction.value : interaction;
574		- if (!payload) {
575		- return null;
	133	+ if (maxAttempts > 0) {
	134	+ setTimeout(function () {
	135	+ return waitForAnimateFunction(callback, maxAttempts - 1);
	136	+ }, 100);
576	137	}
577		- if (payload !== null && payload !== void 0 && (_payload$animation = payload.animation) !== null && _payload$animation !== void 0 && _payload$animation.animation_id) {
578		- return parseAnimationName(payload.animation.animation_id);
	138	+}
	139	+function parseInteractionsData(data) {
	140	+ if ('string' === typeof data) {
	141	+ try {
	142	+ return JSON.parse(data);
	143	+ } catch (_unused) {
	144	+ return null;
	145	+ }
579	146	}
580		- var trigger = (0, _interactionsSharedUtils.unwrapInteractionValue)(payload.trigger) || payload.trigger || 'load';
581		- var animation = payload.animation;
582		- animation = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation);
583		- if (!animation) {
584		- return null;
585		- }
586		- var breakpoints = unwrapInteractionBreakpoints(payload.breakpoints);
587		- var config = (0, _interactionsSharedUtils.config)();
588		- var effect = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.effect) || animation.effect || 'fade';
589		- var type = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.type) || animation.type || 'in';
590		- var directionUnwrapped = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.direction);
591		- var direction = 'string' === typeof directionUnwrapped ? directionUnwrapped : '';
592		- var easing = config.defaultEasing;
593		- var replay = false;
594		- var timingConfig = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.timing_config) || animation.timing_config || {};
595		- var duration = (0, _interactionsSharedUtils.timingValueToMs)(timingConfig === null || timingConfig === void 0 ? void 0 : timingConfig.duration, config.defaultDuration);
596		- var delay = (0, _interactionsSharedUtils.timingValueToMs)(timingConfig === null || timingConfig === void 0 ? void 0 : timingConfig.delay, config.defaultDelay);
597		- return {
598		- trigger: trigger,
599		- breakpoints: breakpoints,
600		- effect: effect,
601		- type: type,
602		- direction: direction,
603		- duration: duration,
604		- delay: delay,
605		- easing: easing,
606		- replay: replay
607		- };
	147	+ return data;
608	148	}
609	149
610	150	/***/ }),
611	151
		@@ -636,27 +176,8 @@
636	176	module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
637	177
638	178	/***/ }),
639	179
640		-/***/ "../node_modules/@babel/runtime/helpers/defineProperty.js":
641		-/*!****************************************************************!*\
642		- !*** ../node_modules/@babel/runtime/helpers/defineProperty.js ***!
643		- \****************************************************************/
644		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
645		-
646		-var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
647		-function _defineProperty(e, r, t) {
648		- return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
649		- value: t,
650		- enumerable: !0,
651		- configurable: !0,
652		- writable: !0
653		- }) : e[r] = t, e;
654		-}
655		-module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
656		-
657		-/***/ }),
658		-
659	180	/***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js":
660	181	/*!***********************************************************************!*\
661	182	!*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***!
662	183	\***********************************************************************/
		@@ -737,64 +258,8 @@
737	258	module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
738	259
739	260	/***/ }),
740	261
741		-/***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
742		-/*!*************************************************************!*\
743		- !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
744		- \*************************************************************/
745		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
746		-
747		-var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
748		-function toPrimitive(t, r) {
749		- if ("object" != _typeof(t) || !t) return t;
750		- var e = t[Symbol.toPrimitive];
751		- if (void 0 !== e) {
752		- var i = e.call(t, r || "default");
753		- if ("object" != _typeof(i)) return i;
754		- throw new TypeError("@@toPrimitive must return a primitive value.");
755		- }
756		- return ("string" === r ? String : Number)(t);
757		-}
758		-module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
759		-
760		-/***/ }),
761		-
762		-/***/ "../node_modules/@babel/runtime/helpers/toPropertyKey.js":
763		-/*!***************************************************************!*\
764		- !*** ../node_modules/@babel/runtime/helpers/toPropertyKey.js ***!
765		- \***************************************************************/
766		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
767		-
768		-var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
769		-var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ "../node_modules/@babel/runtime/helpers/toPrimitive.js");
770		-function toPropertyKey(t) {
771		- var i = toPrimitive(t, "string");
772		- return "symbol" == _typeof(i) ? i : i + "";
773		-}
774		-module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
775		-
776		-/***/ }),
777		-
778		-/***/ "../node_modules/@babel/runtime/helpers/typeof.js":
779		-/*!********************************************************!*\
780		- !*** ../node_modules/@babel/runtime/helpers/typeof.js ***!
781		- \********************************************************/
782		-/***/ ((module) => {
783		-
784		-function _typeof(o) {
785		- "@babel/helpers - typeof";
786		-
787		- return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
788		- return typeof o;
789		- } : function (o) {
790		- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
791		- }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
792		-}
793		-module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
794		-
795		-/***/ }),
796		-
797	262	/***/ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js":
798	263	/*!****************************************************************************!*\
799	264	!*** ../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js ***!
800	265	\****************************************************************************/
		@@ -848,14 +313,14 @@
848	313	\*********************************************************/
849	314
850	315
851	316	var _interactionsUtils = __webpack_require__(/*! ./interactions-utils.js */ "../modules/interactions/assets/js/interactions-utils.js");
852		-var _interactionsBreakpoints = __webpack_require__(/*! ./interactions-breakpoints.js */ "../modules/interactions/assets/js/interactions-breakpoints.js");
853		-function scrollOutAnimation(element, transition, keyframes, resetKeyframes, options, animateFunc, inViewFunc) {
	317	+function scrollOutAnimation(element, transition, animConfig, keyframes, options, animateFunc, inViewFunc) {
854	318	var viewOptions = {
855	319	amount: 0.85,
856	320	root: null
857	321	};
	322	+ var resetKeyframes = (0, _interactionsUtils.getKeyframes)(animConfig.effect, 'in', animConfig.direction);
858	323	animateFunc(element, resetKeyframes, {
859	324	duration: 0
860	325	});
861	326	var stop = inViewFunc(element, function () {
		@@ -888,15 +353,13 @@
888	353	element.style.transition = transition;
889	354	});
890	355	}
891	356	function applyAnimation(element, animConfig, animateFunc, inViewFunc) {
892		- var baseline = (0, _interactionsUtils.getTransformBaselineFromComputedStyle)(element);
893		- var keyframes = (0, _interactionsUtils.preserveTransformKeyframes)((0, _interactionsUtils.getKeyframes)(animConfig.effect, animConfig.type, animConfig.direction), baseline);
894		- var resetKeyframes = (0, _interactionsUtils.preserveTransformKeyframes)((0, _interactionsUtils.getKeyframes)(animConfig.effect, 'in', animConfig.direction), baseline);
	357	+ var keyframes = (0, _interactionsUtils.getKeyframes)(animConfig.effect, animConfig.type, animConfig.direction);
895	358	var options = {
896	359	duration: animConfig.duration / 1000,
897	360	delay: animConfig.delay / 1000,
898		- ease: (0, _interactionsUtils.config)().defaultEasing
	361	+ ease: _interactionsUtils.config.ease
899	362	};
900	363
901	364	// WHY - Transition can be set on elements but once it sets it destroys all animations, so we basically put it aside.
902	365	var transition = element.style.transition;
		@@ -901,9 +364,9 @@
901	364	// WHY - Transition can be set on elements but once it sets it destroys all animations, so we basically put it aside.
902	365	var transition = element.style.transition;
903	366	element.style.transition = 'none';
904	367	if ('scrollOut' === animConfig.trigger) {
905		- scrollOutAnimation(element, transition, keyframes, resetKeyframes, options, animateFunc, inViewFunc);
	368	+ scrollOutAnimation(element, transition, animConfig, keyframes, options, animateFunc, inViewFunc);
906	369	} else if ('scrollIn' === animConfig.trigger) {
907	370	scrollInAnimation(element, transition, animConfig, keyframes, options, animateFunc, inViewFunc);
908	371	} else {
909	372	defaultAnimation(element, transition, keyframes, options, animateFunc);
		@@ -908,19 +371,8 @@
908	371	} else {
909	372	defaultAnimation(element, transition, keyframes, options, animateFunc);
910	373	}
911	374	}
912		-function processElementInteractions(element, interactions, animateFunc, inViewFunc) {
913		- if (!interactions || !Array.isArray(interactions)) {
914		- return;
915		- }
916		- interactions.forEach(function (interaction) {
917		- var animConfig = (0, _interactionsUtils.extractAnimationConfig)(interaction);
918		- if (animConfig && !(0, _interactionsUtils.skipInteraction)(animConfig)) {
919		- applyAnimation(element, animConfig, animateFunc, inViewFunc);
920		- }
921		- });
922		-}
923	375	function initInteractions() {
924	376	(0, _interactionsUtils.waitForAnimateFunction)(function () {
925	377	var animateFunc = (0, _interactionsUtils.getAnimateFunction)();
926	378	var inViewFunc = (0, _interactionsUtils.getInViewFunction)();
		@@ -926,43 +378,29 @@
926	378	var inViewFunc = (0, _interactionsUtils.getInViewFunction)();
927	379	if (!inViewFunc || !animateFunc) {
928	380	return;
929	381	}
930		-
931		- // New method: Read centralized interactions data from script tag
932		- var dataScript = document.getElementById('elementor-interactions-data');
933		- if (dataScript) {
934		- var elementsData = JSON.parse(dataScript.textContent);
935		- elementsData.forEach(function (elementData) {
936		- var elementId = elementData.elementId,
937		- interactions = elementData.interactions;
938		- if (!elementId || !interactions || !Array.isArray(interactions)) {
939		- return;
940		- }
941		- document.querySelectorAll("[data-interaction-id=\"".concat(elementId, "\"]")).forEach(function (element) {
942		- processElementInteractions(element, interactions, animateFunc, inViewFunc);
943		- });
944		- });
945		- return;
946		- }
947		-
948		- // Legacy fallback: parse data-interactions attributes
949	382	var elements = document.querySelectorAll('[data-interactions]');
950	383	elements.forEach(function (element) {
951	384	var interactionsData = element.getAttribute('data-interactions');
952	385	var parsedData = (0, _interactionsUtils.parseInteractionsData)(interactionsData);
953		- processElementInteractions(element, parsedData, animateFunc, inViewFunc);
	386	+ if (!parsedData || !Array.isArray(parsedData)) {
	387	+ return;
	388	+ }
	389	+ parsedData.forEach(function (interaction) {
	390	+ var animationName = (0, _interactionsUtils.extractAnimationId)(interaction);
	391	+ var animConfig = animationName && (0, _interactionsUtils.parseAnimationName)(animationName);
	392	+ if (animConfig) {
	393	+ applyAnimation(element, animConfig, animateFunc, inViewFunc);
	394	+ }
	395	+ });
954	396	});
955	397	});
956	398	}
957		-function init() {
958		- (0, _interactionsBreakpoints.initBreakpoints)();
959		- initInteractions();
960		-}
961	399	if ('loading' === document.readyState) {
962		- document.addEventListener('DOMContentLoaded', init);
	400	+ document.addEventListener('DOMContentLoaded', initInteractions);
963	401	} else {
964		- init();
	402	+ initInteractions();
965	403	}
966	404	})();
967	405
968	406	/******/ })()