← All changes | assets/js/editor-interactions.js +541 -658 4.3.1 → 3.34.0-beta1 View file →

		@@ -1,678 +1,561 @@
1		-'use strict';
	1	+/******/ (() => { // webpackBootstrap
	2	+/******/ var __webpack_modules__ = ({
2	3
3		-(function() {
	4	+/***/ "../modules/interactions/assets/js/interactions-utils.js":
	5	+/*!***************************************************************!*\
	6	+ !*** ../modules/interactions/assets/js/interactions-utils.js ***!
	7	+ \***************************************************************/
	8	+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
4	9
5		-//#region \0rolldown/runtime.js
6		- var __defProp = Object.defineProperty;
7		- var __name = (target, value) => __defProp(target, "name", {
8		- value,
9		- configurable: true
10		- });
	10	+"use strict";
11	11
12		-//#endregion
13	12
14		-//#region node_modules/@babel/runtime/helpers/esm/typeof.js
15		- function _typeof(o) {
16		- "@babel/helpers - typeof";
17		- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
18		- return typeof o;
19		- } : function(o) {
20		- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
21		- }, _typeof(o);
22		- }
	13	+var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
	14	+Object.defineProperty(exports, "__esModule", ({
	15	+ value: true
	16	+}));
	17	+exports.config = void 0;
	18	+exports.getKeyframes = getKeyframes;
	19	+exports.parseAnimationName = parseAnimationName;
	20	+var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
	21	+var _window$ElementorInte;
	22	+var config = exports.config = ((_window$ElementorInte = window.ElementorInteractionsConfig) === null || _window$ElementorInte === void 0 ? void 0 : _window$ElementorInte.constants) || {
	23	+ defaultDuration: 300,
	24	+ defaultDelay: 0,
	25	+ slideDistance: 100,
	26	+ scaleStart: 0,
	27	+ easing: 'linear'
	28	+};
	29	+function getKeyframes(effect, type, direction) {
	30	+ var isIn = 'in' === type;
	31	+ var keyframes = {};
	32	+ if ('fade' === effect) {
	33	+ keyframes.opacity = isIn ? [0, 1] : [1, 0];
	34	+ }
	35	+ if ('scale' === effect) {
	36	+ keyframes.scale = isIn ? [config.scaleStart, 1] : [1, config.scaleStart];
	37	+ }
	38	+ if (direction) {
	39	+ var distance = config.slideDistance;
	40	+ var movement = {
	41	+ left: {
	42	+ x: isIn ? [-distance, 0] : [0, -distance]
	43	+ },
	44	+ right: {
	45	+ x: isIn ? [distance, 0] : [0, distance]
	46	+ },
	47	+ top: {
	48	+ y: isIn ? [-distance, 0] : [0, -distance]
	49	+ },
	50	+ bottom: {
	51	+ y: isIn ? [distance, 0] : [0, distance]
	52	+ }
	53	+ };
	54	+ Object.assign(keyframes, movement[direction]);
	55	+ }
	56	+ return keyframes;
	57	+}
	58	+function parseAnimationName(name) {
	59	+ var _name$split = name.split('-'),
	60	+ _name$split2 = (0, _slicedToArray2.default)(_name$split, 6),
	61	+ trigger = _name$split2[0],
	62	+ effect = _name$split2[1],
	63	+ type = _name$split2[2],
	64	+ direction = _name$split2[3],
	65	+ duration = _name$split2[4],
	66	+ delay = _name$split2[5];
	67	+ return {
	68	+ trigger: trigger,
	69	+ effect: effect,
	70	+ type: type,
	71	+ direction: direction || null,
	72	+ duration: duration ? parseInt(duration, 10) : config.defaultDuration,
	73	+ delay: delay ? parseInt(delay, 10) : config.defaultDelay
	74	+ };
	75	+}
23	76
24		-//#endregion
25		-//#region node_modules/@babel/runtime/helpers/esm/toPrimitive.js
26		- function toPrimitive(t, r) {
27		- if ("object" != _typeof(t) || !t) return t;
28		- var e = t[Symbol.toPrimitive];
29		- if (void 0 !== e) {
30		- var i = e.call(t, r || "default");
31		- if ("object" != _typeof(i)) return i;
32		- throw new TypeError("@@toPrimitive must return a primitive value.");
33		- }
34		- return ("string" === r ? String : Number)(t);
35		- }
	77	+/***/ }),
36	78
37		-//#endregion
38		-//#region node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
39		- function toPropertyKey(t) {
40		- var i = toPrimitive(t, "string");
41		- return "symbol" == _typeof(i) ? i : i + "";
42		- }
	79	+/***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
	80	+/*!******************************************************************!*\
	81	+ !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
	82	+ \******************************************************************/
	83	+/***/ ((module) => {
43	84
44		-//#endregion
45		-//#region node_modules/@babel/runtime/helpers/esm/defineProperty.js
46		- function _defineProperty(e, r, t) {
47		- return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
48		- value: t,
49		- enumerable: !0,
50		- configurable: !0,
51		- writable: !0
52		- }) : e[r] = t, e;
53		- }
	85	+function _arrayLikeToArray(r, a) {
	86	+ (null == a || a > r.length) && (a = r.length);
	87	+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
	88	+ return n;
	89	+}
	90	+module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
54	91
55		-//#endregion
56		-//#region node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
57		- function _arrayWithHoles(r) {
58		- if (Array.isArray(r)) return r;
59		- }
	92	+/***/ }),
60	93
61		-//#endregion
62		-//#region node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
63		- function _iterableToArrayLimit(r, l) {
64		- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
65		- if (null != t) {
66		- var e;
67		- var n;
68		- var i;
69		- var u;
70		- var a = [];
71		- var f = !0;
72		- var o = !1;
73		- try {
74		- if (i = (t = t.call(r)).next, 0 === l) {
75		- if (Object(t) !== t) return;
76		- f = !1;
77		- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
78		- } catch (r) {
79		- o = !0, n = r;
80		- } finally {
81		- try {
82		- if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
83		- } finally {
84		- if (o) throw n;
85		- }
86		- }
87		- return a;
88		- }
89		- }
	94	+/***/ "../node_modules/@babel/runtime/helpers/arrayWithHoles.js":
	95	+/*!****************************************************************!*\
	96	+ !*** ../node_modules/@babel/runtime/helpers/arrayWithHoles.js ***!
	97	+ \****************************************************************/
	98	+/***/ ((module) => {
90	99
91		-//#endregion
92		-//#region node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
93		- function _arrayLikeToArray$1(r, a) {
94		- (null == a || a > r.length) && (a = r.length);
95		- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
96		- return n;
97		- }
98		- __name(_arrayLikeToArray$1, "_arrayLikeToArray");
	100	+function _arrayWithHoles(r) {
	101	+ if (Array.isArray(r)) return r;
	102	+}
	103	+module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
99	104
100		-//#endregion
101		-//#region node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
102		- function _unsupportedIterableToArray$1(r, a) {
103		- if (r) {
104		- if ("string" == typeof r) return _arrayLikeToArray$1(r, a);
105		- var t = {}.toString.call(r).slice(8, -1);
106		- 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$1(r, a) : void 0;
107		- }
108		- }
109		- __name(_unsupportedIterableToArray$1, "_unsupportedIterableToArray");
	105	+/***/ }),
110	106
111		-//#endregion
112		-//#region node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
113		- function _nonIterableRest() {
114		- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
115		- }
	107	+/***/ "../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js":
	108	+/*!*******************************************************************!*\
	109	+ !*** ../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js ***!
	110	+ \*******************************************************************/
	111	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
116	112
117		-//#endregion
118		-//#region node_modules/@babel/runtime/helpers/esm/slicedToArray.js
119		- function _slicedToArray(r, e) {
120		- return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest();
121		- }
	113	+var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");
	114	+function _arrayWithoutHoles(r) {
	115	+ if (Array.isArray(r)) return arrayLikeToArray(r);
	116	+}
	117	+module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
122	118
123		-//#endregion
124		-//#region modules/interactions/assets/js/interactions-breakpoints.js
125		- var breakpoints = {
126		- list: {},
127		- active: {},
128		- onChange: function onChange() {}
129		- };
130		- function getActiveBreakpoint() {
131		- return breakpoints.active;
132		- }
	119	+/***/ }),
