PluginProbe
Elementor Website Builder – more than just a page builder / 4.0.0-dev4
Elementor Website Builder – more than just a page builder v4.0.0-dev4
4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 All 454 releases
← All changes | assets/js/editor-interactions.js +820 -658 4.3.0-beta2 → 4.0.0-dev4 View file →
@@ -1,678 +1,840 @@
1 -'use strict';
1 +/******/ (() => { // webpackBootstrap
2 +/******/ var __webpack_modules__ = ({
2 3
3 -(function() {
4 +/***/ "../modules/interactions/assets/js/interactions-breakpoints.js":
5 +/*!*********************************************************************!*\
6 + !*** ../modules/interactions/assets/js/interactions-breakpoints.js ***!
7 + \*********************************************************************/
8 +/***/ ((__unused_webpack_module, exports) => {
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 +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 +}
23 73
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 - }
74 +/***/ }),
36 75
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 - }
76 +/***/ "../modules/interactions/assets/js/interactions-shared-utils.js":
77 +/*!**********************************************************************!*\
78 + !*** ../modules/interactions/assets/js/interactions-shared-utils.js ***!
79 + \**********************************************************************/
80 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
43 81
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 - }
82 +"use strict";
54 83
55 -//#endregion
56 -//#region node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
57 - function _arrayWithHoles(r) {
58 - if (Array.isArray(r)) return r;
59 - }
60 84
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 - }
85 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
86 +Object.defineProperty(exports, "__esModule", ({
87 + value: true
88 +}));
89 +exports.config = config;
90 +exports.extractInteractionId = extractInteractionId;
91 +exports.getAnimateFunction = getAnimateFunction;
92 +exports.getInViewFunction = getInViewFunction;
93 +exports.parseInteractionsData = parseInteractionsData;
94 +exports.skipInteraction = skipInteraction;
95 +exports.timingValueToMs = timingValueToMs;
96 +exports.unwrapInteractionValue = unwrapInteractionValue;
97 +exports.waitForAnimateFunction = waitForAnimateFunction;
98 +var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"));
99 +var _interactionsBreakpoints = __webpack_require__(/*! ./interactions-breakpoints.js */ "../modules/interactions/assets/js/interactions-breakpoints.js");
100 +function config() {
101 + var _window$ElementorInte, _window$ElementorInte2;
102 + return (_window$ElementorInte = (_window$ElementorInte2 = window.ElementorInteractionsConfig) === null || _window$ElementorInte2 === void 0 ? void 0 : _window$ElementorInte2.constants) !== null && _window$ElementorInte !== void 0 ? _window$ElementorInte : {};
103 +}
104 +function skipInteraction(interaction) {
105 + var _interaction$breakpoi;
106 + var breakpoint = (0, _interactionsBreakpoints.getActiveBreakpoint)();
107 + 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);
108 +}
109 +function extractInteractionId(interaction) {
110 + if ('interaction-item' === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value) {
111 + var _interaction$value$in;
112 + return ((_interaction$value$in = interaction.value.interaction_id) === null || _interaction$value$in === void 0 ? void 0 : _interaction$value$in.value) || null;
113 + }
114 + return null;
115 +}
116 +function motionFunc(name) {
117 + var _window, _window2;
118 + if ('function' !== typeof ((_window = window) === null || _window === void 0 || (_window = _window.Motion) === null || _window === void 0 ? void 0 : _window[name])) {
119 + return undefined;
120 + }
121 + return (_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.Motion) === null || _window2 === void 0 ? void 0 : _window2[name];
122 +}
123 +function getAnimateFunction() {
124 + return motionFunc('animate');
125 +}
126 +function getInViewFunction() {
127 + return motionFunc('inView');
128 +}
129 +function waitForAnimateFunction(callback) {
130 + var maxAttempts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
131 + if (getAnimateFunction()) {
132 + callback();
133 + return;
134 + }
135 + if (maxAttempts > 0) {
136 + setTimeout(function () {
137 + return waitForAnimateFunction(callback, maxAttempts - 1);
138 + }, 100);
139 + }
140 +}
141 +function parseInteractionsData(data) {
142 + if ('string' === typeof data) {
143 + try {
144 + return JSON.parse(data);
145 + } catch (_unused) {
146 + return null;
147 + }
148 + }
149 + return data;
150 +}
151 +function unwrapInteractionValue(propValue) {
152 + var fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
153 + // Supports Elementor's typed wrapper shape: { $$type: '...', value: ... }.
154 + if (propValue && 'object' === (0, _typeof2.default)(propValue) && '$$type' in propValue) {
155 + return propValue.value;
156 + }
157 + return propValue !== null && propValue !== void 0 ? propValue : fallback;
158 +}
159 +function timingValueToMs(timingValue, fallbackMs) {
160 + if (null === timingValue || undefined === timingValue) {
161 + return fallbackMs;
162 + }
163 + var unwrapped = unwrapInteractionValue(timingValue);
164 + if ('number' === typeof unwrapped) {
165 + return unwrapped;
166 + }
167 + var sizeObj = unwrapInteractionValue(unwrapped);
168 + var size = sizeObj === null || sizeObj === void 0 ? void 0 : sizeObj.size;
169 + var unit = (sizeObj === null || sizeObj === void 0 ? void 0 : sizeObj.unit) || 'ms';
170 + if ('number' !== typeof size) {
171 + return fallbackMs;
172 + }
173 + if ('s' === unit) {
174 + return size * 1000;
175 + }
176 + return size;
177 +}
90 178
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");
179 +// Expose on elementorModules for Pro and other consumers.
180 +window.elementorModules = window.elementorModules || {};
181 +window.elementorModules.interactions = {
182 + config: config,
183 + skipInteraction: skipInteraction,
184 + extractInteractionId: extractInteractionId,
185 + getAnimateFunction: getAnimateFunction,
186 + getInViewFunction: getInViewFunction,
187 + waitForAnimateFunction: waitForAnimateFunction,
188 + parseInteractionsData: parseInteractionsData,
189 + unwrapInteractionValue: unwrapInteractionValue,
190 + timingValueToMs: timingValueToMs
191 +};
99 192
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");
193 +/***/ }),
110 194
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 - }
195 +/***/ "../modules/interactions/assets/js/interactions-utils.js":
196 +/*!***************************************************************!*\
197 + !*** ../modules/interactions/assets/js/interactions-utils.js ***!
198 + \***************************************************************/
199 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
116 200
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 - }
201 +"use strict";
122 202
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 - }
133 203
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 - };
204 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
205 +Object.defineProperty(exports, "__esModule", ({
206 + value: true
207 +}));
208 +Object.defineProperty(exports, "config", ({
209 + enumerable: true,
210 + get: function get() {
211 + return _interactionsSharedUtils.config;
212 + }
213 +}));
214 +exports.extractAnimationConfig = extractAnimationConfig;
215 +Object.defineProperty(exports, "extractInteractionId", ({
216 + enumerable: true,
217 + get: function get() {
218 + return _interactionsSharedUtils.extractInteractionId;
219 + }
220 +}));
221 +exports.findElementByDataId = findElementByDataId;
222 +Object.defineProperty(exports, "getAnimateFunction", ({
223 + enumerable: true,
224 + get: function get() {
225 + return _interactionsSharedUtils.getAnimateFunction;
226 + }
227 +}));
228 +Object.defineProperty(exports, "getInViewFunction", ({
229 + enumerable: true,
230 + get: function get() {
231 + return _interactionsSharedUtils.getInViewFunction;
232 + }
233 +}));
234 +exports.getInteractionsData = getInteractionsData;
235 +exports.getKeyframes = getKeyframes;
236 +exports.isFreeFrontendSupportedTrigger = isFreeFrontendSupportedTrigger;
237 +exports.parseAnimationName = parseAnimationName;
238 +Object.defineProperty(exports, "parseInteractionsData", ({
239 + enumerable: true,
240 + get: function get() {
241 + return _interactionsSharedUtils.parseInteractionsData;
242 + }
243 +}));
244 +Object.defineProperty(exports, "skipInteraction", ({
245 + enumerable: true,
246 + get: function get() {
247 + return _interactionsSharedUtils.skipInteraction;
248 + }
249 +}));
250 +Object.defineProperty(exports, "timingValueToMs", ({
251 + enumerable: true,
252 + get: function get() {
253 + return _interactionsSharedUtils.timingValueToMs;
254 + }
255 +}));
256 +Object.defineProperty(exports, "unwrapInteractionValue", ({
257 + enumerable: true,
258 + get: function get() {
259 + return _interactionsSharedUtils.unwrapInteractionValue;
260 + }
261 +}));
262 +Object.defineProperty(exports, "waitForAnimateFunction", ({
263 + enumerable: true,
264 + get: function get() {
265 + return _interactionsSharedUtils.waitForAnimateFunction;
266 + }
267 +}));
268 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
269 +var _interactionsSharedUtils = __webpack_require__(/*! ./interactions-shared-utils.js */ "../modules/interactions/assets/js/interactions-shared-utils.js");
270 +/**
271 + * Triggers the Core `interactions.js` / `editor-interactions.js` bundles run. Pro-only triggers
272 + * (e.g. hover, click) must not fall through to the load-time default path.
273 + */
274 +var FREE_FRONTEND_SUPPORTED_TRIGGERS = ['load', 'scrollIn', 'scrollOut'];
275 +function isFreeFrontendSupportedTrigger(trigger) {
276 + return FREE_FRONTEND_SUPPORTED_TRIGGERS.includes(trigger);
277 +}
278 +function getKeyframes(effect, type, direction) {
279 + var isIn = 'in' === type;
280 + var keyframes = {};
281 + if ('fade' === effect) {
282 + keyframes.opacity = isIn ? [0, 1] : [1, 0];
283 + }
284 + var config = (0, _interactionsSharedUtils.config)();
285 + if ('scale' === effect) {
286 + keyframes.scale = isIn ? [config.scaleStart, 1] : [1, config.scaleStart];
287 + }
288 + if (direction) {
289 + var distance = config.slideDistance;
290 + var movement = {
291 + left: {
292 + x: isIn ? [-distance, 0] : [0, -distance]
293 + },
294 + right: {
295 + x: isIn ? [distance, 0] : [0, distance]
296 + },
297 + top: {
298 + y: isIn ? [-distance, 0] : [0, -distance]
299 + },
300 + bottom: {
301 + y: isIn ? [distance, 0] : [0, distance]
302 + }
303 + };
304 + Object.assign(keyframes, movement[direction]);
305 + }
306 + return keyframes;
307 +}
308 +function parseAnimationName(name) {
309 + var _name$split = name.split('-'),
310 + _name$split2 = (0, _slicedToArray2.default)(_name$split, 8),
311 + trigger = _name$split2[0],
312 + effect = _name$split2[1],
313 + type = _name$split2[2],
314 + direction = _name$split2[3],
315 + duration = _name$split2[4],
316 + delay = _name$split2[5];
317 + var config = (0, _interactionsSharedUtils.config)();
318 + return {
319 + trigger: trigger,
320 + effect: effect,
321 + type: type,
322 + direction: direction || null,
323 + duration: duration ? parseInt(duration, 10) : config.defaultDuration,
324 + delay: delay ? parseInt(delay, 10) : config.defaultDelay,
325 + replay: false,
326 + easing: config.defaultEasing
327 + };
328 +}
431 329
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 - }
330 +/**
331 + * Get interactions data from the script tag injected by PHP.
332 + * Returns array of { elementId, dataId, interactions: [...] }
333 + */
334 +function getInteractionsData() {
335 + var scriptTag = document.getElementById('elementor-interactions-data');
336 + if (!scriptTag) {
337 + return null;
338 + }
339 + try {
340 + return JSON.parse(scriptTag.textContent);
341 + } catch (_unused) {
342 + return null;
343 + }
344 +}
345 +function findElementByDataId(dataId) {
346 + return document.querySelector("[data-interaction-id=\"".concat(dataId, "\"]"));
347 +}
348 +function unwrapInteractionBreakpoints(propValue) {
349 + var breakpointsConfig = (0, _interactionsSharedUtils.unwrapInteractionValue)(propValue, {});
350 + var excluded = (0, _interactionsSharedUtils.unwrapInteractionValue)(breakpointsConfig === null || breakpointsConfig === void 0 ? void 0 : breakpointsConfig.excluded, []);
351 + if (1 > excluded.length) {
352 + return {};
353 + }
354 + var breakpoints = {
355 + excluded: excluded.map(function (breakpoint) {
356 + return (0, _interactionsSharedUtils.unwrapInteractionValue)(breakpoint, '');
357 + })
358 + };
359 + return breakpoints;
360 +}
361 +function extractAnimationConfig(interaction) {
362 + var _payload$animation;
363 + if ('string' === typeof interaction) {
364 + return parseAnimationName(interaction);
365 + }
366 + var payload = 'interaction-item' === (interaction === null || interaction === void 0 ? void 0 : interaction.$$type) && interaction !== null && interaction !== void 0 && interaction.value ? interaction.value : interaction;
367 + if (!payload) {
368 + return null;
369 + }
370 + if (payload !== null && payload !== void 0 && (_payload$animation = payload.animation) !== null && _payload$animation !== void 0 && _payload$animation.animation_id) {
371 + return parseAnimationName(payload.animation.animation_id);
372 + }
373 + var trigger = (0, _interactionsSharedUtils.unwrapInteractionValue)(payload.trigger) || payload.trigger || 'load';
374 + var animation = payload.animation;
375 + animation = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation);
376 + if (!animation) {
377 + return null;
378 + }
379 + var breakpoints = unwrapInteractionBreakpoints(payload.breakpoints);
380 + var config = (0, _interactionsSharedUtils.config)();
381 + var effect = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.effect) || animation.effect || 'fade';
382 + var type = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.type) || animation.type || 'in';
383 + var direction = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.direction) || animation.direction || '';
384 + var easing = config.defaultEasing;
385 + var replay = false;
386 + var timingConfig = (0, _interactionsSharedUtils.unwrapInteractionValue)(animation.timing_config) || animation.timing_config || {};
387 + var duration = (0, _interactionsSharedUtils.timingValueToMs)(timingConfig === null || timingConfig === void 0 ? void 0 : timingConfig.duration, config.defaultDuration);
388 + var delay = (0, _interactionsSharedUtils.timingValueToMs)(timingConfig === null || timingConfig === void 0 ? void 0 : timingConfig.delay, config.defaultDelay);
389 + return {
390 + trigger: trigger,
391 + breakpoints: breakpoints,
392 + effect: effect,
393 + type: type,
394 + direction: direction,
395 + duration: duration,
396 + delay: delay,
397 + easing: easing,
398 + replay: replay
399 + };
400 +}
513 401
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();
402 +/***/ }),
675 403
676 -//#endregion
404 +/***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
405 +/*!******************************************************************!*\
406 + !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
407 + \******************************************************************/
408 +/***/ ((module) => {
409 +
410 +function _arrayLikeToArray(r, a) {
411 + (null == a || a > r.length) && (a = r.length);
412 + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
413 + return n;
414 +}
415 +module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
416 +
417 +/***/ }),
418 +
419 +/***/ "../node_modules/@babel/runtime/helpers/arrayWithHoles.js":
420 +/*!****************************************************************!*\
421 + !*** ../node_modules/@babel/runtime/helpers/arrayWithHoles.js ***!
422 + \****************************************************************/
423 +/***/ ((module) => {
424 +
425 +function _arrayWithHoles(r) {
426 + if (Array.isArray(r)) return r;
427 +}
428 +module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
429 +
430 +/***/ }),
431 +
432 +/***/ "../node_modules/@babel/runtime/helpers/defineProperty.js":
433 +/*!****************************************************************!*\
434 + !*** ../node_modules/@babel/runtime/helpers/defineProperty.js ***!
435 + \****************************************************************/
436 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
437 +
438 +var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
439 +function _defineProperty(e, r, t) {
440 + return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
441 + value: t,
442 + enumerable: !0,
443 + configurable: !0,
444 + writable: !0
445 + }) : e[r] = t, e;
446 +}
447 +module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
448 +
449 +/***/ }),
450 +
451 +/***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js":
452 +/*!***********************************************************************!*\
453 + !*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***!
454 + \***********************************************************************/
455 +/***/ ((module) => {
456 +
457 +function _interopRequireDefault(e) {
458 + return e && e.__esModule ? e : {
459 + "default": e
460 + };
461 +}
462 +module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
463 +
464 +/***/ }),
465 +
466 +/***/ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js":
467 +/*!**********************************************************************!*\
468 + !*** ../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js ***!
469 + \**********************************************************************/
470 +/***/ ((module) => {
471 +
472 +function _iterableToArrayLimit(r, l) {
473 + var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
474 + if (null != t) {
475 + var e,
476 + n,
477 + i,
478 + u,
479 + a = [],
480 + f = !0,
481 + o = !1;
482 + try {
483 + if (i = (t = t.call(r)).next, 0 === l) {
484 + if (Object(t) !== t) return;
485 + f = !1;
486 + } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
487 + } catch (r) {
488 + o = !0, n = r;
489 + } finally {
490 + try {
491 + if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
492 + } finally {
493 + if (o) throw n;
494 + }
495 + }
496 + return a;
497 + }
498 +}
499 +module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
500 +
501 +/***/ }),
502 +
503 +/***/ "../node_modules/@babel/runtime/helpers/nonIterableRest.js":
504 +/*!*****************************************************************!*\
505 + !*** ../node_modules/@babel/runtime/helpers/nonIterableRest.js ***!
506 + \*****************************************************************/
507 +/***/ ((module) => {
508 +
509 +function _nonIterableRest() {
510 + throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
511 +}
512 +module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
513 +
514 +/***/ }),
515 +
516 +/***/ "../node_modules/@babel/runtime/helpers/slicedToArray.js":
517 +/*!***************************************************************!*\
518 + !*** ../node_modules/@babel/runtime/helpers/slicedToArray.js ***!
519 + \***************************************************************/
520 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
521 +
522 +var arrayWithHoles = __webpack_require__(/*! ./arrayWithHoles.js */ "../node_modules/@babel/runtime/helpers/arrayWithHoles.js");
523 +var iterableToArrayLimit = __webpack_require__(/*! ./iterableToArrayLimit.js */ "../node_modules/@babel/runtime/helpers/iterableToArrayLimit.js");
524 +var unsupportedIterableToArray = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js");
525 +var nonIterableRest = __webpack_require__(/*! ./nonIterableRest.js */ "../node_modules/@babel/runtime/helpers/nonIterableRest.js");
526 +function _slicedToArray(r, e) {
527 + return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();
528 +}
529 +module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
530 +
531 +/***/ }),
532 +
533 +/***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
534 +/*!*************************************************************!*\
535 + !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
536 + \*************************************************************/
537 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
538 +
539 +var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
540 +function toPrimitive(t, r) {
541 + if ("object" != _typeof(t) || !t) return t;
542 + var e = t[Symbol.toPrimitive];
543 + if (void 0 !== e) {
544 + var i = e.call(t, r || "default");
545 + if ("object" != _typeof(i)) return i;
546 + throw new TypeError("@@toPrimitive must return a primitive value.");
547 + }
548 + return ("string" === r ? String : Number)(t);
549 +}
550 +module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
551 +
552 +/***/ }),
553 +
554 +/***/ "../node_modules/@babel/runtime/helpers/toPropertyKey.js":
555 +/*!***************************************************************!*\
556 + !*** ../node_modules/@babel/runtime/helpers/toPropertyKey.js ***!
557 + \***************************************************************/
558 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
559 +
560 +var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
561 +var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ "../node_modules/@babel/runtime/helpers/toPrimitive.js");
562 +function toPropertyKey(t) {
563 + var i = toPrimitive(t, "string");
564 + return "symbol" == _typeof(i) ? i : i + "";
565 +}
566 +module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
567 +
568 +/***/ }),
569 +
570 +/***/ "../node_modules/@babel/runtime/helpers/typeof.js":
571 +/*!********************************************************!*\
572 + !*** ../node_modules/@babel/runtime/helpers/typeof.js ***!
573 + \********************************************************/
574 +/***/ ((module) => {
575 +
576 +function _typeof(o) {
577 + "@babel/helpers - typeof";
578 +
579 + return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
580 + return typeof o;
581 + } : function (o) {
582 + return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
583 + }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
584 +}
585 +module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
586 +
587 +/***/ }),
588 +
589 +/***/ "../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js":
590 +/*!****************************************************************************!*\
591 + !*** ../node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js ***!
592 + \****************************************************************************/
593 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
594 +
595 +var arrayLikeToArray = __webpack_require__(/*! ./arrayLikeToArray.js */ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js");
596 +function _unsupportedIterableToArray(r, a) {
597 + if (r) {
598 + if ("string" == typeof r) return arrayLikeToArray(r, a);
599 + var t = {}.toString.call(r).slice(8, -1);
600 + 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;
601 + }
602 +}
603 +module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
604 +
605 +/***/ })
606 +
607 +/******/ });
608 +/************************************************************************/
609 +/******/ // The module cache
610 +/******/ var __webpack_module_cache__ = {};
611 +/******/
612 +/******/ // The require function
613 +/******/ function __webpack_require__(moduleId) {
614 +/******/ // Check if module is in cache
615 +/******/ var cachedModule = __webpack_module_cache__[moduleId];
616 +/******/ if (cachedModule !== undefined) {
617 +/******/ return cachedModule.exports;
618 +/******/ }
619 +/******/ // Create a new module (and put it into the cache)
620 +/******/ var module = __webpack_module_cache__[moduleId] = {
621 +/******/ // no module.id needed
622 +/******/ // no module.loaded needed
623 +/******/ exports: {}
624 +/******/ };
625 +/******/
626 +/******/ // Execute the module function
627 +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
628 +/******/
629 +/******/ // Return the exports of the module
630 +/******/ return module.exports;
631 +/******/ }
632 +/******/
633 +/************************************************************************/
634 +var __webpack_exports__ = {};
635 +// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
636 +(() => {
637 +"use strict";
638 +/*!****************************************************************!*\
639 + !*** ../modules/interactions/assets/js/editor-interactions.js ***!
640 + \****************************************************************/
641 +
642 +
643 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
644 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
645 +var _interactionsUtils = __webpack_require__(/*! ./interactions-utils.js */ "../modules/interactions/assets/js/interactions-utils.js");
646 +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; }
647 +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; }
648 +/**
649 + * @type {Record<string, Promise<void> & { cancel: () => void }>}
650 + */
651 +var playingInteractionsToStop = {};
652 +function applyAnimation(element, animConfig, animateFunc) {
653 + var id = element.id;
654 + if (playingInteractionsToStop[id]) {
655 + playingInteractionsToStop[id].cancel();
656 + delete playingInteractionsToStop[id];
657 + }
658 + var keyframes = (0, _interactionsUtils.getKeyframes)(animConfig.effect, animConfig.type, animConfig.direction);
659 + var options = {
660 + duration: animConfig.duration / 1000,
661 + delay: animConfig.delay / 1000,
662 + ease: (0, _interactionsUtils.config)().defaultEasing
663 + };
664 + var initialKeyframes = {};
665 + Object.keys(keyframes).forEach(function (key) {
666 + initialKeyframes[key] = keyframes[key][0];
667 + });
668 +
669 + // WHY - Transition can be set on elements but once it sets it destroys all animations, so we basically put it aside.
670 + var transition = element.style.transition;
671 + element.style.transition = 'none';
672 + animateFunc(element, initialKeyframes, {
673 + duration: 0
674 + }).then(function () {
675 + var animations = animateFunc(element, keyframes, options);
676 + playingInteractionsToStop[id] = animations;
677 + animations.then(function () {
678 + if ('out' === animConfig.type) {
679 + var resetValues = {
680 + opacity: 1,
681 + scale: 1,
682 + x: 0,
683 + y: 0
684 + };
685 + var resetKeyframes = {};
686 + Object.keys(keyframes).forEach(function (key) {
687 + resetKeyframes[key] = resetValues[key];
688 + });
689 + element.style.transition = transition;
690 + animateFunc(element, resetKeyframes, {
691 + duration: 0
692 + });
693 + }
694 + delete playingInteractionsToStop[id];
695 + });
696 + });
697 +}
698 +function getInteractionsData() {
699 + var scriptTag = document.querySelector('script[data-e-interactions="true"]');
700 + if (!scriptTag) {
701 + return [];
702 + }
703 + try {
704 + return JSON.parse(scriptTag.textContent || '[]');
705 + } catch (_unused) {
706 + return [];
707 + }
708 +}
709 +function findElementByInteractionId(interactionId) {
710 + return document.querySelector('[data-interaction-id="' + interactionId + '"]');
711 +}
712 +function applyInteractionsToElement(element, interactionsData) {
713 + var animateFunc = (0, _interactionsUtils.getAnimateFunction)();
714 + if (!animateFunc) {
715 + return;
716 + }
717 + var parsedData = (0, _interactionsUtils.parseInteractionsData)(interactionsData);
718 + if (!parsedData) {
719 + return;
720 + }
721 + var interactions = Object.values((parsedData === null || parsedData === void 0 ? void 0 : parsedData.items) || []);
722 + interactions.forEach(function (interaction) {
723 + var animConfig = (0, _interactionsUtils.extractAnimationConfig)(interaction);
724 + if (animConfig) {
725 + applyAnimation(element, animConfig, animateFunc);
726 + }
727 + });
728 +}
729 +var previousInteractionsData = [];
730 +function handleInteractionsUpdate() {
731 + var currentInteractionsData = getInteractionsData();
732 + var changedItems = currentInteractionsData.filter(function (currentItem) {
733 + var _currentItem$interact, _previousItem$interac;
734 + var previousItem = previousInteractionsData.find(function (prev) {
735 + return prev.dataId === currentItem.dataId;
736 + });
737 + if (!previousItem) {
738 + return true;
739 + }
740 + var currentIds = (((_currentItem$interact = currentItem.interactions) === null || _currentItem$interact === void 0 ? void 0 : _currentItem$interact.items) || []).map(_interactionsUtils.extractInteractionId).filter(Boolean).sort().join(',');
741 + var prevIds = (((_previousItem$interac = previousItem.interactions) === null || _previousItem$interac === void 0 ? void 0 : _previousItem$interac.items) || []).map(_interactionsUtils.extractInteractionId).filter(Boolean).sort().join(',');
742 + return currentIds !== prevIds;
743 + });
744 + changedItems.forEach(function (item) {
745 + var _previousInteractions, _item$interactions;
746 + var element = findElementByInteractionId(item.dataId);
747 + var prevInteractions = (_previousInteractions = previousInteractionsData.find(function (prev) {
748 + return prev.dataId === item.dataId;
749 + })) === null || _previousInteractions === void 0 ? void 0 : _previousInteractions.interactions;
750 + if (!element || !((_item$interactions = item.interactions) !== null && _item$interactions !== void 0 && (_item$interactions = _item$interactions.items) !== null && _item$interactions !== void 0 && _item$interactions.length)) {
751 + return;
752 + }
753 + var prevIds = new Set(((prevInteractions === null || prevInteractions === void 0 ? void 0 : prevInteractions.items) || []).map(_interactionsUtils.extractInteractionId).filter(Boolean));
754 + var changedInteractions = item.interactions.items.filter(function (interaction) {
755 + var id = (0, _interactionsUtils.extractInteractionId)(interaction);
756 + return !id || !prevIds.has(id);
757 + });
758 + if (changedInteractions.length > 0) {
759 + applyInteractionsToElement(element, _objectSpread(_objectSpread({}, item.interactions), {}, {
760 + items: changedInteractions
761 + }));
762 + }
763 + });
764 + previousInteractionsData = currentInteractionsData;
765 +}
766 +function initEditorInteractionsHandler() {
767 + (0, _interactionsUtils.waitForAnimateFunction)(function () {
768 + var head = document.head;
769 + var scriptTag = null;
770 + var observer = null;
771 + function setupObserver(tag) {
772 + if (observer) {
773 + observer.disconnect();
774 + }
775 + observer = new MutationObserver(function () {
776 + handleInteractionsUpdate();
777 + });
778 + observer.observe(tag, {
779 + childList: true,
780 + characterData: true,
781 + subtree: true
782 + });
783 + handleInteractionsUpdate();
784 + registerWindowEvents();
785 + }
786 + var headObserver = new MutationObserver(function () {
787 + var foundScriptTag = document.querySelector('script[data-e-interactions="true"]');
788 + if (foundScriptTag && foundScriptTag !== scriptTag) {
789 + scriptTag = foundScriptTag;
790 + setupObserver(scriptTag);
791 + headObserver.disconnect();
792 + }
793 + });
794 + headObserver.observe(head, {
795 + childList: true,
796 + subtree: true
797 + });
798 + scriptTag = document.querySelector('script[data-e-interactions="true"]');
799 + if (scriptTag) {
800 + setupObserver(scriptTag);
801 + headObserver.disconnect();
802 + }
803 + });
804 +}
805 +function registerWindowEvents() {
806 + window.top.addEventListener('atomic/play_interactions', handlePlayInteractions);
807 +}
808 +function handlePlayInteractions(event) {
809 + var _event$detail = event.detail,
810 + elementId = _event$detail.elementId,
811 + interactionId = _event$detail.interactionId;
812 + var interactionsData = getInteractionsData();
813 + var item = interactionsData.find(function (elementItemData) {
814 + return elementItemData.dataId === elementId;
815 + });
816 + if (!item) {
817 + return;
818 + }
819 + var element = findElementByInteractionId(elementId);
820 + if (!element) {
821 + return;
822 + }
823 + var interactionsCopy = _objectSpread(_objectSpread({}, item.interactions), {}, {
824 + items: item.interactions.items.filter(function (interactionItem) {
825 + var itemId = (0, _interactionsUtils.extractInteractionId)(interactionItem);
826 + return itemId === interactionId;
827 + })
828 + });
829 + applyInteractionsToElement(element, interactionsCopy);
830 +}
831 +if ('loading' === document.readyState) {
832 + document.addEventListener('DOMContentLoaded', initEditorInteractionsHandler);
833 +} else {
834 + initEditorInteractionsHandler();
835 +}
677 836 })();
837 +
838 +/******/ })()
839 +;
678 840 //# sourceMappingURL=editor-interactions.js.map