133	120
134		-//#endregion
135		-//#region modules/interactions/assets/js/interactions-shared-utils.js
136		- function ownKeys$1(e, r) {
137		- var t = Object.keys(e);
138		- if (Object.getOwnPropertySymbols) {
139		- var o = Object.getOwnPropertySymbols(e);
140		- r && (o = o.filter(function(r) {
141		- return Object.getOwnPropertyDescriptor(e, r).enumerable;
142		- })), t.push.apply(t, o);
143		- }
144		- return t;
145		- }
146		- __name(ownKeys$1, "ownKeys");
147		- function _objectSpread$1(e) {
148		- for (var r = 1; r < arguments.length; r++) {
149		- var t = null != arguments[r] ? arguments[r] : {};
150		- r % 2 ? ownKeys$1(Object(t), !0).forEach(function(r) {
151		- _defineProperty(e, r, t[r]);
152		- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function(r) {
153		- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
154		- });
155		- }
156		- return e;
157		- }
158		- __name(_objectSpread$1, "_objectSpread");
159		- function _createForOfIteratorHelper(r, e) {
160		- var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
161		- if (!t) {
162		- if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
163		- t && (r = t);
164		- var _n = 0;
165		- var F = function F() {};
166		- return {
167		- s: F,
168		- n: function n() {
169		- return _n >= r.length ? { done: !0 } : {
170		- done: !1,
171		- value: r[_n++]
172		- };
173		- },
174		- e: function e(r) {
175		- throw r;
176		- },
177		- f: F
178		- };
179		- }
180		- throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
181		- }
182		- var o;
183		- var a = !0;
184		- var u = !1;
185		- return {
186		- s: function s() {
187		- t = t.call(r);
188		- },
189		- n: function n() {
190		- var r = t.next();
191		- return a = r.done, r;
192		- },
193		- e: function e(r) {
194		- u = !0, o = r;
195		- },
196		- f: function f() {
197		- try {
198		- a || null == t.return || t.return();
199		- } finally {
200		- if (u) throw o;
201		- }
202		- }
203		- };
204		- }
205		- function _unsupportedIterableToArray(r, a) {
206		- if (r) {
207		- if ("string" == typeof r) return _arrayLikeToArray(r, a);
208		- var t = {}.toString.call(r).slice(8, -1);
209		- 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;
210		- }
211		- }
212		- function _arrayLikeToArray(r, a) {
213		- (null == a || a > r.length) && (a = r.length);
214		- for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
215		- return n;
216		- }
217		- function config() {
218		- var _window$ElementorInte;
219		- var _window$ElementorInte2;
220		- return (_window$ElementorInte = (_window$ElementorInte2 = window.ElementorInteractionsConfig) === null || _window$ElementorInte2 === void 0 ? void 0 : _window$ElementorInte2.constants) !== null && _window$ElementorInte !== void 0 ? _window$ElementorInte : {};
221		- }
222		- function skipInteraction(interaction) {
223		- var _interaction$breakpoi;
224		- var breakpoint = getActiveBreakpoint();
225		- 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);
226		- }
227		- function extractInteractionId(interaction) {
228		- if ("interaction-item" === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value) {
229		- var _interaction$value$in;
230		- return ((_interaction$value$in = interaction.value.interaction_id) === null || _interaction$value$in === void 0 ? void 0 : _interaction$value$in.value) || null;
231		- }
232		- return null;
233		- }
234		- function motionFunc(name) {
235		- var _window;
236		- var _window2;
237		- if ("function" !== typeof ((_window = window) === null || _window === void 0 || (_window = _window.Motion) === null || _window === void 0 ? void 0 : _window[name])) return;
238		- return (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Motion) === null || _window2 === void 0 ? void 0 : _window2[name];
239		- }
240		- function getAnimateFunction() {
241		- return motionFunc("animate");
242		- }
243		- function getInViewFunction() {
244		- return motionFunc("inView");
245		- }
246		- function waitForAnimateFunction(callback) {
247		- var maxAttempts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 10;
248		- if (getAnimateFunction()) {
249		- callback();
250		- return;
251		- }
252		- if (maxAttempts > 0) setTimeout(function() {
253		- return waitForAnimateFunction(callback, maxAttempts - 1);
254		- }, 100);
255		- }
256		- function parseInteractionsData(data) {
257		- if ("string" === typeof data) try {
258		- return JSON.parse(data);
259		- } catch (_unused) {
260		- return null;
261		- }
262		- return data;
263		- }
264		- function unwrapInteractionValue(propValue) {
265		- var fallback = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
266		- if (propValue && "object" === _typeof(propValue) && "$$type" in propValue) return propValue.value;
267		- return propValue !== null && propValue !== void 0 ? propValue : fallback;
268		- }
269		- function timingValueToMs(timingValue, fallbackMs) {
270		- if (null === timingValue || void 0 === timingValue) return fallbackMs;
271		- var unwrapped = unwrapInteractionValue(timingValue);
272		- if ("number" === typeof unwrapped) return unwrapped;
273		- var sizeObj = unwrapInteractionValue(unwrapped);
274		- var size = sizeObj === null || sizeObj === void 0 ? void 0 : sizeObj.size;
275		- var unit = (sizeObj === null || sizeObj === void 0 ? void 0 : sizeObj.unit) || "ms";
276		- if ("number" !== typeof size) return fallbackMs;
277		- if ("s" === unit) return size * 1e3;
278		- return size;
279		- }
280		- function resetElementStyles(element) {
281		- if (!element) return;
282		- element.style.transition = "";
283		- element.style.transform = "";
284		- element.style.opacity = "";
285		- }
286		- var TRANSFORM_EPSILON = .001;
287		- var radiansToDegrees = function radiansToDegrees(radians) {
288		- return radians * (180 / Math.PI);
289		- };
290		- var isNear = function isNear(value, expected) {
291		- return Math.abs(value - expected) <= TRANSFORM_EPSILON;
292		- };
293		- var isNearZero = function isNearZero(value) {
294		- return isNear(value, 0);
295		- };
296		- var isNearOne = function isNearOne(value) {
297		- return isNear(value, 1);
298		- };
299		- function parseMatrixValues(transformValue) {
300		- var match = transformValue.match(/^matrix(3d)?\((.+)\)$/);
301		- if (!match) return null;
302		- return match[2].split(",").map(function(token) {
303		- return Number.parseFloat(token.trim());
304		- }).filter(function(value) {
305		- return Number.isFinite(value);
306		- });
307		- }
308		- function createMatrixFromTransform(transformValue) {
309		- if (!transformValue || "none" === transformValue) return null;
310		- var _iterator = _createForOfIteratorHelper([window.DOMMatrixReadOnly, window.DOMMatrix].filter(function(Factory) {
311		- return "function" === typeof Factory;
312		- }));
313		- var _step;
314		- try {
315		- for (_iterator.s(); !(_step = _iterator.n()).done;) {
316		- var MatrixFactory = _step.value;
317		- try {
318		- var _ref;
319		- var _matrix$a;
320		- var _ref2;
321		- var _matrix$b;
322		- var _ref3;
323		- var _matrix$c;
324		- var _ref4;
325		- var _matrix$d;
326		- var _ref5;
327		- var _matrix$e;
328		- var _ref6;
329		- var _matrix$f;
330		- var matrix = new MatrixFactory(transformValue);
331		- var compactMatrix = {
332		- matrixXfromX: (_ref = (_matrix$a = matrix.a) !== null && _matrix$a !== void 0 ? _matrix$a : matrix.m11) !== null && _ref !== void 0 ? _ref : 1,
333		- matrixYfromX: (_ref2 = (_matrix$b = matrix.b) !== null && _matrix$b !== void 0 ? _matrix$b : matrix.m12) !== null && _ref2 !== void 0 ? _ref2 : 0,
334		- matrixXfromY: (_ref3 = (_matrix$c = matrix.c) !== null && _matrix$c !== void 0 ? _matrix$c : matrix.m21) !== null && _ref3 !== void 0 ? _ref3 : 0,
335		- matrixYfromY: (_ref4 = (_matrix$d = matrix.d) !== null && _matrix$d !== void 0 ? _matrix$d : matrix.m22) !== null && _ref4 !== void 0 ? _ref4 : 1,
336		- matrixTranslateX: (_ref5 = (_matrix$e = matrix.e) !== null && _matrix$e !== void 0 ? _matrix$e : matrix.m41) !== null && _ref5 !== void 0 ? _ref5 : 0,
337		- matrixTranslateY: (_ref6 = (_matrix$f = matrix.f) !== null && _matrix$f !== void 0 ? _matrix$f : matrix.m42) !== null && _ref6 !== void 0 ? _ref6 : 0
338		- };
339		- if (Object.values(compactMatrix).every(Number.isFinite)) return compactMatrix;
340		- } catch (_unused2) {}
341		- }
342		- } catch (err) {
343		- _iterator.e(err);
344		- } finally {
345		- _iterator.f();
346		- }
347		- var parsedValues = parseMatrixValues(transformValue);
348		- if (!parsedValues) return null;
349		- if (6 === parsedValues.length) {
350		- var _parsedValues = _slicedToArray(parsedValues, 6);
351		- return {
352		- matrixXfromX: _parsedValues[0],
353		- matrixYfromX: _parsedValues[1],
354		- matrixXfromY: _parsedValues[2],
355		- matrixYfromY: _parsedValues[3],
356		- matrixTranslateX: _parsedValues[4],
357		- matrixTranslateY: _parsedValues[5]
358		- };
359		- }
360		- if (16 === parsedValues.length) {
361		- var _parsedValues2 = _slicedToArray(parsedValues, 14);
362		- return {
363		- matrixXfromX: _parsedValues2[0],
364		- matrixYfromX: _parsedValues2[1],
365		- matrixXfromY: _parsedValues2[4],
366		- matrixYfromY: _parsedValues2[5],
367		- matrixTranslateX: _parsedValues2[12],
368		- matrixTranslateY: _parsedValues2[13]
369		- };
370		- }
371		- return null;
372		- }
373		- function getTransformBaselineFromComputedStyle(element) {
374		- if (!element) return null;
375		- var computedStyle = window.getComputedStyle(element);
376		- var matrix = createMatrixFromTransform((computedStyle === null || computedStyle === void 0 ? void 0 : computedStyle.transform) || "");
377		- if (!matrix) return null;
378		- var matrixXfromX = matrix.matrixXfromX;
379		- var matrixYfromX = matrix.matrixYfromX;
380		- var matrixXfromY = matrix.matrixXfromY;
381		- var matrixYfromY = matrix.matrixYfromY;
382		- var matrixTranslateX = matrix.matrixTranslateX;
383		- var matrixTranslateY = matrix.matrixTranslateY;
384		- var scaleX = Math.hypot(matrixXfromX, matrixYfromX);
385		- var determinant = matrixXfromX * matrixYfromY - matrixYfromX * matrixXfromY;
386		- var scaleY = scaleX ? determinant / scaleX : Math.hypot(matrixXfromY, matrixYfromY);
387		- var rotate = radiansToDegrees(Math.atan2(matrixYfromX, matrixXfromX));
388		- var shear = scaleX ? (matrixXfromX * matrixXfromY + matrixYfromX * matrixYfromY) / (scaleX * scaleX) : 0;
389		- var skewX = radiansToDegrees(Math.atan(shear));
390		- return {
391		- x: matrixTranslateX,
392		- y: matrixTranslateY,
393		- scaleX: Number.isFinite(scaleX) ? scaleX : 1,
394		- scaleY: Number.isFinite(scaleY) ? scaleY : 1,
395		- rotate: Number.isFinite(rotate) ? rotate : 0,
396		- skewX: Number.isFinite(skewX) ? skewX : 0
397		- };
398		- }
399		- function preserveTransformKeyframes(keyframes, baseline) {
400		- if (!baseline) return keyframes;
401		- var mergedKeyframes = _objectSpread$1({}, keyframes);
402		- var hasScaleShorthand = mergedKeyframes.scale !== void 0;
403		- var canSetScaleX = mergedKeyframes.scaleX === void 0 && !isNearOne(baseline.scaleX);
404		- var canSetScaleY = mergedKeyframes.scaleY === void 0 && !isNearOne(baseline.scaleY);
405		- if (mergedKeyframes.x === void 0 && !isNearZero(baseline.x)) mergedKeyframes.x = [baseline.x, baseline.x];
406		- if (mergedKeyframes.y === void 0 && !isNearZero(baseline.y)) mergedKeyframes.y = [baseline.y, baseline.y];
407		- if (!hasScaleShorthand) if (canSetScaleX && canSetScaleY && isNear(baseline.scaleX, baseline.scaleY)) mergedKeyframes.scale = [baseline.scaleX, baseline.scaleX];
408		- else {
409		- if (canSetScaleX) mergedKeyframes.scaleX = [baseline.scaleX, baseline.scaleX];
410		- if (canSetScaleY) mergedKeyframes.scaleY = [baseline.scaleY, baseline.scaleY];
411		- }
412		- if (mergedKeyframes.rotate === void 0 && mergedKeyframes.rotateZ === void 0 && !isNearZero(baseline.rotate)) mergedKeyframes.rotate = [baseline.rotate, baseline.rotate];
413		- if (mergedKeyframes.skew === void 0 && mergedKeyframes.skewX === void 0 && !isNearZero(baseline.skewX)) mergedKeyframes.skewX = [baseline.skewX, baseline.skewX];
414		- return mergedKeyframes;
415		- }
416		- window.elementorModules = window.elementorModules || {};
417		- window.elementorModules.interactions = {
418		- config,
419		- skipInteraction,
420		- extractInteractionId,
421		- getAnimateFunction,
422		- getInViewFunction,
423		- waitForAnimateFunction,
424		- parseInteractionsData,
425		- unwrapInteractionValue,
426		- timingValueToMs,
427		- resetElementStyles,
428		- getTransformBaselineFromComputedStyle,
429		- preserveTransformKeyframes
430		- };
	121	+/***/ "../node_modules/@babel/runtime/helpers/defineProperty.js":
	122	+/*!****************************************************************!*\
	123	+ !*** ../node_modules/@babel/runtime/helpers/defineProperty.js ***!
	124	+ \****************************************************************/
	125	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
431	126
432		-//#endregion
433		-//#region modules/interactions/assets/js/interactions-utils.js
434		- function getKeyframes(effect, type, direction) {
435		- var isIn = "in" === type;
436		- var keyframes = {};
437		- if ("fade" === effect) keyframes.opacity = isIn ? [0, 1] : [1, 0];
438		- var config$1 = config();
439		- if ("scale" === effect) keyframes.scale = isIn ? [config$1.scaleStart, 1] : [1, config$1.scaleStart];
440		- if (direction && "string" === typeof direction) {
441		- var distance = config$1.slideDistance;
442		- var movement = {
443		- left: { x: isIn ? [-distance, 0] : [0, -distance] },
444		- right: { x: isIn ? [distance, 0] : [0, distance] },
445		- top: { y: isIn ? [-distance, 0] : [0, -distance] },
446		- bottom: { y: isIn ? [distance, 0] : [0, distance] }
447		- };
448		- direction.split("-").forEach(function(part) {
449		- if (movement[part]) Object.assign(keyframes, movement[part]);
450		- });
451		- }
452		- return keyframes;
453		- }
454		- function parseAnimationName(name) {
455		- var _name$split2 = _slicedToArray(name.split("-"), 8);
456		- var trigger = _name$split2[0];
457		- var effect = _name$split2[1];
458		- var type = _name$split2[2];
459		- var direction = _name$split2[3];
460		- var duration = _name$split2[4];
461		- var delay = _name$split2[5];
462		- var config$2 = config();
463		- return {
464		- trigger,
465		- effect,
466		- type,
467		- direction: direction || null,
468		- duration: duration ? parseInt(duration, 10) : config$2.defaultDuration,
469		- delay: delay ? parseInt(delay, 10) : config$2.defaultDelay,
470		- replay: false,
471		- easing: config$2.defaultEasing
472		- };
473		- }
474		- function unwrapInteractionBreakpoints(propValue) {
475		- var breakpointsConfig = unwrapInteractionValue(propValue, {});
476		- var excluded = unwrapInteractionValue(breakpointsConfig === null || breakpointsConfig === void 0 ? void 0 : breakpointsConfig.excluded, []);
477		- if (1 > excluded.length) return {};
478		- return { excluded: excluded.map(function(breakpoint) {
479		- return unwrapInteractionValue(breakpoint, "");
480		- }) };
481		- }
482		- function extractAnimationConfig(interaction) {
483		- var _payload$animation;
484		- if ("string" === typeof interaction) return parseAnimationName(interaction);
485		- var payload = "interaction-item" === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value ? interaction.value : interaction;
486		- if (!payload) return null;
487		- if (payload !== null && payload !== void 0 && (_payload$animation = payload.animation) !== null && _payload$animation !== void 0 && _payload$animation.animation_id) return parseAnimationName(payload.animation.animation_id);
488		- var trigger = unwrapInteractionValue(payload.trigger) || payload.trigger || "load";
489		- var animation = payload.animation;
490		- animation = unwrapInteractionValue(animation);
491		- if (!animation) return null;
492		- var breakpoints = unwrapInteractionBreakpoints(payload.breakpoints);
493		- var config$3 = config();
494		- var effect = unwrapInteractionValue(animation.effect) || animation.effect || "fade";
495		- var type = unwrapInteractionValue(animation.type) || animation.type || "in";
496		- var directionUnwrapped = unwrapInteractionValue(animation.direction);
497		- var direction = "string" === typeof directionUnwrapped ? directionUnwrapped : "";
498		- var easing = config$3.defaultEasing;
499		- var replay = false;
500		- var timingConfig = unwrapInteractionValue(animation.timing_config) || animation.timing_config || {};
501		- return {
502		- trigger,
503		- breakpoints,
504		- effect,
505		- type,
506		- direction,
507		- duration: timingValueToMs(timingConfig === null || timingConfig === void 0 ? void 0 : timingConfig.duration, config$3.defaultDuration),
508		- delay: timingValueToMs(timingConfig === null || timingConfig === void 0 ? void 0 : timingConfig.delay, config$3.defaultDelay),
509		- easing,
510		- replay
511		- };
512		- }
	127	+var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
	128	+function _defineProperty(e, r, t) {
	129	+ return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
	130	+ value: t,
	131	+ enumerable: !0,
	132	+ configurable: !0,
	133	+ writable: !0
	134	+ }) : e[r] = t, e;
	135	+}
	136	+module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
513	137
514		-//#endregion
515		-//#region modules/interactions/assets/js/editor-interactions.js
516		- function ownKeys(e, r) {
517		- var t = Object.keys(e);
518		- if (Object.getOwnPropertySymbols) {
519		- var o = Object.getOwnPropertySymbols(e);
520		- r && (o = o.filter(function(r) {
521		- return Object.getOwnPropertyDescriptor(e, r).enumerable;
522		- })), t.push.apply(t, o);
523		- }
524		- return t;
525		- }
526		- function _objectSpread(e) {
527		- for (var r = 1; r < arguments.length; r++) {
528		- var t = null != arguments[r] ? arguments[r] : {};
529		- r % 2 ? ownKeys(Object(t), !0).forEach(function(r) {
530		- _defineProperty(e, r, t[r]);
531		- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r) {
532		- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
533		- });
534		- }
535		- return e;
536		- }
537		- /**
538		- * @type {Record<string, Promise<void> & { cancel: () => void }>}
539		- */
540		- var playingInteractionsToStop = {};
541		- function applyAnimation(element, animConfig, animateFunc) {
542		- var id = element.id;
543		- if (playingInteractionsToStop[id]) {
544		- playingInteractionsToStop[id].cancel();
545		- delete playingInteractionsToStop[id];
546		- }
547		- var baseline = getTransformBaselineFromComputedStyle(element);
548		- var keyframes = preserveTransformKeyframes(getKeyframes(animConfig.effect, animConfig.type, animConfig.direction), baseline);
549		- var options = {
550		- duration: animConfig.duration / 1e3,
551		- delay: animConfig.delay / 1e3,
552		- ease: config().defaultEasing
553		- };
554		- var initialKeyframes = {};
555		- Object.keys(keyframes).forEach(function(key) {
556		- initialKeyframes[key] = keyframes[key][0];
557		- });
558		- animateFunc(element, initialKeyframes, { duration: 0 }).then(function() {
559		- var animation = animateFunc(element, keyframes, options);
560		- playingInteractionsToStop[id] = animation;
561		- animation.then(function() {
562		- requestAnimationFrame(function() {
563		- resetElementStyles(element);
564		- });
565		- delete playingInteractionsToStop[id];
566		- });
567		- });
568		- }
569		- function getInteractionsData() {
570		- var scriptTag = document.querySelector("script[data-e-interactions=\"true\"]");
571		- if (!scriptTag) return [];
572		- try {
573		- return JSON.parse(scriptTag.textContent || "[]");
574		- } catch (_unused) {
575		- return [];
576		- }
577		- }
578		- function findElementByInteractionId(interactionId) {
579		- return document.querySelector("[data-interaction-id=\"" + interactionId + "\"]");
580		- }
581		- function applyInteractionsToElement(element, interactionsData) {
582		- var animateFunc = getAnimateFunction();
583		- if (!animateFunc) return;
584		- var parsedData = parseInteractionsData(interactionsData);
585		- if (!parsedData) return;
586		- Object.values((parsedData === null || parsedData === void 0 ? void 0 : parsedData.items) || []).forEach(function(interaction) {
587		- var animConfig = extractAnimationConfig(interaction);
588		- if (animConfig) applyAnimation(element, animConfig, animateFunc);
589		- });
590		- }
591		- var previousInteractionsData = [];
592		- function handleInteractionsUpdate() {
593		- var currentInteractionsData = getInteractionsData();
594		- currentInteractionsData.filter(function(currentItem) {
595		- var _currentItem$interact;
596		- var _previousItem$interac;
597		- var previousItem = previousInteractionsData.find(function(prev) {
598		- return prev.dataId === currentItem.dataId;
599		- });
600		- if (!previousItem) return true;
601		- return (((_currentItem$interact = currentItem.interactions) === null || _currentItem$interact === void 0 ? void 0 : _currentItem$interact.items) || []).map(extractInteractionId).filter(Boolean).sort().join(",") !== (((_previousItem$interac = previousItem.interactions) === null || _previousItem$interac === void 0 ? void 0 : _previousItem$interac.items) || []).map(extractInteractionId).filter(Boolean).sort().join(",");
602		- }).forEach(function(item) {
603		- var _previousInteractions;
604		- var _item$interactions;
605		- var element = findElementByInteractionId(item.dataId);
606		- var prevInteractions = (_previousInteractions = previousInteractionsData.find(function(prev) {
607		- return prev.dataId === item.dataId;
608		- })) === null || _previousInteractions === void 0 ? void 0 : _previousInteractions.interactions;
609		- if (!element || !((_item$interactions = item.interactions) !== null && _item$interactions !== void 0 && (_item$interactions = _item$interactions.items) !== null && _item$interactions !== void 0 && _item$interactions.length)) return;
610		- var prevIds = new Set(((prevInteractions === null || prevInteractions === void 0 ? void 0 : prevInteractions.items) || []).map(extractInteractionId).filter(Boolean));
611		- var changedInteractions = item.interactions.items.filter(function(interaction) {
612		- var id = extractInteractionId(interaction);
613		- return !id || !prevIds.has(id);
614		- });
615		- if (changedInteractions.length > 0) applyInteractionsToElement(element, _objectSpread(_objectSpread({}, item.interactions), {}, { items: changedInteractions }));
616		- });
617		- previousInteractionsData = currentInteractionsData;
618		- }
619		- function initEditorInteractionsHandler() {
620		- waitForAnimateFunction(function() {
621		- var head = document.head;
622		- var scriptTag = null;
623		- var observer = null;
624		- function setupObserver(tag) {
625		- if (observer) observer.disconnect();
626		- observer = new MutationObserver(function() {
627		- handleInteractionsUpdate();
628		- });
629		- observer.observe(tag, {
630		- childList: true,
631		- characterData: true,
632		- subtree: true
633		- });
634		- handleInteractionsUpdate();
635		- registerWindowEvents();
636		- }
637		- var headObserver = new MutationObserver(function() {
638		- var foundScriptTag = document.querySelector("script[data-e-interactions=\"true\"]");
639		- if (foundScriptTag && foundScriptTag !== scriptTag) {
640		- scriptTag = foundScriptTag;
641		- setupObserver(scriptTag);
642		- headObserver.disconnect();
643		- }
644		- });
645		- headObserver.observe(head, {
646		- childList: true,
647		- subtree: true
648		- });
649		- scriptTag = document.querySelector("script[data-e-interactions=\"true\"]");
650		- if (scriptTag) {
651		- setupObserver(scriptTag);
652		- headObserver.disconnect();
653		- }
654		- });
655		- }
656		- function registerWindowEvents() {
657		- window.top.addEventListener("atomic/play_interactions", handlePlayInteractions);
658		- }
659		- function handlePlayInteractions(event) {
660		- var _event$detail = event.detail;
661		- var elementId = _event$detail.elementId;
662		- var interactionId = _event$detail.interactionId;
663		- var item = getInteractionsData().find(function(elementItemData) {
664		- return elementItemData.dataId === elementId;
665		- });
666		- if (!item) return;
667		- var element = findElementByInteractionId(elementId);
668		- if (!element) return;
669		- applyInteractionsToElement(element, _objectSpread(_objectSpread({}, item.interactions), {}, { items: item.interactions.items.filter(function(interactionItem) {
670		- return extractInteractionId(interactionItem) === interactionId;
671		- }) }));
672		- }
673		- if ("loading" === document.readyState) document.addEventListener("DOMContentLoaded", initEditorInteractionsHandler);
674		- else initEditorInteractionsHandler();
	138	+/***/ }),
675	139
676		-//#endregion
	140	+/***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js":
	141	+/*!***********************************************************************!*\
	142	+ !*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***!
	143	+ \***********************************************************************/
	144	+/***/ ((module) => {
	145	+
	146	+function _interopRequireDefault(e) {
	147	+ return e && e.__esModule ? e : {
	148	+ "default": e
	149	+ };
	150	+}
	151	+module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
	152	+
	153	+/***/ }),
	154	+
	155	+/***/ "../node_modules/@babel/runtime/helpers/iterableToArray.js":
	156	+/*!*****************************************************************!*\
	157	+ !*** ../node_modules/@babel/runtime/helpers/iterableToArray.js ***!
	158	+ \*****************************************************************/
	159	+/***/ ((module) => {
	160	+
	161	+function _iterableToArray(r) {
	162	+ if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
	163	+}
	164	+module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
	165	+
	166	+/***/ }),
	167	+
	168	+/***/ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js":
	169	+/*!**********************************************************************!*\
	170	+ !*** ../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!
	171	+ \**********************************************************************/
	172	+/***/ ((module) => {
	173	+
	174	+function _iterableToArrayLimit(r, l) {
	175	+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
	176	+ if (null != t) {
	177	+ var e,
	178	+ n,
	179	+ i,
	180	+ u,
	181	+ a = [],
	182	+ f = !0,
	183	+ o = !1;
	184	+ try {
	185	+ if (i = (t = t.call(r)).next, 0 === l) {
	186	+ if (Object(t) !== t) return;
	187	+ f = !1;
	188	+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
	189	+ } catch (r) {
	190	+ o = !0, n = r;
	191	+ } finally {
	192	+ try {
	193	+ if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
	194	+ } finally {
	195	+ if (o) throw n;
	196	+ }
	197	+ }
	198	+ return a;
	199	+ }
	200	+}
	201	+module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
	202	+
	203	+/***/ }),
	204	+
	205	+/***/ "../node_modules/@babel/runtime/helpers/nonIterableRest.js":
	206	+/*!*****************************************************************!*\
	207	+ !*** ../node_modules/@babel/runtime/helpers/nonIterableRest.js ***!
	208	+ \*****************************************************************/
	209	+/***/ ((module) => {
	210	+
	211	+function _nonIterableRest() {
	212	+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
	213	+}
	214	+module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
	215	+
	216	+/***/ }),
	217	+
	218	+/***/ "../node_modules/@babel/runtime/helpers/nonIterableSpread.js":
	219	+/*!*******************************************************************!*\
	220	+ !*** ../node_modules/@babel/runtime/helpers/nonIterableSpread.js ***!
	221	+ \*******************************************************************/
	222	+/***/ ((module) => {
	223	+
	224	+function _nonIterableSpread() {
	225	+ throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
	226	+}
	227	+module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
	228	+
	229	+/***/ }),
	230	+
	231	+/***/ "../node_modules/@babel/runtime/helpers/slicedToArray.js":
	232	+/*!***************************************************************!*\
	233	+ !*** ../node_modules/@babel/runtime/helpers/slicedToArray.js ***!
	234	+ \***************************************************************/
	235	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
	236	+
	237	+var arrayWithHoles = __webpack_require__(/*! ./arrayWithHoles.js */ "../node_modules/@babel/runtime/helpers/arrayWithHoles.js");
	238	+var iterableToArrayLimit = __webpack_require__(/*! ./iterableToArrayLimit.js */ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js");
	239	+var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");
	240	+var nonIterableRest = __webpack_require__(/*! ./nonIterableRest.js */ "../node_modules/@babel/runtime/helpers/nonIterableRest.js");
	241	+function _slicedToArray(r, e) {
	242	+ return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();
	243	+}
	244	+module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
	245	+
	246	+/***/ }),
	247	+
	248	+/***/ "../node_modules/@babel/runtime/helpers/toConsumableArray.js":
	249	+/*!*******************************************************************!*\
	250	+ !*** ../node_modules/@babel/runtime/helpers/toConsumableArray.js ***!
	251	+ \*******************************************************************/
	252	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
	253	+
	254	+var arrayWithoutHoles = __webpack_require__(/*! ./arrayWithoutHoles.js */ "../node_modules/@babel/runtime/helpers/arrayWithoutHoles.js");
	255	+var iterableToArray = __webpack_require__(/*! ./iterableToArray.js */ "../node_modules/@babel/runtime/helpers/iterableToArray.js");
	256	+var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");
	257	+var nonIterableSpread = __webpack_require__(/*! ./nonIterableSpread.js */ "../node_modules/@babel/runtime/helpers/nonIterableSpread.js");
	258	+function _toConsumableArray(r) {
	259	+ return arrayWithoutHoles(r) || iterableToArray(r) || unsupportedIterableToArray(r) || nonIterableSpread();
	260	+}
	261	+module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
	262	+
	263	+/***/ }),
	264	+
	265	+/***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
	266	+/*!*************************************************************!*\
	267	+ !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
	268	+ \*************************************************************/
	269	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
	270	+
	271	+var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
	272	+function toPrimitive(t, r) {
	273	+ if ("object" != _typeof(t) || !t) return t;
	274	+ var e = t[Symbol.toPrimitive];
	275	+ if (void 0 !== e) {
	276	+ var i = e.call(t, r || "default");
	277	+ if ("object" != _typeof(i)) return i;
	278	+ throw new TypeError("@@toPrimitive must return a primitive value.");
	279	+ }
	280	+ return ("string" === r ? String : Number)(t);
	281	+}
	282	+module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
	283	+
	284	+/***/ }),
	285	+
	286	+/***/ "../node_modules/@babel/runtime/helpers/toPropertyKey.js":
	287	+/*!***************************************************************!*\
	288	+ !*** ../node_modules/@babel/runtime/helpers/toPropertyKey.js ***!
	289	+ \***************************************************************/
	290	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
	291	+
	292	+var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
	293	+var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ "../node_modules/@babel/runtime/helpers/toPrimitive.js");
	294	+function toPropertyKey(t) {
	295	+ var i = toPrimitive(t, "string");
	296	+ return "symbol" == _typeof(i) ? i : i + "";
	297	+}
	298	+module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
	299	+
	300	+/***/ }),
	301	+
	302	+/***/ "../node_modules/@babel/runtime/helpers/typeof.js":
	303	+/*!********************************************************!*\
	304	+ !*** ../node_modules/@babel/runtime/helpers/typeof.js ***!
	305	+ \********************************************************/
	306	+/***/ ((module) => {
	307	+
	308	+function _typeof(o) {
	309	+ "@babel/helpers - typeof";
	310	+
	311	+ return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
	312	+ return typeof o;
	313	+ } : function (o) {
	314	+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
	315	+ }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
	316	+}
	317	+module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
	318	+
	319	+/***/ }),
	320	+
	321	+/***/ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js":
	322	+/*!****************************************************************************!*\
	323	+ !*** ../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js ***!
	324	+ \****************************************************************************/
	325	+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
	326	+
	327	+var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");
	328	+function _unsupportedIterableToArray(r, a) {
	329	+ if (r) {
	330	+ if ("string" == typeof r) return arrayLikeToArray(r, a);
	331	+ var t = {}.toString.call(r).slice(8, -1);
	332	+ 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;
	333	+ }
	334	+}
	335	+module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
	336	+
	337	+/***/ })
	338	+
	339	+/******/ });
	340	+/************************************************************************/
	341	+/******/ // The module cache
	342	+/******/ var __webpack_module_cache__ = {};
	343	+/******/
	344	+/******/ // The require function
	345	+/******/ function __webpack_require__(moduleId) {
	346	+/******/ // Check if module is in cache
	347	+/******/ var cachedModule = __webpack_module_cache__[moduleId];
	348	+/******/ if (cachedModule !== undefined) {
	349	+/******/ return cachedModule.exports;
	350	+/******/ }
	351	+/******/ // Create a new module (and put it into the cache)
	352	+/******/ var module = __webpack_module_cache__[moduleId] = {
	353	+/******/ // no module.id needed
	354	+/******/ // no module.loaded needed
	355	+/******/ exports: {}
	356	+/******/ };
	357	+/******/
	358	+/******/ // Execute the module function
	359	+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
	360	+/******/
	361	+/******/ // Return the exports of the module
	362	+/******/ return module.exports;
	363	+/******/ }
	364	+/******/
	365	+/************************************************************************/
	366	+var __webpack_exports__ = {};
	367	+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
	368	+(() => {
	369	+"use strict";
	370	+/*!****************************************************************!*\
	371	+ !*** ../modules/interactions/assets/js/editor-interactions.js ***!
	372	+ \****************************************************************/
	373	+
	374	+
	375	+var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
	376	+var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
	377	+var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
	378	+var _interactionsUtils = __webpack_require__(/*! ./interactions-utils.js */ "../modules/interactions/assets/js/interactions-utils.js");
	379	+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; }
	380	+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; }
	381	+function applyAnimation(element, animConfig, animateFunc) {
	382	+ var keyframes = (0, _interactionsUtils.getKeyframes)(animConfig.effect, animConfig.type, animConfig.direction);
	383	+ var options = {
	384	+ duration: animConfig.duration / 1000,
	385	+ delay: animConfig.delay / 1000,
	386	+ easing: _interactionsUtils.config.easing
	387	+ };
	388	+ var initialKeyframes = {};
	389	+ Object.keys(keyframes).forEach(function (key) {
	390	+ initialKeyframes[key] = keyframes[key][0];
	391	+ });
	392	+ // WHY - Transition can be set on elements but once it sets it destroys all animations, so we basically put it aside.
	393	+ var transition = element.style.transition;
	394	+ element.style.transition = 'none';
	395	+ animateFunc(element, initialKeyframes, {
	396	+ duration: 0
	397	+ }).then(function () {
	398	+ animateFunc(element, keyframes, options).then(function () {
	399	+ if ('out' === animConfig.type) {
	400	+ var resetValues = {
	401	+ opacity: 1,
	402	+ scale: 1,
	403	+ x: 0,
	404	+ y: 0
	405	+ };
	406	+ var resetKeyframes = {};
	407	+ Object.keys(keyframes).forEach(function (key) {
	408	+ resetKeyframes[key] = resetValues[key];
	409	+ });
	410	+ element.style.transition = transition;
	411	+ animateFunc(element, resetKeyframes, {
	412	+ duration: 0
	413	+ });
	414	+ }
	415	+ });
	416	+ });
	417	+}
	418	+function getInteractionsData() {
	419	+ var scriptTag = document.querySelector('script[data-e-interactions="true"]');
	420	+ if (!scriptTag) {
	421	+ return [];
	422	+ }
	423	+ try {
	424	+ return JSON.parse(scriptTag.textContent || '[]');
	425	+ } catch (_unused) {
	426	+ return [];
	427	+ }
	428	+}
	429	+function findElementByInteractionId(interactionId) {
	430	+ return document.querySelector('[data-interaction-id="' + interactionId + '"]');
	431	+}
	432	+function applyInteractionsToElement(element, interactionsData) {
	433	+ var _window$Motion, _parsedData;
	434	+ var animateFunc = 'undefined' !== typeof animate ? animate : (_window$Motion = window.Motion) === null || _window$Motion === void 0 ? void 0 : _window$Motion.animate;
	435	+ if (!animateFunc) {
	436	+ return;
	437	+ }
	438	+ var parsedData;
	439	+ if ('string' === typeof interactionsData) {
	440	+ try {
	441	+ parsedData = JSON.parse(interactionsData);
	442	+ } catch (error) {
	443	+ return;
	444	+ }
	445	+ } else {
	446	+ parsedData = interactionsData;
	447	+ }
	448	+ var interactions = Object.values((_parsedData = parsedData) === null || _parsedData === void 0 ? void 0 : _parsedData.items);
	449	+ interactions.forEach(function (interaction) {
	450	+ var _interaction$animatio;
	451	+ var animationName = 'string' === typeof interaction ? interaction : interaction === null || interaction === void 0 || (_interaction$animatio = interaction.animation) === null || _interaction$animatio === void 0 ? void 0 : _interaction$animatio.animation_id;
	452	+ var animConfig = animationName && (0, _interactionsUtils.parseAnimationName)(animationName);
	453	+ if (animConfig) {
	454	+ applyAnimation(element, animConfig, animateFunc);
	455	+ }
	456	+ });
	457	+}
	458	+var previousInteractionsData = [];
	459	+function handleInteractionsUpdate() {
	460	+ var currentInteractionsData = getInteractionsData();
	461	+ var changedItems = currentInteractionsData.filter(function (currentItem) {
	462	+ var previousItem = previousInteractionsData.find(function (prev) {
	463	+ return prev.dataId === currentItem.dataId;
	464	+ });
	465	+ return !previousItem || previousItem.interactions !== currentItem.interactions;
	466	+ });
	467	+ changedItems.forEach(function (item) {
	468	+ var _previousInteractions, _item$interactions, _item$interactions2, _prevInteractions$ite;
	469	+ var element = findElementByInteractionId(item.dataId);
	470	+ var prevInteractions = (_previousInteractions = previousInteractionsData.find(function (prev) {
	471	+ return prev.dataId === item.dataId;
	472	+ })) === null || _previousInteractions === void 0 ? void 0 : _previousInteractions.interactions;
	473	+ if (element && ((_item$interactions = item.interactions) === null || _item$interactions === void 0 || (_item$interactions = _item$interactions.items) === null || _item$interactions === void 0 ? void 0 : _item$interactions.length) > 0 && ((_item$interactions2 = item.interactions) === null || _item$interactions2 === void 0 || (_item$interactions2 = _item$interactions2.items) === null || _item$interactions2 === void 0 ? void 0 : _item$interactions2.length) === (prevInteractions === null || prevInteractions === void 0 || (_prevInteractions$ite = prevInteractions.items) === null || _prevInteractions$ite === void 0 ? void 0 : _prevInteractions$ite.length)) {
	474	+ var interactionsToApply = _objectSpread(_objectSpread({}, item.interactions), {}, {
	475	+ items: (0, _toConsumableArray2.default)(item.interactions.items).filter(function (interaction, index) {
	476	+ var _prevInteractions$ite2;
	477	+ return (prevInteractions === null || prevInteractions === void 0 || (_prevInteractions$ite2 = prevInteractions.items[index]) === null || _prevInteractions$ite2 === void 0 || (_prevInteractions$ite2 = _prevInteractions$ite2.animation) === null || _prevInteractions$ite2 === void 0 ? void 0 : _prevInteractions$ite2.animation_id) !== interaction.animation.animation_id;
	478	+ })
	479	+ });
	480	+ applyInteractionsToElement(element, interactionsToApply);
	481	+ }
	482	+ });
	483	+ previousInteractionsData = currentInteractionsData;
	484	+}
	485	+function initEditorInteractionsHandler() {
	486	+ var _window$Motion2;
	487	+ if ('undefined' === typeof animate && !((_window$Motion2 = window.Motion) !== null && _window$Motion2 !== void 0 && _window$Motion2.animate)) {
	488	+ setTimeout(initEditorInteractionsHandler, 100);
	489	+ return;
	490	+ }
	491	+ var head = document.head;
	492	+ var scriptTag = null;
	493	+ var observer = null;
	494	+ function setupObserver(tag) {
	495	+ if (observer) {
	496	+ observer.disconnect();
	497	+ }
	498	+ observer = new MutationObserver(function () {
	499	+ handleInteractionsUpdate();
	500	+ });
	501	+ observer.observe(tag, {
	502	+ childList: true,
	503	+ characterData: true,
	504	+ subtree: true
	505	+ });
	506	+ handleInteractionsUpdate();
	507	+ registerWindowEvents();
	508	+ }
	509	+ var headObserver = new MutationObserver(function () {
	510	+ var foundScriptTag = document.querySelector('script[data-e-interactions="true"]');
	511	+ if (foundScriptTag && foundScriptTag !== scriptTag) {
	512	+ scriptTag = foundScriptTag;
	513	+ setupObserver(scriptTag);
	514	+ headObserver.disconnect();
	515	+ }
	516	+ });
	517	+ headObserver.observe(head, {
	518	+ childList: true,
	519	+ subtree: true
	520	+ });
	521	+ scriptTag = document.querySelector('script[data-e-interactions="true"]');
	522	+ if (scriptTag) {
	523	+ setupObserver(scriptTag);
	524	+ headObserver.disconnect();
	525	+ }
	526	+}
	527	+function registerWindowEvents() {
	528	+ window.top.addEventListener('atomic/play_interactions', handlePlayInteractions);
	529	+}
	530	+function handlePlayInteractions(event) {
	531	+ var _event$detail = event.detail,
	532	+ elementId = _event$detail.elementId,
	533	+ animationId = _event$detail.animationId;
	534	+ var interactionsData = getInteractionsData();
	535	+ var item = interactionsData.find(function (elementItemData) {
	536	+ return elementItemData.dataId === elementId;
	537	+ });
	538	+ if (!item) {
	539	+ return;
	540	+ }
	541	+ var element = findElementByInteractionId(elementId);
	542	+ if (element) {
	543	+ var interactionsCopy = _objectSpread(_objectSpread({}, item.interactions), {}, {
	544	+ items: (0, _toConsumableArray2.default)(item.interactions.items)
	545	+ });
	546	+ interactionsCopy.items = interactionsCopy.items.filter(function (interactionItem) {
	547	+ return interactionItem.animation.animation_id === animationId;
	548	+ });
	549	+ applyInteractionsToElement(element, JSON.stringify(interactionsCopy));
	550	+ }
	551	+}
	552	+if ('loading' === document.readyState) {
	553	+ document.addEventListener('DOMContentLoaded', initEditorInteractionsHandler);
	554	+} else {
	555	+ initEditorInteractionsHandler();
	556	+}
677	557	})();
	558	+
	559	+/******/ })()
	560	+;
678	561	//# sourceMappingURL=editor-interactions.js.map