PluginProbe
Elementor Website Builder – more than just a page builder / 3.29.0-beta4
Elementor Website Builder – more than just a page builder v3.29.0-beta4
4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 All 455 releases
← All changes | assets/js/atomic-widgets-editor.js +585 -1823 4.2.4 → 3.29.0-beta4 View file →
@@ -1,4 +1,5 @@
1 +/*! elementor - v3.29.0 - 15-05-2025 */
1 2 /******/ (() => { // webpackBootstrap
2 3 /******/ var __webpack_modules__ = ({
3 4
4 5 /***/ "../assets/dev/js/editor/elements/views/behaviors/sortable.js":
@@ -302,536 +303,23 @@
302 303 value: true
303 304 }));
304 305 exports["default"] = EmptyComponent;
305 306 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
306 -var _editorOneEvents = __webpack_require__(/*! elementor-editor-utils/editor-one-events */ "../assets/dev/js/editor/utils/editor-one-events.js");
307 307 /* eslint-disable jsx-a11y/no-static-element-interactions */
308 308 /* eslint-disable jsx-a11y/click-events-have-key-events */
309 -
310 309 function EmptyComponent() {
311 - var handleClick = function handleClick() {
312 - _editorOneEvents.EditorOneEventManager.sendCanvasEmptyBoxAction({
313 - targetName: 'add_container'
314 - });
315 - $e.route('panel/elements/categories');
316 - };
317 310 return /*#__PURE__*/_react.default.createElement("div", {
318 311 className: "elementor-first-add"
319 312 }, /*#__PURE__*/_react.default.createElement("div", {
320 313 className: "elementor-icon eicon-plus",
321 - onClick: handleClick
314 + onClick: function onClick() {
315 + return $e.route('panel/elements/categories');
316 + }
322 317 }));
323 318 }
324 319
325 320 /***/ }),
326 321
327 -/***/ "../assets/dev/js/editor/utils/editor-one-events.js":
328 -/*!**********************************************************!*\
329 - !*** ../assets/dev/js/editor/utils/editor-one-events.js ***!
330 - \**********************************************************/
331 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
332 -
333 -"use strict";
334 -
335 -
336 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
337 -Object.defineProperty(exports, "__esModule", ({
338 - value: true
339 -}));
340 -exports["default"] = exports.createDebouncedWidgetPanelSearch = exports.createDebouncedFinderSearch = exports.EditorOneEventManager = void 0;
341 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
342 -var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
343 -var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
344 -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; }
345 -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; }
346 -var EditorOneEventManager = exports.EditorOneEventManager = /*#__PURE__*/function () {
347 - function EditorOneEventManager() {
348 - (0, _classCallCheck2.default)(this, EditorOneEventManager);
349 - }
350 - return (0, _createClass2.default)(EditorOneEventManager, null, [{
351 - key: "getEventsManager",
352 - value: function getEventsManager() {
353 - var _elementorCommon;
354 - return (_elementorCommon = elementorCommon) === null || _elementorCommon === void 0 ? void 0 : _elementorCommon.eventsManager;
355 - }
356 - }, {
357 - key: "getConfig",
358 - value: function getConfig() {
359 - var _this$getEventsManage;
360 - return (_this$getEventsManage = this.getEventsManager()) === null || _this$getEventsManage === void 0 ? void 0 : _this$getEventsManage.config;
361 - }
362 - }, {
363 - key: "canSendEvents",
364 - value: function canSendEvents() {
365 - var _elementorCommon2;
366 - return ((_elementorCommon2 = elementorCommon) === null || _elementorCommon2 === void 0 || (_elementorCommon2 = _elementorCommon2.config) === null || _elementorCommon2 === void 0 || (_elementorCommon2 = _elementorCommon2.editor_events) === null || _elementorCommon2 === void 0 ? void 0 : _elementorCommon2.can_send_events) || false;
367 - }
368 - }, {
369 - key: "isEventsManagerAvailable",
370 - value: function isEventsManagerAvailable() {
371 - var eventsManager = this.getEventsManager();
372 - return eventsManager && 'function' === typeof eventsManager.dispatchEvent;
373 - }
374 - }, {
375 - key: "dispatchEvent",
376 - value: function dispatchEvent(eventName, payload) {
377 - try {
378 - if (!this.isEventsManagerAvailable() || !this.canSendEvents()) {
379 - return false;
380 - }
381 - this.getEventsManager().dispatchEvent(eventName, payload);
382 - return true;
383 - } catch (error) {
384 - return false;
385 - }
386 - }
387 - }, {
388 - key: "toLowerSnake",
389 - value: function toLowerSnake(value) {
390 - if (!value || 'string' !== typeof value) {
391 - return value;
392 - }
393 - return value.replace(/\s+/g, '_').toLowerCase();
394 - }
395 - }, {
396 - key: "decodeHtmlEntities",
397 - value: function decodeHtmlEntities(text) {
398 - if (!text || 'string' !== typeof text) {
399 - return text;
400 - }
401 - var doc = new DOMParser().parseFromString(text, 'text/html');
402 - return doc.body.textContent || text;
403 - }
404 - }, {
405 - key: "isInEditorContext",
406 - value: function isInEditorContext() {
407 - var _window$elementor;
408 - return 'undefined' !== typeof window.elementor && !!((_window$elementor = window.elementor) !== null && _window$elementor !== void 0 && _window$elementor.documents);
409 - }
410 - }, {
411 - key: "getFinderContext",
412 - value: function getFinderContext() {
413 - var _config$appTypes, _config$appTypes2, _config$locations, _config$locations2;
414 - var config = this.getConfig();
415 - var isEditor = this.isInEditorContext();
416 - return {
417 - windowName: isEditor ? config === null || config === void 0 || (_config$appTypes = config.appTypes) === null || _config$appTypes === void 0 ? void 0 : _config$appTypes.editor : config === null || config === void 0 || (_config$appTypes2 = config.appTypes) === null || _config$appTypes2 === void 0 ? void 0 : _config$appTypes2.wpAdmin,
418 - targetLocation: this.toLowerSnake(isEditor ? config === null || config === void 0 || (_config$locations = config.locations) === null || _config$locations === void 0 ? void 0 : _config$locations.topBar : config === null || config === void 0 || (_config$locations2 = config.locations) === null || _config$locations2 === void 0 ? void 0 : _config$locations2.sidebar)
419 - };
420 - }
421 - }, {
422 - key: "createBasePayload",
423 - value: function createBasePayload() {
424 - var _config$appTypes$edit, _config$appTypes3, _config$appTypes$edit2, _config$appTypes4;
425 - var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
426 - var config = this.getConfig();
427 - return _objectSpread({
428 - app_type: (_config$appTypes$edit = config === null || config === void 0 || (_config$appTypes3 = config.appTypes) === null || _config$appTypes3 === void 0 ? void 0 : _config$appTypes3.editor) !== null && _config$appTypes$edit !== void 0 ? _config$appTypes$edit : 'editor',
429 - window_name: (_config$appTypes$edit2 = config === null || config === void 0 || (_config$appTypes4 = config.appTypes) === null || _config$appTypes4 === void 0 ? void 0 : _config$appTypes4.editor) !== null && _config$appTypes$edit2 !== void 0 ? _config$appTypes$edit2 : 'editor'
430 - }, overrides);
431 - }
432 - }, {
433 - key: "sendTopBarPublishDropdown",
434 - value: function sendTopBarPublishDropdown(targetName) {
435 - var _config$names, _config$triggers, _config$targetTypes, _config$interactionRe, _config$locations3, _config$secondaryLoca, _config$targetTypes2;
436 - var config = this.getConfig();
437 - return this.dispatchEvent(config === null || config === void 0 || (_config$names = config.names) === null || _config$names === void 0 || (_config$names = _config$names.editorOne) === null || _config$names === void 0 ? void 0 : _config$names.topBarPublishDropdown, this.createBasePayload({
438 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers = config.triggers) === null || _config$triggers === void 0 ? void 0 : _config$triggers.click),
439 - target_type: config === null || config === void 0 || (_config$targetTypes = config.targetTypes) === null || _config$targetTypes === void 0 ? void 0 : _config$targetTypes.dropdownItem,
440 - target_name: targetName,
441 - interaction_result: config === null || config === void 0 || (_config$interactionRe = config.interactionResults) === null || _config$interactionRe === void 0 ? void 0 : _config$interactionRe.actionSelected,
442 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations3 = config.locations) === null || _config$locations3 === void 0 ? void 0 : _config$locations3.topBar),
443 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca = config.secondaryLocations) === null || _config$secondaryLoca === void 0 ? void 0 : _config$secondaryLoca.publishDropdown),
444 - location_l2: config === null || config === void 0 || (_config$targetTypes2 = config.targetTypes) === null || _config$targetTypes2 === void 0 ? void 0 : _config$targetTypes2.dropdownItem,
445 - interaction_description: 'User selected an action from the publish dropdown'
446 - }));
447 - }
448 - }, {
449 - key: "sendTopBarPageList",
450 - value: function sendTopBarPageList(targetName) {
451 - var _config$names2, _config$triggers2, _config$targetTypes3, _config$interactionRe2, _config$interactionRe3, _config$locations4, _config$secondaryLoca2, _config$targetTypes4;
452 - var isCreate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
453 - var config = this.getConfig();
454 - return this.dispatchEvent(config === null || config === void 0 || (_config$names2 = config.names) === null || _config$names2 === void 0 || (_config$names2 = _config$names2.editorOne) === null || _config$names2 === void 0 ? void 0 : _config$names2.topBarPageList, this.createBasePayload({
455 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers2 = config.triggers) === null || _config$triggers2 === void 0 ? void 0 : _config$triggers2.click),
456 - target_type: config === null || config === void 0 || (_config$targetTypes3 = config.targetTypes) === null || _config$targetTypes3 === void 0 ? void 0 : _config$targetTypes3.dropdownItem,
457 - target_name: targetName,
458 - interaction_result: isCreate ? config === null || config === void 0 || (_config$interactionRe2 = config.interactionResults) === null || _config$interactionRe2 === void 0 ? void 0 : _config$interactionRe2.create : config === null || config === void 0 || (_config$interactionRe3 = config.interactionResults) === null || _config$interactionRe3 === void 0 ? void 0 : _config$interactionRe3.navigate,
459 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations4 = config.locations) === null || _config$locations4 === void 0 ? void 0 : _config$locations4.topBar),
460 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca2 = config.secondaryLocations) === null || _config$secondaryLoca2 === void 0 ? void 0 : _config$secondaryLoca2.pageListDropdown),
461 - location_l2: config === null || config === void 0 || (_config$targetTypes4 = config.targetTypes) === null || _config$targetTypes4 === void 0 ? void 0 : _config$targetTypes4.dropdownItem,
462 - interaction_description: 'User selected an action from the page list dropdown'
463 - }));
464 - }
465 - }, {
466 - key: "sendSiteSettingsSession",
467 - value: function sendSiteSettingsSession(_ref) {
468 - var _config$names3, _config$triggers3, _config$interactionRe4, _config$locations5, _config$secondaryLoca3;
469 - var targetType = _ref.targetType,
470 - _ref$visitedItems = _ref.visitedItems,
471 - visitedItems = _ref$visitedItems === void 0 ? [] : _ref$visitedItems,
472 - _ref$savedItems = _ref.savedItems,
473 - savedItems = _ref$savedItems === void 0 ? [] : _ref$savedItems,
474 - state = _ref.state;
475 - var config = this.getConfig();
476 - return this.dispatchEvent(config === null || config === void 0 || (_config$names3 = config.names) === null || _config$names3 === void 0 || (_config$names3 = _config$names3.editorOne) === null || _config$names3 === void 0 ? void 0 : _config$names3.siteSettingsSession, this.createBasePayload({
477 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers3 = config.triggers) === null || _config$triggers3 === void 0 ? void 0 : _config$triggers3.click),
478 - target_type: targetType,
479 - target_name: 'site_settings',
480 - interaction_result: config === null || config === void 0 || (_config$interactionRe4 = config.interactionResults) === null || _config$interactionRe4 === void 0 ? void 0 : _config$interactionRe4.sessionEnd,
481 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations5 = config.locations) === null || _config$locations5 === void 0 ? void 0 : _config$locations5.leftPanel),
482 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca3 = config.secondaryLocations) === null || _config$secondaryLoca3 === void 0 ? void 0 : _config$secondaryLoca3.siteSettings),
483 - interaction_description: 'Records areas visited as part of the site setting session',
484 - metadata: {
485 - visited_items: visitedItems,
486 - saved_items: savedItems
487 - },
488 - state: state
489 - }));
490 - }
491 - }, {
492 - key: "sendELibraryNav",
493 - value: function sendELibraryNav(tabName) {
494 - var _config$names4, _config$triggers4, _config$targetTypes5, _config$interactionRe5, _config$locations6, _config$secondaryLoca4;
495 - var config = this.getConfig();
496 - return this.dispatchEvent(config === null || config === void 0 || (_config$names4 = config.names) === null || _config$names4 === void 0 || (_config$names4 = _config$names4.editorOne) === null || _config$names4 === void 0 ? void 0 : _config$names4.eLibraryNav, this.createBasePayload({
497 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers4 = config.triggers) === null || _config$triggers4 === void 0 ? void 0 : _config$triggers4.tabSelect),
498 - target_type: config === null || config === void 0 || (_config$targetTypes5 = config.targetTypes) === null || _config$targetTypes5 === void 0 ? void 0 : _config$targetTypes5.tab,
499 - target_name: this.toLowerSnake(tabName),
500 - interaction_result: config === null || config === void 0 || (_config$interactionRe5 = config.interactionResults) === null || _config$interactionRe5 === void 0 ? void 0 : _config$interactionRe5.tabChanged,
501 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations6 = config.locations) === null || _config$locations6 === void 0 ? void 0 : _config$locations6.elementorLibrary),
502 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca4 = config.secondaryLocations) === null || _config$secondaryLoca4 === void 0 ? void 0 : _config$secondaryLoca4.libraryTabs),
503 - interaction_description: 'User navigates within elementor library'
504 - }));
505 - }
506 - }, {
507 - key: "sendELibraryInsert",
508 - value: function sendELibraryInsert(_ref2) {
509 - var _config$triggers5, _config$targetTypes6, _config$interactionRe6, _config$locations7, _config$secondaryLoca5, _config$names5;
510 - var assetId = _ref2.assetId,
511 - assetName = _ref2.assetName,
512 - libraryType = _ref2.libraryType,
513 - _ref2$proRequired = _ref2.proRequired,
514 - proRequired = _ref2$proRequired === void 0 ? false : _ref2$proRequired;
515 - var config = this.getConfig();
516 - var payload = this.createBasePayload({
517 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers5 = config.triggers) === null || _config$triggers5 === void 0 ? void 0 : _config$triggers5.insert),
518 - target_type: config === null || config === void 0 || (_config$targetTypes6 = config.targetTypes) === null || _config$targetTypes6 === void 0 ? void 0 : _config$targetTypes6.button,
519 - target_name: String(assetId),
520 - interaction_result: config === null || config === void 0 || (_config$interactionRe6 = config.interactionResults) === null || _config$interactionRe6 === void 0 ? void 0 : _config$interactionRe6.assetInserted,
521 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations7 = config.locations) === null || _config$locations7 === void 0 ? void 0 : _config$locations7.elementorLibrary),
522 - location_l1: this.toLowerSnake(libraryType),
523 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca5 = config.secondaryLocations) === null || _config$secondaryLoca5 === void 0 ? void 0 : _config$secondaryLoca5.assetCard),
524 - interaction_description: 'User inserts block/pages from elementor library',
525 - metadata: {
526 - template_id: String(assetId),
527 - template_name: this.decodeHtmlEntities(assetName) || ''
528 - }
529 - });
530 - if (proRequired) {
531 - payload.state = 'pro_plan_required';
532 - }
533 - return this.dispatchEvent(config === null || config === void 0 || (_config$names5 = config.names) === null || _config$names5 === void 0 || (_config$names5 = _config$names5.editorOne) === null || _config$names5 === void 0 ? void 0 : _config$names5.eLibraryInsert, payload);
534 - }
535 - }, {
536 - key: "sendELibraryFavorite",
537 - value: function sendELibraryFavorite(_ref3) {
538 - var _config$triggers6, _config$targetTypes7, _config$interactionRe7, _config$locations8, _config$secondaryLoca6, _config$names6;
539 - var assetId = _ref3.assetId,
540 - assetName = _ref3.assetName,
541 - libraryType = _ref3.libraryType,
542 - isFavorite = _ref3.isFavorite,
543 - _ref3$proRequired = _ref3.proRequired,
544 - proRequired = _ref3$proRequired === void 0 ? false : _ref3$proRequired;
545 - var config = this.getConfig();
546 - var payload = this.createBasePayload({
547 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers6 = config.triggers) === null || _config$triggers6 === void 0 ? void 0 : _config$triggers6.click),
548 - target_type: config === null || config === void 0 || (_config$targetTypes7 = config.targetTypes) === null || _config$targetTypes7 === void 0 ? void 0 : _config$targetTypes7.toggle,
549 - target_name: String(assetId),
550 - interaction_result: config === null || config === void 0 || (_config$interactionRe7 = config.interactionResults) === null || _config$interactionRe7 === void 0 ? void 0 : _config$interactionRe7.assetFavorite,
551 - target_value: Boolean(isFavorite),
552 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations8 = config.locations) === null || _config$locations8 === void 0 ? void 0 : _config$locations8.elementorLibrary),
553 - location_l1: this.toLowerSnake(libraryType),
554 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca6 = config.secondaryLocations) === null || _config$secondaryLoca6 === void 0 ? void 0 : _config$secondaryLoca6.assetCard),
555 - interaction_description: 'User favorite block/pages from elementor library',
556 - metadata: {
557 - template_id: String(assetId),
558 - template_name: this.decodeHtmlEntities(assetName) || ''
559 - }
560 - });
561 - if (proRequired) {
562 - payload.state = 'pro_plan_required';
563 - }
564 - return this.dispatchEvent(config === null || config === void 0 || (_config$names6 = config.names) === null || _config$names6 === void 0 || (_config$names6 = _config$names6.editorOne) === null || _config$names6 === void 0 ? void 0 : _config$names6.eLibraryFavorite, payload);
565 - }
566 - }, {
567 - key: "sendELibraryGenerateAi",
568 - value: function sendELibraryGenerateAi(_ref4) {
569 - var _config$names7, _config$triggers7, _config$targetTypes8, _config$interactionRe8, _config$locations9, _config$secondaryLoca7;
570 - var assetId = _ref4.assetId,
571 - assetName = _ref4.assetName,
572 - libraryType = _ref4.libraryType;
573 - var config = this.getConfig();
574 - return this.dispatchEvent(config === null || config === void 0 || (_config$names7 = config.names) === null || _config$names7 === void 0 || (_config$names7 = _config$names7.editorOne) === null || _config$names7 === void 0 ? void 0 : _config$names7.eLibraryGenerateAi, this.createBasePayload({
575 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers7 = config.triggers) === null || _config$triggers7 === void 0 ? void 0 : _config$triggers7.click),
576 - target_type: config === null || config === void 0 || (_config$targetTypes8 = config.targetTypes) === null || _config$targetTypes8 === void 0 ? void 0 : _config$targetTypes8.button,
577 - target_name: String(assetId),
578 - interaction_result: config === null || config === void 0 || (_config$interactionRe8 = config.interactionResults) === null || _config$interactionRe8 === void 0 ? void 0 : _config$interactionRe8.aiGenerate,
579 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations9 = config.locations) === null || _config$locations9 === void 0 ? void 0 : _config$locations9.elementorLibrary),
580 - location_l1: this.toLowerSnake(libraryType),
581 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca7 = config.secondaryLocations) === null || _config$secondaryLoca7 === void 0 ? void 0 : _config$secondaryLoca7.assetCard),
582 - interaction_description: 'User generated block/page based on a library asset',
583 - metadata: {
584 - template_id: String(assetId),
585 - template_name: this.decodeHtmlEntities(assetName) || ''
586 - }
587 - }));
588 - }
589 - }, {
590 - key: "sendFinderSearchInput",
591 - value: function sendFinderSearchInput(_ref5) {
592 - var _config$triggers8, _config$targetTypes9, _config$interactionRe9, _config$interactionRe0, _config$secondaryLoca8, _config$names8;
593 - var resultsCount = _ref5.resultsCount,
594 - _ref5$searchTerm = _ref5.searchTerm,
595 - searchTerm = _ref5$searchTerm === void 0 ? null : _ref5$searchTerm;
596 - var config = this.getConfig();
597 - var hasResults = resultsCount > 0;
598 - var finderContext = this.getFinderContext();
599 - var payload = this.createBasePayload({
600 - window_name: finderContext.windowName,
601 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers8 = config.triggers) === null || _config$triggers8 === void 0 ? void 0 : _config$triggers8.typing),
602 - target_type: config === null || config === void 0 || (_config$targetTypes9 = config.targetTypes) === null || _config$targetTypes9 === void 0 ? void 0 : _config$targetTypes9.searchInput,
603 - target_name: 'finder',
604 - interaction_result: hasResults ? config === null || config === void 0 || (_config$interactionRe9 = config.interactionResults) === null || _config$interactionRe9 === void 0 ? void 0 : _config$interactionRe9.resultsUpdated : config === null || config === void 0 || (_config$interactionRe0 = config.interactionResults) === null || _config$interactionRe0 === void 0 ? void 0 : _config$interactionRe0.noResults,
605 - target_location: finderContext.targetLocation,
606 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca8 = config.secondaryLocations) === null || _config$secondaryLoca8 === void 0 ? void 0 : _config$secondaryLoca8.finder),
607 - interaction_description: 'Finder search input, follows debounce behavior',
608 - metadata: {
609 - results_count: resultsCount
610 - }
611 - });
612 - if (!hasResults && searchTerm) {
613 - payload.metadata.search_term = searchTerm;
614 - }
615 - return this.dispatchEvent(config === null || config === void 0 || (_config$names8 = config.names) === null || _config$names8 === void 0 || (_config$names8 = _config$names8.editorOne) === null || _config$names8 === void 0 ? void 0 : _config$names8.finderSearchInput, payload);
616 - }
617 - }, {
618 - key: "sendFinderResultSelect",
619 - value: function sendFinderResultSelect(choice) {
620 - var _config$names9, _config$triggers9, _config$targetTypes0, _config$interactionRe1, _config$secondaryLoca9, _config$secondaryLoca0;
621 - var config = this.getConfig();
622 - var finderContext = this.getFinderContext();
623 - return this.dispatchEvent(config === null || config === void 0 || (_config$names9 = config.names) === null || _config$names9 === void 0 || (_config$names9 = _config$names9.editorOne) === null || _config$names9 === void 0 ? void 0 : _config$names9.finderResultSelect, this.createBasePayload({
624 - window_name: finderContext.windowName,
625 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers9 = config.triggers) === null || _config$triggers9 === void 0 ? void 0 : _config$triggers9.click),
626 - target_type: config === null || config === void 0 || (_config$targetTypes0 = config.targetTypes) === null || _config$targetTypes0 === void 0 ? void 0 : _config$targetTypes0.searchResult,
627 - target_name: choice,
628 - interaction_result: config === null || config === void 0 || (_config$interactionRe1 = config.interactionResults) === null || _config$interactionRe1 === void 0 ? void 0 : _config$interactionRe1.selected,
629 - target_location: finderContext.targetLocation,
630 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca9 = config.secondaryLocations) === null || _config$secondaryLoca9 === void 0 ? void 0 : _config$secondaryLoca9.finder),
631 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca0 = config.secondaryLocations) === null || _config$secondaryLoca0 === void 0 ? void 0 : _config$secondaryLoca0.finderResults),
632 - interaction_description: 'Finder search results was selected'
633 - }));
634 - }
635 - }, {
636 - key: "sendCanvasEmptyBoxAction",
637 - value: function sendCanvasEmptyBoxAction(_ref6) {
638 - var _config$triggers0, _config$targetTypes1, _config$interactionRe10, _config$locations0, _config$secondaryLoca1, _config$names0;
639 - var targetName = _ref6.targetName,
640 - _ref6$metadata = _ref6.metadata,
641 - metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata,
642 - _ref6$containerCreate = _ref6.containerCreated,
643 - containerCreated = _ref6$containerCreate === void 0 ? null : _ref6$containerCreate;
644 - var config = this.getConfig();
645 - var payload = this.createBasePayload({
646 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers0 = config.triggers) === null || _config$triggers0 === void 0 ? void 0 : _config$triggers0.click),
647 - target_type: config === null || config === void 0 || (_config$targetTypes1 = config.targetTypes) === null || _config$targetTypes1 === void 0 ? void 0 : _config$targetTypes1.buttons,
648 - target_name: targetName,
649 - interaction_result: config === null || config === void 0 || (_config$interactionRe10 = config.interactionResults) === null || _config$interactionRe10 === void 0 ? void 0 : _config$interactionRe10.selected,
650 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations0 = config.locations) === null || _config$locations0 === void 0 ? void 0 : _config$locations0.canvas),
651 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca1 = config.secondaryLocations) === null || _config$secondaryLoca1 === void 0 ? void 0 : _config$secondaryLoca1.emptyBox),
652 - interaction_description: 'Empty box on canvas actions'
653 - });
654 - if (Object.keys(metadata).length > 0) {
655 - payload.metadata = metadata;
656 - }
657 - if (containerCreated !== null) {
658 - payload.state = containerCreated;
659 - }
660 - return this.dispatchEvent(config === null || config === void 0 || (_config$names0 = config.names) === null || _config$names0 === void 0 || (_config$names0 = _config$names0.editorOne) === null || _config$names0 === void 0 ? void 0 : _config$names0.canvasEmptyBoxAction, payload);
661 - }
662 - }, {
663 - key: "sendWidgetPanelSearch",
664 - value: function sendWidgetPanelSearch(_ref7) {
665 - var _config$triggers1, _config$targetTypes10, _config$interactionRe11, _config$interactionRe12, _config$locations1, _config$locations10, _config$secondaryLoca10, _config$names1;
666 - var resultsCount = _ref7.resultsCount,
667 - _ref7$userInput = _ref7.userInput,
668 - userInput = _ref7$userInput === void 0 ? null : _ref7$userInput;
669 - var config = this.getConfig();
670 - var hasResults = resultsCount > 0;
671 - var payload = this.createBasePayload({
672 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers1 = config.triggers) === null || _config$triggers1 === void 0 ? void 0 : _config$triggers1.typing),
673 - target_type: config === null || config === void 0 || (_config$targetTypes10 = config.targetTypes) === null || _config$targetTypes10 === void 0 ? void 0 : _config$targetTypes10.searchWidget,
674 - target_name: 'search_widget',
675 - interaction_result: hasResults ? config === null || config === void 0 || (_config$interactionRe11 = config.interactionResults) === null || _config$interactionRe11 === void 0 ? void 0 : _config$interactionRe11.resultsUpdated : config === null || config === void 0 || (_config$interactionRe12 = config.interactionResults) === null || _config$interactionRe12 === void 0 ? void 0 : _config$interactionRe12.noResults,
676 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations1 = config.locations) === null || _config$locations1 === void 0 ? void 0 : _config$locations1.leftPanel),
677 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$locations10 = config.locations) === null || _config$locations10 === void 0 ? void 0 : _config$locations10.widgetPanel),
678 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca10 = config.secondaryLocations) === null || _config$secondaryLoca10 === void 0 ? void 0 : _config$secondaryLoca10.searchBar),
679 - interaction_description: 'Widget search input, follows debounce behavior'
680 - });
681 - if (!hasResults && userInput) {
682 - payload.metadata = {
683 - user_input: userInput
684 - };
685 - }
686 - return this.dispatchEvent(config === null || config === void 0 || (_config$names1 = config.names) === null || _config$names1 === void 0 || (_config$names1 = _config$names1.editorOne) === null || _config$names1 === void 0 ? void 0 : _config$names1.widgetPanelSearch, payload);
687 - }
688 - }, {
689 - key: "createWpDashPayload",
690 - value: function createWpDashPayload() {
691 - var _config$appTypes$wpDa, _config$appTypes5, _config$locations11;
692 - var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
693 - var config = this.getConfig();
694 - return this.createBasePayload(_objectSpread({
695 - window_name: (_config$appTypes$wpDa = config === null || config === void 0 || (_config$appTypes5 = config.appTypes) === null || _config$appTypes5 === void 0 ? void 0 : _config$appTypes5.wpDash) !== null && _config$appTypes$wpDa !== void 0 ? _config$appTypes$wpDa : 'wpdash',
696 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations11 = config.locations) === null || _config$locations11 === void 0 ? void 0 : _config$locations11.wpDashAdmin),
697 - location_l2: ''
698 - }, overrides));
699 - }
700 - }, {
701 - key: "sendWpDashElementorMenuClick",
702 - value: function sendWpDashElementorMenuClick() {
703 - var _config$names10, _config$triggers10, _config$targetTypes11, _config$interactionRe13, _config$secondaryLoca11;
704 - var config = this.getConfig();
705 - return this.dispatchEvent(config === null || config === void 0 || (_config$names10 = config.names) === null || _config$names10 === void 0 || (_config$names10 = _config$names10.editorOne) === null || _config$names10 === void 0 ? void 0 : _config$names10.wpDashElementorMenuClick, this.createWpDashPayload({
706 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers10 = config.triggers) === null || _config$triggers10 === void 0 ? void 0 : _config$triggers10.click),
707 - target_type: config === null || config === void 0 || (_config$targetTypes11 = config.targetTypes) === null || _config$targetTypes11 === void 0 ? void 0 : _config$targetTypes11.wpDashAdminMenuItem,
708 - target_name: 'elementor_menu_item',
709 - interaction_result: config === null || config === void 0 || (_config$interactionRe13 = config.interactionResults) === null || _config$interactionRe13 === void 0 ? void 0 : _config$interactionRe13.elementorSideMenuOpened,
710 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca11 = config.secondaryLocations) === null || _config$secondaryLoca11 === void 0 ? void 0 : _config$secondaryLoca11.wpDashElementorCoreMenu),
711 - interaction_description: 'core_user_clicked_elementor_menu_item'
712 - }));
713 - }
714 - }, {
715 - key: "sendWpDashEditorSubMenuHover",
716 - value: function sendWpDashEditorSubMenuHover() {
717 - var _config$names11, _config$triggers11, _config$targetTypes12, _config$interactionRe14, _config$secondaryLoca12;
718 - var config = this.getConfig();
719 - return this.dispatchEvent(config === null || config === void 0 || (_config$names11 = config.names) === null || _config$names11 === void 0 || (_config$names11 = _config$names11.editorOne) === null || _config$names11 === void 0 ? void 0 : _config$names11.wpDashEditorSubMenuHover, this.createWpDashPayload({
720 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers11 = config.triggers) === null || _config$triggers11 === void 0 ? void 0 : _config$triggers11.hover),
721 - target_type: config === null || config === void 0 || (_config$targetTypes12 = config.targetTypes) === null || _config$targetTypes12 === void 0 ? void 0 : _config$targetTypes12.wpDashEditorMenu,
722 - target_name: 'wpdash_editor_sub_menu',
723 - interaction_result: config === null || config === void 0 || (_config$interactionRe14 = config.interactionResults) === null || _config$interactionRe14 === void 0 ? void 0 : _config$interactionRe14.editorSubMenuOpened,
724 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca12 = config.secondaryLocations) === null || _config$secondaryLoca12 === void 0 ? void 0 : _config$secondaryLoca12.wpDashElementorCoreSubMenu),
725 - interaction_description: 'core_user_hovered_sub_menu'
726 - }));
727 - }
728 - }, {
729 - key: "sendWpDashThemeBuilderClick",
730 - value: function sendWpDashThemeBuilderClick() {
731 - var _config$names12, _config$triggers12, _config$targetTypes13, _config$interactionRe15, _config$secondaryLoca13;
732 - var config = this.getConfig();
733 - return this.dispatchEvent(config === null || config === void 0 || (_config$names12 = config.names) === null || _config$names12 === void 0 || (_config$names12 = _config$names12.editorOne) === null || _config$names12 === void 0 ? void 0 : _config$names12.wpDashThemeBuilderClick, this.createWpDashPayload({
734 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers12 = config.triggers) === null || _config$triggers12 === void 0 ? void 0 : _config$triggers12.click),
735 - target_type: config === null || config === void 0 || (_config$targetTypes13 = config.targetTypes) === null || _config$targetTypes13 === void 0 ? void 0 : _config$targetTypes13.wpDashSubMenuItem,
736 - target_name: 'theme_builder_menu_item',
737 - interaction_result: config === null || config === void 0 || (_config$interactionRe15 = config.interactionResults) === null || _config$interactionRe15 === void 0 ? void 0 : _config$interactionRe15.themeBuilderPromotionWindow,
738 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca13 = config.secondaryLocations) === null || _config$secondaryLoca13 === void 0 ? void 0 : _config$secondaryLoca13.wpDashThemeBuilder),
739 - interaction_description: 'core_user_clicked_theme_builder_menu_item'
740 - }));
741 - }
742 - }, {
743 - key: "sendSidebarMenuItemClicked",
744 - value: function sendSidebarMenuItemClicked(_ref8) {
745 - var eventId = _ref8.eventId,
746 - groupEventId = _ref8.groupEventId;
747 - try {
748 - var _config$windowNames, _config$triggers13, _config$targetTypes14, _config$interactionRe16, _config$locations12, _config$names13;
749 - var config = this.getConfig();
750 - var payload = this.createBasePayload({
751 - window_name: config === null || config === void 0 || (_config$windowNames = config.windowNames) === null || _config$windowNames === void 0 ? void 0 : _config$windowNames.sidebarMenu,
752 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers13 = config.triggers) === null || _config$triggers13 === void 0 ? void 0 : _config$triggers13.click),
753 - target_type: config === null || config === void 0 || (_config$targetTypes14 = config.targetTypes) === null || _config$targetTypes14 === void 0 ? void 0 : _config$targetTypes14.link,
754 - target_name: eventId,
755 - interaction_result: config === null || config === void 0 || (_config$interactionRe16 = config.interactionResults) === null || _config$interactionRe16 === void 0 ? void 0 : _config$interactionRe16.pageOpened,
756 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations12 = config.locations) === null || _config$locations12 === void 0 ? void 0 : _config$locations12.sidebar)
757 - });
758 - if (groupEventId) {
759 - payload.location_l1 = groupEventId;
760 - }
761 - return this.dispatchEvent(config === null || config === void 0 || (_config$names13 = config.names) === null || _config$names13 === void 0 || (_config$names13 = _config$names13.editorOne) === null || _config$names13 === void 0 ? void 0 : _config$names13.sidebarMenuItemClicked, payload);
762 - } catch (error) {
763 - return false;
764 - }
765 - }
766 - }, {
767 - key: "sendSidebarMenuGroupToggled",
768 - value: function sendSidebarMenuGroupToggled(_ref9) {
769 - var eventId = _ref9.eventId,
770 - isExpanded = _ref9.isExpanded;
771 - try {
772 - var _config$interactionRe17, _config$interactionRe18, _config$names14, _config$windowNames2, _config$triggers14, _config$targetTypes15, _config$locations13;
773 - var config = this.getConfig();
774 - var interactionResult = isExpanded ? config === null || config === void 0 || (_config$interactionRe17 = config.interactionResults) === null || _config$interactionRe17 === void 0 ? void 0 : _config$interactionRe17.expanded : config === null || config === void 0 || (_config$interactionRe18 = config.interactionResults) === null || _config$interactionRe18 === void 0 ? void 0 : _config$interactionRe18.collapsed;
775 - return this.dispatchEvent(config === null || config === void 0 || (_config$names14 = config.names) === null || _config$names14 === void 0 || (_config$names14 = _config$names14.editorOne) === null || _config$names14 === void 0 ? void 0 : _config$names14.sidebarMenuGroupToggled, this.createBasePayload({
776 - window_name: config === null || config === void 0 || (_config$windowNames2 = config.windowNames) === null || _config$windowNames2 === void 0 ? void 0 : _config$windowNames2.sidebarMenu,
777 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers14 = config.triggers) === null || _config$triggers14 === void 0 ? void 0 : _config$triggers14.click),
778 - target_type: config === null || config === void 0 || (_config$targetTypes15 = config.targetTypes) === null || _config$targetTypes15 === void 0 ? void 0 : _config$targetTypes15.toggle,
779 - target_name: eventId,
780 - interaction_result: interactionResult,
781 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations13 = config.locations) === null || _config$locations13 === void 0 ? void 0 : _config$locations13.sidebar)
782 - }));
783 - } catch (error) {
784 - return false;
785 - }
786 - }
787 - }]);
788 -}();
789 -var createDebouncedFinderSearch = exports.createDebouncedFinderSearch = function createDebouncedFinderSearch() {
790 - var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
791 - return _.debounce(function (resultsCount, searchTerm) {
792 - EditorOneEventManager.sendFinderSearchInput({
793 - resultsCount: resultsCount,
794 - searchTerm: searchTerm
795 - });
796 - }, delay);
797 -};
798 -var createDebouncedWidgetPanelSearch = exports.createDebouncedWidgetPanelSearch = function createDebouncedWidgetPanelSearch() {
799 - var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2000;
800 - return _.debounce(function (resultsCount, userInput) {
801 - EditorOneEventManager.sendWidgetPanelSearch({
802 - resultsCount: resultsCount,
803 - userInput: userInput
804 - });
805 - }, delay);
806 -};
807 -var _default = exports["default"] = EditorOneEventManager;
808 -
809 -/***/ }),
810 -
811 -/***/ "../assets/dev/js/editor/utils/element-types.js":
812 -/*!******************************************************!*\
813 - !*** ../assets/dev/js/editor/utils/element-types.js ***!
814 - \******************************************************/
815 -/***/ ((module) => {
816 -
817 -"use strict";
818 -
819 -
820 -/**
821 - * Returns an array of all available element types.
822 - *
823 - * @return {string[]} Array of element type strings.
824 - */
825 -var getAllElementTypes = function getAllElementTypes() {
826 - return Object.keys(elementor.getConfig().elements);
827 -};
828 -module.exports = {
829 - getAllElementTypes: getAllElementTypes
830 -};
831 -
832 -/***/ }),
833 -
834 322 /***/ "../assets/dev/js/utils/react.js":
835 323 /*!***************************************!*\
836 324 !*** ../assets/dev/js/utils/react.js ***!
837 325 \***************************************/
@@ -847,9 +335,10 @@
847 335 exports["default"] = void 0;
848 336 var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
849 337 var ReactDOM = _interopRequireWildcard(__webpack_require__(/*! react-dom */ "react-dom"));
850 338 var _client = __webpack_require__(/*! react-dom/client */ "../node_modules/react-dom/client.js");
851 -function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
339 +function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
340 +function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
852 341 /**
853 342 * Support conditional rendering of a React App to the DOM, based on the React version.
854 343 * We use `createRoot` when available, but fallback to `ReactDOM.render` for older versions.
855 344 *
@@ -883,12 +372,12 @@
883 372 };
884 373
885 374 /***/ }),
886 375
887 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js":
888 -/*!*******************************************************************************!*\
889 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js ***!
890 - \*******************************************************************************/
376 +/***/ "../modules/atomic-widgets/assets/js/editor/component.js":
377 +/*!***************************************************************!*\
378 + !*** ../modules/atomic-widgets/assets/js/editor/component.js ***!
379 + \***************************************************************/
891 380 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
892 381
893 382 "use strict";
894 383
@@ -893,8 +382,9 @@
893 382 "use strict";
894 383
895 384
896 385 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
386 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
897 387 Object.defineProperty(exports, "__esModule", ({
898 388 value: true
899 389 }));
900 390 exports["default"] = void 0;
@@ -901,100 +391,39 @@
901 391 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
902 392 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
903 393 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
904 394 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
905 -var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js"));
906 395 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
396 +var hooks = _interopRequireWildcard(__webpack_require__(/*! ./hooks */ "../modules/atomic-widgets/assets/js/editor/hooks/index.js"));
397 +function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
398 +function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
907 399 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
908 400 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
909 -function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
910 -var AtomicElementBaseModel = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
911 - function AtomicElementBaseModel() {
912 - (0, _classCallCheck2.default)(this, AtomicElementBaseModel);
913 - return _callSuper(this, AtomicElementBaseModel, arguments);
401 +var Component = exports["default"] = /*#__PURE__*/function (_$e$modules$Component) {
402 + function Component() {
403 + (0, _classCallCheck2.default)(this, Component);
404 + return _callSuper(this, Component, arguments);
914 405 }
915 - (0, _inherits2.default)(AtomicElementBaseModel, _elementor$modules$el);
916 - return (0, _createClass2.default)(AtomicElementBaseModel, [{
917 - key: "isValidChild",
918 - value:
919 - /**
920 - * Do not allow section, column or container be placed in the Atomic container.
921 - *
922 - * @param {*} childModel
923 - */
924 - function isValidChild(childModel) {
925 - var elType = childModel.get('elType');
926 - return 'section' !== elType && 'column' !== elType;
406 + (0, _inherits2.default)(Component, _$e$modules$Component);
407 + return (0, _createClass2.default)(Component, [{
408 + key: "getNamespace",
409 + value: function getNamespace() {
410 + return 'document/atomic-widgets';
927 411 }
928 412 }, {
929 - key: "initialize",
930 - value: function initialize(attributes, options) {
931 - var _this$config;
932 - var elementType = this.get('elType');
933 - this.config = elementor.config.elements[elementType];
934 - if ((_this$config = this.config) !== null && _this$config !== void 0 && (_this$config = _this$config.meta) !== null && _this$config !== void 0 && _this$config.permanently_locked) {
935 - this.set('isLocked', true);
936 - }
937 - var isNewElementCreate = 0 === this.get('elements').length && $e.commands.currentTrace.includes('document/elements/create');
938 - if (isNewElementCreate) {
939 - this.onElementCreate();
940 - }
941 - _superPropGet(AtomicElementBaseModel, "initialize", this, 3)([attributes, options]);
413 + key: "defaultHooks",
414 + value: function defaultHooks() {
415 + return this.importHooks(hooks);
942 416 }
943 - }, {
944 - key: "getDefaultChildren",
945 - value: function getDefaultChildren() {
946 - var defaultChildren = this.config.default_children;
947 - return this.modifyDefaultChildren(defaultChildren);
948 - }
949 - }, {
950 - key: "onElementCreate",
951 - value: function onElementCreate() {
952 - var _this = this;
953 - if (this.get('skipDefaultChildren')) {
954 - this.unset('skipDefaultChildren', {
955 - silent: true
956 - });
957 - return;
958 - }
959 - this.set('elements', this.getDefaultChildren().map(function (element) {
960 - return _this.buildElement(element);
961 - }));
962 - }
963 - }, {
964 - key: "modifyDefaultChildren",
965 - value: function modifyDefaultChildren(element) {
966 - return element;
967 - }
968 - }, {
969 - key: "buildElement",
970 - value: function buildElement(element) {
971 - var _this2 = this,
972 - _element$settings;
973 - var id = elementorCommon.helpers.getUniqueId();
974 - var elements = (element.elements || []).map(function (el) {
975 - return _this2.buildElement(el);
976 - });
977 - return {
978 - elType: element.elType,
979 - widgetType: element.widgetType,
980 - id: id,
981 - settings: (_element$settings = element.settings) !== null && _element$settings !== void 0 ? _element$settings : {},
982 - elements: elements,
983 - isLocked: element.isLocked || false,
984 - editor_settings: element.editor_settings || {},
985 - meta: element.meta || {}
986 - };
987 - }
988 417 }]);
989 -}(elementor.modules.elements.models.Element);
418 +}($e.modules.ComponentBase);
990 419
991 420 /***/ }),
992 421
993 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-type.js":
994 -/*!******************************************************************************!*\
995 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-base-type.js ***!
996 - \******************************************************************************/
422 +/***/ "../modules/atomic-widgets/assets/js/editor/container/div-block-empty-view.js":
423 +/*!************************************************************************************!*\
424 + !*** ../modules/atomic-widgets/assets/js/editor/container/div-block-empty-view.js ***!
425 + \************************************************************************************/
997 426 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
998 427
999 428 "use strict";
1000 429
@@ -1003,121 +432,61 @@
1003 432 Object.defineProperty(exports, "__esModule", ({
1004 433 value: true
1005 434 }));
1006 435 exports["default"] = void 0;
436 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1007 437 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1008 438 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1009 439 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1010 440 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1011 441 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
442 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
443 +var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
444 +var _emptyComponent = _interopRequireDefault(__webpack_require__(/*! elementor-elements/views/container/empty-component */ "../assets/dev/js/editor/elements/views/container/empty-component.js"));
1012 445 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
1013 446 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1014 -var AtomicElementBaseType = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
1015 - function AtomicElementBaseType(elementType, viewClass) {
447 +var DivBlockEmptyView = exports["default"] = /*#__PURE__*/function (_Marionette$ItemView) {
448 + function DivBlockEmptyView() {
1016 449 var _this;
1017 - var modelClass = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
1018 - var emptyViewClass = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
1019 - (0, _classCallCheck2.default)(this, AtomicElementBaseType);
1020 - _this = _callSuper(this, AtomicElementBaseType);
1021 - _this.elementType = elementType;
1022 - _this.viewClass = viewClass;
1023 - _this.modelClass = modelClass;
1024 - _this.emptyViewClass = emptyViewClass;
450 + (0, _classCallCheck2.default)(this, DivBlockEmptyView);
451 + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
452 + args[_key] = arguments[_key];
453 + }
454 + _this = _callSuper(this, DivBlockEmptyView, [].concat(args));
455 + (0, _defineProperty2.default)(_this, "template", '<div></div>');
456 + (0, _defineProperty2.default)(_this, "className", 'elementor-empty-view');
1025 457 return _this;
1026 458 }
1027 - (0, _inherits2.default)(AtomicElementBaseType, _elementor$modules$el);
1028 - return (0, _createClass2.default)(AtomicElementBaseType, [{
1029 - key: "getType",
1030 - value: function getType() {
1031 - return this.elementType;
459 + (0, _inherits2.default)(DivBlockEmptyView, _Marionette$ItemView);
460 + return (0, _createClass2.default)(DivBlockEmptyView, [{
461 + key: "renderReactDefaultElement",
462 + value: function renderReactDefaultElement(container) {
463 + var _ReactUtils$render = _react2.default.render(/*#__PURE__*/_react.default.createElement(_emptyComponent.default, {
464 + container: container
465 + }), this.el),
466 + unmount = _ReactUtils$render.unmount;
467 + this.unmount = unmount;
1032 468 }
1033 469 }, {
1034 - key: "getView",
1035 - value: function getView() {
1036 - return this.viewClass;
470 + key: "onRender",
471 + value: function onRender() {
472 + this.$el.addClass(this.className);
473 + this.renderReactDefaultElement();
1037 474 }
1038 475 }, {
1039 - key: "getEmptyView",
1040 - value: function getEmptyView() {
1041 - return this.emptyViewClass || elementor.modules.elements.views.EmptyComponent;
476 + key: "onDestroy",
477 + value: function onDestroy() {
478 + this.unmount();
1042 479 }
1043 - }, {
1044 - key: "getModel",
1045 - value: function getModel() {
1046 - return this.modelClass || elementor.modules.elements.models.AtomicElementBase;
1047 - }
1048 480 }]);
1049 -}(elementor.modules.elements.types.Base);
481 +}(Marionette.ItemView);
1050 482
1051 483 /***/ }),
1052 484
1053 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-div-block-type.js":
1054 -/*!************************************************************************************************!*\
1055 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-div-block-type.js ***!
1056 - \************************************************************************************************/
1057 -/***/ ((__unused_webpack_module, exports) => {
1058 -
1059 -"use strict";
1060 -
1061 -
1062 -Object.defineProperty(exports, "__esModule", ({
1063 - value: true
1064 -}));
1065 -exports["default"] = void 0;
1066 -var createDivBlockType = function createDivBlockType() {
1067 - var DivBlockView = elementor.modules.elements.views.createAtomicElementBase('e-div-block');
1068 - return new elementor.modules.elements.types.AtomicElementBase('e-div-block', DivBlockView);
1069 -};
1070 -var _default = exports["default"] = createDivBlockType;
1071 -
1072 -/***/ }),
1073 -
1074 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js":
1075 -/*!**********************************************************************************************!*\
1076 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js ***!
1077 - \**********************************************************************************************/
1078 -/***/ ((__unused_webpack_module, exports) => {
1079 -
1080 -"use strict";
1081 -
1082 -
1083 -Object.defineProperty(exports, "__esModule", ({
1084 - value: true
1085 -}));
1086 -exports["default"] = void 0;
1087 -var createFlexboxType = function createFlexboxType() {
1088 - var FlexboxView = elementor.modules.elements.views.createAtomicElementBase('e-flexbox');
1089 - return new elementor.modules.elements.types.AtomicElementBase('e-flexbox', FlexboxView);
1090 -};
1091 -var _default = exports["default"] = createFlexboxType;
1092 -
1093 -/***/ }),
1094 -
1095 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-grid-type.js":
1096 -/*!*******************************************************************************************!*\
1097 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-grid-type.js ***!
1098 - \*******************************************************************************************/
1099 -/***/ ((__unused_webpack_module, exports) => {
1100 -
1101 -"use strict";
1102 -
1103 -
1104 -Object.defineProperty(exports, "__esModule", ({
1105 - value: true
1106 -}));
1107 -exports["default"] = void 0;
1108 -var createGridType = function createGridType() {
1109 - var GridView = elementor.modules.elements.views.createAtomicElementBase('e-grid');
1110 - return new elementor.modules.elements.types.AtomicElementBase('e-grid', GridView);
1111 -};
1112 -var _default = exports["default"] = createGridType;
1113 -
1114 -/***/ }),
1115 -
1116 -/***/ "../modules/atomic-widgets/assets/js/editor/component.js":
1117 -/*!***************************************************************!*\
1118 - !*** ../modules/atomic-widgets/assets/js/editor/component.js ***!
1119 - \***************************************************************/
485 +/***/ "../modules/atomic-widgets/assets/js/editor/div-block-model.js":
486 +/*!*********************************************************************!*\
487 + !*** ../modules/atomic-widgets/assets/js/editor/div-block-model.js ***!
488 + \*********************************************************************/
1120 489 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1121 490
1122 491 "use strict";
1123 492
@@ -1122,9 +491,8 @@
1122 491 "use strict";
1123 492
1124 493
1125 494 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1126 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
1127 495 Object.defineProperty(exports, "__esModule", ({
1128 496 value: true
1129 497 }));
1130 498 exports["default"] = void 0;
@@ -1132,37 +500,37 @@
1132 500 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1133 501 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1134 502 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1135 503 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1136 -var hooks = _interopRequireWildcard(__webpack_require__(/*! ./hooks */ "../modules/atomic-widgets/assets/js/editor/hooks/index.js"));
1137 -function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
1138 504 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
1139 505 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1140 -var Component = exports["default"] = /*#__PURE__*/function (_$e$modules$Component) {
1141 - function Component() {
1142 - (0, _classCallCheck2.default)(this, Component);
1143 - return _callSuper(this, Component, arguments);
506 +var AtomicContainer = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
507 + function AtomicContainer() {
508 + (0, _classCallCheck2.default)(this, AtomicContainer);
509 + return _callSuper(this, AtomicContainer, arguments);
1144 510 }
1145 - (0, _inherits2.default)(Component, _$e$modules$Component);
1146 - return (0, _createClass2.default)(Component, [{
1147 - key: "getNamespace",
1148 - value: function getNamespace() {
1149 - return 'document/atomic-widgets';
511 + (0, _inherits2.default)(AtomicContainer, _elementor$modules$el);
512 + return (0, _createClass2.default)(AtomicContainer, [{
513 + key: "isValidChild",
514 + value:
515 + /**
516 + * Do not allow section, column or container be placed in the Atomic container.
517 + *
518 + * @param {*} childModel
519 + */
520 + function isValidChild(childModel) {
521 + var elType = childModel.get('elType');
522 + return 'section' !== elType && 'column' !== elType;
1150 523 }
1151 - }, {
1152 - key: "defaultHooks",
1153 - value: function defaultHooks() {
1154 - return this.importHooks(hooks);
1155 - }
1156 524 }]);
1157 -}($e.modules.ComponentBase);
525 +}(elementor.modules.elements.models.Element);
1158 526
1159 527 /***/ }),
1160 528
1161 -/***/ "../modules/atomic-widgets/assets/js/editor/container/atomic-element-empty-view.js":
1162 -/*!*****************************************************************************************!*\
1163 - !*** ../modules/atomic-widgets/assets/js/editor/container/atomic-element-empty-view.js ***!
1164 - \*****************************************************************************************/
529 +/***/ "../modules/atomic-widgets/assets/js/editor/div-block-type.js":
530 +/*!********************************************************************!*\
531 + !*** ../modules/atomic-widgets/assets/js/editor/div-block-type.js ***!
532 + \********************************************************************/
1165 533 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1166 534
1167 535 "use strict";
1168 536
@@ -1171,73 +539,54 @@
1171 539 Object.defineProperty(exports, "__esModule", ({
1172 540 value: true
1173 541 }));
1174 542 exports["default"] = void 0;
1175 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1176 543 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1177 544 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1178 545 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1179 546 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1180 547 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1181 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1182 -var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
1183 548 var _emptyComponent = _interopRequireDefault(__webpack_require__(/*! elementor-elements/views/container/empty-component */ "../assets/dev/js/editor/elements/views/container/empty-component.js"));
549 +var _divBlockModel = _interopRequireDefault(__webpack_require__(/*! ./div-block-model */ "../modules/atomic-widgets/assets/js/editor/div-block-model.js"));
550 +var _divBlockView = _interopRequireDefault(__webpack_require__(/*! ./div-block-view */ "../modules/atomic-widgets/assets/js/editor/div-block-view.js"));
1184 551 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
1185 552 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1186 -var AtomicElementEmptyView = exports["default"] = /*#__PURE__*/function (_Marionette$ItemView) {
1187 - function AtomicElementEmptyView() {
1188 - var _this;
1189 - (0, _classCallCheck2.default)(this, AtomicElementEmptyView);
1190 - for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1191 - args[_key] = arguments[_key];
1192 - }
1193 - _this = _callSuper(this, AtomicElementEmptyView, [].concat(args));
1194 - (0, _defineProperty2.default)(_this, "template", '<div></div>');
1195 - (0, _defineProperty2.default)(_this, "className", 'elementor-empty-view');
1196 - (0, _defineProperty2.default)(_this, "unmount", null);
1197 - return _this;
553 +var AtomicContainer = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
554 + function AtomicContainer() {
555 + (0, _classCallCheck2.default)(this, AtomicContainer);
556 + return _callSuper(this, AtomicContainer, arguments);
1198 557 }
1199 - (0, _inherits2.default)(AtomicElementEmptyView, _Marionette$ItemView);
1200 - return (0, _createClass2.default)(AtomicElementEmptyView, [{
1201 - key: "renderReactDefaultElement",
1202 - value: function renderReactDefaultElement(container) {
1203 - var _ReactUtils$render = _react2.default.render(/*#__PURE__*/_react.default.createElement(_emptyComponent.default, {
1204 - container: container
1205 - }), this.el),
1206 - unmount = _ReactUtils$render.unmount;
1207 - this.unmount = unmount;
558 + (0, _inherits2.default)(AtomicContainer, _elementor$modules$el);
559 + return (0, _createClass2.default)(AtomicContainer, [{
560 + key: "getType",
561 + value: function getType() {
562 + return 'e-div-block';
1208 563 }
1209 564 }, {
1210 - key: "onBeforeRender",
1211 - value: function onBeforeRender() {
1212 - // In case the element is being rendered again, we need to unmount the previous React component.
1213 - if (this.unmount) {
1214 - this.unmount();
1215 - this.unmount = null;
1216 - }
565 + key: "getView",
566 + value: function getView() {
567 + return _divBlockView.default;
1217 568 }
1218 569 }, {
1219 - key: "onRender",
1220 - value: function onRender() {
1221 - this.$el.addClass(this.className);
1222 - this.renderReactDefaultElement();
570 + key: "getEmptyView",
571 + value: function getEmptyView() {
572 + return _emptyComponent.default;
1223 573 }
1224 574 }, {
1225 - key: "onDestroy",
1226 - value: function onDestroy() {
1227 - var _this$unmount;
1228 - (_this$unmount = this.unmount) === null || _this$unmount === void 0 || _this$unmount.call(this);
575 + key: "getModel",
576 + value: function getModel() {
577 + return _divBlockModel.default;
1229 578 }
1230 579 }]);
1231 -}(Marionette.ItemView);
580 +}(elementor.modules.elements.types.Base);
1232 581
1233 582 /***/ }),
1234 583
1235 -/***/ "../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js":
1236 -/*!*************************************************************************************!*\
1237 - !*** ../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js ***!
1238 - \*************************************************************************************/
1239 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
584 +/***/ "../modules/atomic-widgets/assets/js/editor/div-block-view.js":
585 +/*!********************************************************************!*\
586 + !*** ../modules/atomic-widgets/assets/js/editor/div-block-view.js ***!
587 + \********************************************************************/
588 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1240 589
1241 590 "use strict";
1242 591 /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
1243 592 /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"];
@@ -1243,507 +592,386 @@
1243 592 /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"];
1244 593
1245 594
1246 595 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1247 -Object.defineProperty(exports, "__esModule", ({
1248 - value: true
1249 -}));
1250 -exports["default"] = createAtomicElementBaseView;
1251 -var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
1252 -var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
1253 596 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1254 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1255 -var _elementTypes = __webpack_require__(/*! elementor-editor/utils/element-types */ "../assets/dev/js/editor/utils/element-types.js");
1256 -var _atomicElementEmptyView = _interopRequireDefault(__webpack_require__(/*! ./container/atomic-element-empty-view */ "../modules/atomic-widgets/assets/js/editor/container/atomic-element-empty-view.js"));
597 +var _divBlockEmptyView = _interopRequireDefault(__webpack_require__(/*! ./container/div-block-empty-view */ "../modules/atomic-widgets/assets/js/editor/container/div-block-empty-view.js"));
1257 598 var BaseElementView = elementor.modules.elements.views.BaseElement;
1258 -function createAtomicElementBaseView(type) {
1259 - var AtomicElementView = BaseElementView.extend({
1260 - template: Marionette.TemplateCache.get("#tmpl-elementor-".concat(type, "-content")),
1261 - emptyView: _atomicElementEmptyView.default,
1262 - _childrenRenderPromises: [],
1263 - _createElement: function _createElement(tag) {
1264 - var _elementor$$preview;
1265 - var previewDocument = (_elementor$$preview = elementor.$preview) === null || _elementor$$preview === void 0 || (_elementor$$preview = _elementor$$preview[0]) === null || _elementor$$preview === void 0 ? void 0 : _elementor$$preview.contentDocument;
1266 - if (previewDocument) {
1267 - return previewDocument.createElement(tag);
1268 - }
1269 - return document.createElement(tag);
1270 - },
1271 - getChildViewContainer: function getChildViewContainer() {
1272 - this.childViewContainer = '';
1273 - return Marionette.CompositeView.prototype.getChildViewContainer.apply(this, arguments);
1274 - },
1275 - getChildType: function getChildType() {
1276 - var atomicElements = Object.entries(elementor.config.elements).filter(function (_ref) {
1277 - var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
1278 - element = _ref2[1];
1279 - return !!(element !== null && element !== void 0 && element.atomic_props_schema);
1280 - }).map(function (_ref3) {
1281 - var _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
1282 - elType = _ref4[0];
1283 - return elType;
1284 - });
1285 - return ['widget', 'container'].concat((0, _toConsumableArray2.default)(atomicElements));
1286 - },
1287 - getRenderContext: function getRenderContext() {
1288 - var _this$_parent, _this$_parent$getRend;
1289 - return (_this$_parent = this._parent) === null || _this$_parent === void 0 || (_this$_parent$getRend = _this$_parent.getRenderContext) === null || _this$_parent$getRend === void 0 ? void 0 : _this$_parent$getRend.call(_this$_parent);
1290 - },
1291 - getResolverRenderContext: function getResolverRenderContext() {
1292 - var _this$_parent2, _this$_parent2$getRes;
1293 - return (_this$_parent2 = this._parent) === null || _this$_parent2 === void 0 || (_this$_parent2$getRes = _this$_parent2.getResolverRenderContext) === null || _this$_parent2$getRes === void 0 ? void 0 : _this$_parent2$getRes.call(_this$_parent2);
1294 - },
1295 - render: function render() {
1296 - var _this = this;
1297 - this._currentRenderPromise = new Promise(function (resolve) {
1298 - // Optimize rendering by reusing existing child views instead of recreating them.
1299 - if (_this._shouldSkipFullRender()) {
1300 - _this._renderWithoutDomRecreation(resolve);
1301 - } else {
1302 - _this._renderWithDomRecreation(resolve);
1303 - }
1304 - });
1305 - return this;
1306 - },
1307 - _shouldSkipFullRender: function _shouldSkipFullRender() {
1308 - return this.isRendered && this._hasConnectedChildren();
1309 - },
1310 - _hasConnectedChildren: function _hasConnectedChildren() {
1311 - var _this$children, _firstChild$$el$get$i, _firstChild$$el;
1312 - if (!((_this$children = this.children) !== null && _this$children !== void 0 && _this$children.length)) {
1313 - return false;
1314 - }
599 +var DivBlockView = BaseElementView.extend({
600 + template: Marionette.TemplateCache.get('#tmpl-elementor-e-div-block-content'),
601 + emptyView: _divBlockEmptyView.default,
602 + tagName: function tagName() {
603 + if (this.haveLink()) {
604 + return 'a';
605 + }
606 + var tagControl = this.model.getSetting('tag');
607 + var tagControlValue = (tagControl === null || tagControl === void 0 ? void 0 : tagControl.value) || tagControl;
608 + return tagControlValue || 'div';
609 + },
610 + getChildViewContainer: function getChildViewContainer() {
611 + this.childViewContainer = '';
612 + return Marionette.CompositeView.prototype.getChildViewContainer.apply(this, arguments);
613 + },
614 + className: function className() {
615 + return "".concat(BaseElementView.prototype.className.apply(this), " e-con ").concat(this.getClassString());
616 + },
617 + // TODO: Copied from `views/column.js`.
618 + ui: function ui() {
619 + var ui = BaseElementView.prototype.ui.apply(this, arguments);
620 + ui.percentsTooltip = '> .elementor-element-overlay .elementor-column-percents-tooltip';
621 + return ui;
622 + },
623 + // TODO: Copied from `views/column.js`.
624 + attachElContent: function attachElContent() {
625 + BaseElementView.prototype.attachElContent.apply(this, arguments);
626 + var $tooltip = jQuery('<div>', {
627 + class: 'elementor-column-percents-tooltip',
628 + 'data-side': elementorCommon.config.isRTL ? 'right' : 'left'
629 + });
630 + this.$el.children('.elementor-element-overlay').append($tooltip);
631 + },
632 + // TODO: Copied from `views/column.js`.
633 + getPercentSize: function getPercentSize(size) {
634 + if (!size) {
635 + size = this.el.getBoundingClientRect().width;
636 + }
637 + return +(size / this.$el.parent().width() * 100).toFixed(3);
638 + },
639 + // TODO: Copied from `views/column.js`.
640 + getPercentsForDisplay: function getPercentsForDisplay() {
641 + var width = +this.model.getSetting('width') || this.getPercentSize();
642 + return width.toFixed(1) + '%';
643 + },
644 + renderOnChange: function renderOnChange(settings) {
645 + var changed = settings.changedAttributes();
646 + if (!changed) {
647 + return;
648 + }
649 + BaseElementView.prototype.renderOnChange.apply(this, settings);
650 + if (changed.classes) {
651 + // Rebuild the whole class attribute to remove previous outdated classes
652 + this.$el.attr('class', this.className());
653 + return;
654 + }
655 + this.$el.addClass(this.getClasses());
656 + if (this.isTagChanged(changed)) {
657 + this.rerenderEntireView();
658 + }
659 + },
660 + isTagChanged: function isTagChanged(changed) {
661 + return ((changed === null || changed === void 0 ? void 0 : changed.tag) !== undefined || (changed === null || changed === void 0 ? void 0 : changed.link) !== undefined) && this._parent && this.tagName() !== this.el.tagName;
662 + },
663 + rerenderEntireView: function rerenderEntireView() {
664 + var parent = this._parent;
665 + this._parent.removeChildView(this);
666 + parent.addChild(this.model, DivBlockView, this._index);
667 + },
668 + onRender: function onRender() {
669 + var _this = this;
670 + BaseElementView.prototype.onRender.apply(this, arguments);
671 + this.handleLink();
1315 672
1316 - // If the parent's innerHTML was replaced, all children are detached together.
1317 - var firstChild = this.children.findByIndex(0);
1318 - return (_firstChild$$el$get$i = firstChild === null || firstChild === void 0 || (_firstChild$$el = firstChild.$el) === null || _firstChild$$el === void 0 || (_firstChild$$el = _firstChild$$el.get(0)) === null || _firstChild$$el === void 0 ? void 0 : _firstChild$$el.isConnected) !== null && _firstChild$$el$get$i !== void 0 ? _firstChild$$el$get$i : false;
1319 - },
1320 - _renderWithoutDomRecreation: function _renderWithoutDomRecreation(resolve) {
1321 - var _this2 = this;
1322 - this._beforeRender();
1323 - this._renderChildren();
1324 - this._waitForChildrenToComplete().then(function () {
1325 - _this2._afterRender();
1326 - resolve();
1327 - });
1328 - },
1329 - _renderWithDomRecreation: function _renderWithDomRecreation(resolve) {
1330 - BaseElementView.prototype.render.apply(this, arguments);
1331 - this._waitForChildrenToComplete().then(function () {
1332 - resolve();
1333 - });
1334 - },
1335 - _beforeRender: function _beforeRender() {
1336 - this._isRendering = true;
1337 - this.triggerMethod('before:render', this);
1338 - },
1339 - _afterRender: function _afterRender() {
1340 - this._isRendering = false;
1341 - this.isRendered = true;
1342 - this.triggerMethod('render', this);
1343 - },
1344 - _waitForChildrenToComplete: function _waitForChildrenToComplete() {
1345 - var _this3 = this;
1346 - return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
1347 - return _regenerator.default.wrap(function (_context) {
1348 - while (1) switch (_context.prev = _context.next) {
1349 - case 0:
1350 - if (!(_this3._childrenRenderPromises.length > 0)) {
1351 - _context.next = 1;
1352 - break;
1353 - }
1354 - _context.next = 1;
1355 - return Promise.all(_this3._childrenRenderPromises);
1356 - case 1:
1357 - case "end":
1358 - return _context.stop();
1359 - }
1360 - }, _callee);
1361 - }))();
1362 - },
1363 - _renderChildren: function _renderChildren() {
1364 - if (this._shouldSkipFullRender()) {
1365 - var _this$children2;
1366 - (_this$children2 = this.children) === null || _this$children2 === void 0 || _this$children2.each(function (childView) {
1367 - return childView.render();
1368 - });
1369 - } else {
1370 - BaseElementView.prototype._renderChildren.apply(this, arguments);
1371 - }
1372 - this._collectChildrenRenderPromises();
1373 - },
1374 - _collectChildrenRenderPromises: function _collectChildrenRenderPromises() {
1375 - var _this$children3,
1376 - _this4 = this;
1377 - this._childrenRenderPromises = [];
1378 - (_this$children3 = this.children) === null || _this$children3 === void 0 || _this$children3.each(function (childView) {
1379 - if (childView._currentRenderPromise) {
1380 - _this4._childrenRenderPromises.push(childView._currentRenderPromise);
1381 - }
1382 - });
1383 - },
1384 - onRender: function onRender() {
1385 - var _this5 = this;
1386 - this.dispatchPreviewEvent('elementor/element/render');
1387 - BaseElementView.prototype.onRender.apply(this, arguments);
1388 -
1389 - // Defer to wait for everything to render.
1390 - setTimeout(function () {
1391 - if (_this5.isAtomicGridContainer()) {
1392 - _this5.reInitEmptyView();
1393 - }
1394 - _this5.droppableInitialize();
1395 - _this5.updateHandlesPosition();
1396 - });
1397 - },
1398 - destroyEmptyView: function destroyEmptyView() {
1399 - if (this.isAtomicGridContainer()) {
1400 - return;
1401 - }
1402 - return Marionette.CompositeView.prototype.destroyEmptyView.apply(this, arguments);
1403 - },
1404 - isAtomicGridContainer: function isAtomicGridContainer() {
1405 - return 'e-grid' === type;
1406 - },
1407 - reInitEmptyView: function reInitEmptyView() {
1408 - var _this$el;
1409 - if ((_this$el = this.el) !== null && _this$el !== void 0 && _this$el.querySelector(':scope > .elementor-empty-view')) {
1410 - return;
1411 - }
1412 - delete this._showingEmptyView;
1413 - this.showEmptyView();
1414 - },
1415 - onDestroy: function onDestroy() {
1416 - BaseElementView.prototype.onDestroy.apply(this, arguments);
1417 - this.dispatchPreviewEvent('elementor/element/destroy');
1418 - },
1419 - dispatchPreviewEvent: function dispatchPreviewEvent(eventType) {
1420 - var _elementor;
1421 - (_elementor = elementor) === null || _elementor === void 0 || (_elementor = _elementor.$preview) === null || _elementor === void 0 || (_elementor = _elementor[0]) === null || _elementor === void 0 || _elementor.contentWindow.dispatchEvent(new CustomEvent(eventType, {
1422 - detail: {
1423 - id: this.model.get('id'),
1424 - type: this.model.get('elType'),
1425 - element: this.getDomElement().get(0)
1426 - }
673 + // Defer to wait for everything to render.
674 + setTimeout(function () {
675 + _this.droppableInitialize();
676 + });
677 + },
678 + handleLink: function handleLink() {
679 + var href = this.getHref();
680 + if (!href) {
681 + return;
682 + }
683 + this.$el.attr('href', href);
684 + },
685 + haveLink: function haveLink() {
686 + var _this$model$getSettin;
687 + return !!((_this$model$getSettin = this.model.getSetting('link')) !== null && _this$model$getSettin !== void 0 && (_this$model$getSettin = _this$model$getSettin.value) !== null && _this$model$getSettin !== void 0 && (_this$model$getSettin = _this$model$getSettin.destination) !== null && _this$model$getSettin !== void 0 && _this$model$getSettin.value);
688 + },
689 + getHref: function getHref() {
690 + if (!this.haveLink()) {
691 + return;
692 + }
693 + var _this$model$getSettin2 = this.model.getSetting('link').value.destination,
694 + $$type = _this$model$getSettin2.$$type,
695 + value = _this$model$getSettin2.value;
696 + var isPostId = 'number' === $$type;
697 + var hrefPrefix = isPostId ? elementor.config.home_url + '/?p=' : '';
698 + return hrefPrefix + value;
699 + },
700 + droppableInitialize: function droppableInitialize() {
701 + this.$el.html5Droppable(this.getDroppableOptions());
702 + },
703 + /**
704 + * Add a `Save as a Template` button to the context menu.
705 + *
706 + * @return {Object} groups
707 + */
708 + getContextMenuGroups: function getContextMenuGroups() {
709 + var _elementorCommon$conf,
710 + _this2 = this;
711 + var groups = BaseElementView.prototype.getContextMenuGroups.apply(this, arguments),
712 + transferGroupClipboardIndex = groups.indexOf(_.findWhere(groups, {
713 + name: 'clipboard'
1427 714 }));
1428 - },
1429 - droppableInitialize: function droppableInitialize() {
1430 - this.$el.html5Droppable(this.getDroppableOptions());
1431 - },
1432 - /**
1433 - * Add a `Save as a Template` button to the context menu.
1434 - *
1435 - * @return {Object} groups
1436 - */
1437 - getContextMenuGroups: function getContextMenuGroups() {
1438 - var _this6 = this,
1439 - _elementorCommon$conf;
1440 - var saveActions = [{
715 + groups.splice(transferGroupClipboardIndex + 1, 0, {
716 + name: 'save',
717 + actions: [{
1441 718 name: 'save',
1442 719 title: __('Save as a template', 'elementor'),
720 + shortcut: (_elementorCommon$conf = elementorCommon.config.experimentalFeatures) !== null && _elementorCommon$conf !== void 0 && _elementorCommon$conf['cloud-library'] ? "<span class=\"elementor-context-menu-list__item__shortcut__new-badge\">".concat(__('New', 'elementor'), "</span>") : '',
1443 721 callback: this.saveAsTemplate.bind(this),
1444 722 isEnabled: function isEnabled() {
1445 - return !_this6.getContainer().isLocked();
723 + return !_this2.getContainer().isLocked();
1446 724 }
1447 - }];
1448 - var isAdministrator = elementor.config.user.is_administrator;
1449 - var isExperimentalFeaturesEnabled = (_elementorCommon$conf = elementorCommon.config.experimentalFeatures) === null || _elementorCommon$conf === void 0 ? void 0 : _elementorCommon$conf.e_components;
1450 - if (isExperimentalFeaturesEnabled && isAdministrator) {
1451 - var _window$elementorV2$u, _window$elementorV, _window$elementorV$is, _window$elementorV2$u2, _window$elementorV2, _window$elementorV2$h, _window$elementorV2$u3, _window$elementorV3, _window$elementorV3$i;
1452 - var isProActive = (_window$elementorV2$u = (_window$elementorV = window.elementorV2) === null || _window$elementorV === void 0 || (_window$elementorV = _window$elementorV.utils) === null || _window$elementorV === void 0 || (_window$elementorV$is = _window$elementorV.isProActive) === null || _window$elementorV$is === void 0 ? void 0 : _window$elementorV$is.call(_window$elementorV)) !== null && _window$elementorV2$u !== void 0 ? _window$elementorV2$u : true;
1453 - var hasProInstalled = (_window$elementorV2$u2 = (_window$elementorV2 = window.elementorV2) === null || _window$elementorV2 === void 0 || (_window$elementorV2 = _window$elementorV2.utils) === null || _window$elementorV2 === void 0 || (_window$elementorV2$h = _window$elementorV2.hasProInstalled) === null || _window$elementorV2$h === void 0 ? void 0 : _window$elementorV2$h.call(_window$elementorV2)) !== null && _window$elementorV2$u2 !== void 0 ? _window$elementorV2$u2 : false;
1454 - var isProOutdated = hasProInstalled && !((_window$elementorV2$u3 = (_window$elementorV3 = window.elementorV2) === null || _window$elementorV3 === void 0 || (_window$elementorV3 = _window$elementorV3.utils) === null || _window$elementorV3 === void 0 || (_window$elementorV3$i = _window$elementorV3.isProAtLeast) === null || _window$elementorV3$i === void 0 ? void 0 : _window$elementorV3$i.call(_window$elementorV3, '4.0')) !== null && _window$elementorV2$u3 !== void 0 ? _window$elementorV2$u3 : false);
1455 - var showPromoBadge = !isProActive && !isProOutdated;
1456 - var newBadge = "<span class=\"elementor-context-menu-list__item__shortcut__new-badge\">".concat(__('New', 'elementor'), "</span>");
1457 - var badgeClass = 'elementor-context-menu-list__item__shortcut__promotion-badge';
1458 - var proBadge = "<a href=\"https://go.elementor.com/go-pro-components-Instance-create-context-menu/\" target=\"_blank\" onclick=\"event.stopPropagation()\" class=\"".concat(badgeClass, "\"><i class=\"eicon-upgrade-crown\"></i></a>");
1459 - saveActions.unshift({
1460 - name: 'save-component',
1461 - title: __('Create component', 'elementor'),
1462 - shortcut: isProActive || isProOutdated ? newBadge : proBadge,
1463 - hasShortcutAction: showPromoBadge,
1464 - callback: this.saveAsComponent.bind(this),
1465 - isEnabled: function isEnabled() {
1466 - return (isProActive || isProOutdated) && !_this6.getContainer().isLocked();
1467 - }
1468 - });
725 + }]
726 + });
727 + return groups;
728 + },
729 + saveAsTemplate: function saveAsTemplate() {
730 + $e.route('library/save-template', {
731 + model: this.model
732 + });
733 + },
734 + isDroppingAllowed: function isDroppingAllowed() {
735 + return true;
736 + },
737 + behaviors: function behaviors() {
738 + var behaviors = BaseElementView.prototype.behaviors.apply(this, arguments);
739 + _.extend(behaviors, {
740 + Sortable: {
741 + behaviorClass: __webpack_require__(/*! elementor-behaviors/sortable */ "../assets/dev/js/editor/elements/views/behaviors/sortable.js"),
742 + elChildType: 'widget'
1469 743 }
1470 - var groups = BaseElementView.prototype.getContextMenuGroups.apply(this, arguments),
1471 - transferGroupClipboardIndex = groups.indexOf(_.findWhere(groups, {
1472 - name: 'clipboard'
1473 - }));
1474 - groups.splice(transferGroupClipboardIndex + 1, 0, {
1475 - name: 'save',
1476 - actions: saveActions
1477 - });
1478 - return groups;
1479 - },
1480 - saveAsTemplate: function saveAsTemplate() {
1481 - elementor.templates.eventManager.sendNewSaveTemplateClickedEvent();
1482 - $e.route('library/save-template', {
1483 - model: this.model
1484 - });
1485 - },
1486 - saveAsComponent: function saveAsComponent(openContextMenuEvent, options) {
1487 - var _window$elementorV2$u4, _window$elementorV4, _window$elementorV4$h, _window$elementorV2$u5, _window$elementorV5, _window$elementorV5$i, _window$elementorV2$u6, _window$elementorV7, _window$elementorV7$i;
1488 - var hasProInstalled = (_window$elementorV2$u4 = (_window$elementorV4 = window.elementorV2) === null || _window$elementorV4 === void 0 || (_window$elementorV4 = _window$elementorV4.utils) === null || _window$elementorV4 === void 0 || (_window$elementorV4$h = _window$elementorV4.hasProInstalled) === null || _window$elementorV4$h === void 0 ? void 0 : _window$elementorV4$h.call(_window$elementorV4)) !== null && _window$elementorV2$u4 !== void 0 ? _window$elementorV2$u4 : false;
1489 - var isProOutdated = hasProInstalled && !((_window$elementorV2$u5 = (_window$elementorV5 = window.elementorV2) === null || _window$elementorV5 === void 0 || (_window$elementorV5 = _window$elementorV5.utils) === null || _window$elementorV5 === void 0 || (_window$elementorV5$i = _window$elementorV5.isProAtLeast) === null || _window$elementorV5$i === void 0 ? void 0 : _window$elementorV5$i.call(_window$elementorV5, '4.0')) !== null && _window$elementorV2$u5 !== void 0 ? _window$elementorV2$u5 : false);
1490 - if (isProOutdated) {
1491 - var _window$elementorV6, _window$elementorV6$n;
1492 - (_window$elementorV6 = window.elementorV2) === null || _window$elementorV6 === void 0 || (_window$elementorV6 = _window$elementorV6.editorNotifications) === null || _window$elementorV6 === void 0 || (_window$elementorV6$n = _window$elementorV6.notify) === null || _window$elementorV6$n === void 0 || _window$elementorV6$n.call(_window$elementorV6, {
1493 - type: 'info',
1494 - id: 'component-create-update',
1495 - message: __('To create new components, update Elementor Pro to the latest version.', 'elementor'),
1496 - additionalActionProps: [{
1497 - size: 'small',
1498 - variant: 'contained',
1499 - color: 'info',
1500 - href: '/wp-admin/plugins.php',
1501 - target: '_blank',
1502 - children: __('Update Now', 'elementor')
1503 - }]
1504 - });
1505 - return;
1506 - }
1507 - var isProActive = (_window$elementorV2$u6 = (_window$elementorV7 = window.elementorV2) === null || _window$elementorV7 === void 0 || (_window$elementorV7 = _window$elementorV7.utils) === null || _window$elementorV7 === void 0 || (_window$elementorV7$i = _window$elementorV7.isProActive) === null || _window$elementorV7$i === void 0 ? void 0 : _window$elementorV7$i.call(_window$elementorV7)) !== null && _window$elementorV2$u6 !== void 0 ? _window$elementorV2$u6 : true;
1508 - if (!isProActive) {
1509 - return;
1510 - }
744 + });
745 + return elementor.hooks.applyFilters('elements/e-div-block/behaviors', behaviors, this);
746 + },
747 + /**
748 + * @return {{}} options
749 + */
750 + getSortableOptions: function getSortableOptions() {
751 + return {
752 + preventInit: true
753 + };
754 + },
755 + getDroppableOptions: function getDroppableOptions() {
756 + var _this3 = this;
757 + var items = '> .elementor-element, > .elementor-empty-view .elementor-first-add';
758 + return {
759 + axis: null,
760 + items: items,
761 + groups: ['elementor-element'],
762 + horizontalThreshold: 0,
763 + isDroppingAllowed: this.isDroppingAllowed.bind(this),
764 + currentElementClass: 'elementor-html5dnd-current-element',
765 + placeholderClass: 'elementor-sortable-placeholder elementor-widget-placeholder',
766 + hasDraggingOnChildClass: 'e-dragging-over',
767 + getDropContainer: function getDropContainer() {
768 + return _this3.getContainer();
769 + },
770 + onDropping: function onDropping(side, event) {
771 + event.stopPropagation();
1511 772
1512 - // Calculate the absolute position where the context menu was opened.
1513 - var openMenuOriginalEvent = openContextMenuEvent.originalEvent;
1514 - var iframeRect = elementor.$preview[0].getBoundingClientRect();
1515 - var anchorPosition = {
1516 - left: openMenuOriginalEvent.clientX + iframeRect.left,
1517 - top: openMenuOriginalEvent.clientY + iframeRect.top
1518 - };
1519 - window.dispatchEvent(new CustomEvent('elementor/editor/open-save-as-component-form', {
1520 - detail: {
1521 - element: elementor.getContainer(this.model.id).model.toJSON({
1522 - remove: ['default']
1523 - }),
1524 - anchorPosition: anchorPosition,
1525 - options: options
773 + // Triggering the drag end manually, since it won't fire above the iframe
774 + elementor.getPreviewView().onPanelElementDragEnd();
775 + var draggedView = elementor.channels.editor.request('element:dragged'),
776 + draggedElement = draggedView === null || draggedView === void 0 ? void 0 : draggedView.getContainer().view.el,
777 + containerElement = event.currentTarget.parentElement,
778 + elements = Array.from((containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll(':scope > .elementor-element')) || []),
779 + targetIndex = elements.indexOf(event.currentTarget);
780 + if (_this3.isPanelElement(draggedView, draggedElement)) {
781 + _this3.onDrop(event, {
782 + at: targetIndex
783 + });
784 + return;
1526 785 }
1527 - }));
1528 - },
1529 - isDroppingAllowed: function isDroppingAllowed() {
1530 - return this.getContainer().isEditable();
1531 - },
1532 - behaviors: function behaviors() {
1533 - var behaviors = BaseElementView.prototype.behaviors.apply(this, arguments);
1534 - _.extend(behaviors, {
1535 - Sortable: {
1536 - behaviorClass: __webpack_require__(/*! elementor-behaviors/sortable */ "../assets/dev/js/editor/elements/views/behaviors/sortable.js"),
1537 - elChildType: 'widget'
786 + if (_this3.isParentElement(draggedView.getContainer().id)) {
787 + return;
1538 788 }
1539 - });
1540 - return elementor.hooks.applyFilters("elements/".concat(type, "/behaviors"), behaviors, this);
1541 - },
1542 - /**
1543 - * @return {{}} options
1544 - */
1545 - getSortableOptions: function getSortableOptions() {
1546 - return {
1547 - preventInit: true
1548 - };
1549 - },
1550 - getDroppableOptions: function getDroppableOptions() {
1551 - var _this7 = this;
1552 - var items = '> .elementor-element, > .elementor-empty-view .elementor-first-add';
1553 - return {
1554 - axis: this.isAtomicGridContainer() ? 'vertical' : null,
1555 - items: items,
1556 - groups: ['elementor-element'],
1557 - horizontalThreshold: 0,
1558 - isDroppingAllowed: this.isDroppingAllowed.bind(this),
1559 - currentElementClass: 'elementor-html5dnd-current-element',
1560 - placeholderClass: 'elementor-sortable-placeholder elementor-widget-placeholder',
1561 - hasDraggingOnChildClass: 'e-dragging-over',
1562 - getDropContainer: function getDropContainer() {
1563 - return _this7.getContainer();
1564 - },
1565 - onDropping: function onDropping(side, event) {
1566 - event.stopPropagation();
1567 -
1568 - // Triggering the drag end manually, since it won't fire above the iframe
1569 - elementor.getPreviewView().onPanelElementDragEnd();
1570 - var draggedView = elementor.channels.editor.request('element:dragged'),
1571 - draggedElement = draggedView === null || draggedView === void 0 ? void 0 : draggedView.getContainer().view.el,
1572 - isEmptyViewTarget = _this7.emptyViewIsCurrentlyBeingDraggedOver(),
1573 - containerElement = isEmptyViewTarget ? _this7.el : event.currentTarget.parentElement,
1574 - elements = Array.from((containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll(':scope > .elementor-element')) || []);
1575 - var targetIndex = isEmptyViewTarget ? elements.length : elements.indexOf(event.currentTarget);
1576 - if (_this7.isPanelElement(draggedView, draggedElement)) {
1577 - if (_this7.draggingOnBottomOrRightSide(side) && !isEmptyViewTarget) {
1578 - targetIndex++;
1579 - }
1580 - _this7.onDrop(event, {
1581 - at: targetIndex
1582 - });
1583 - return;
1584 - }
1585 - if (_this7.isParentElement(draggedView.getContainer().id)) {
1586 - return;
1587 - }
1588 - if (isEmptyViewTarget) {
1589 - _this7.moveDroppedItem(draggedView, targetIndex);
1590 - return;
1591 - }
1592 - _this7.moveExistingElement(side, draggedView, containerElement, elements, targetIndex, draggedElement);
789 + var selfIndex = elements.indexOf(draggedElement);
790 + if (targetIndex === selfIndex) {
791 + return;
1593 792 }
1594 - };
1595 - },
1596 - moveExistingElement: function moveExistingElement(side, draggedView, containerElement, elements, targetIndex, draggedElement) {
1597 - var selfIndex = elements.indexOf(draggedElement);
1598 - if (targetIndex === selfIndex) {
1599 - return;
793 + var dropIndex = _this3.getDropIndex(containerElement, side, targetIndex, selfIndex);
794 + _this3.moveDroppedItem(draggedView, dropIndex);
1600 795 }
1601 - var dropIndex = this.getDropIndex(containerElement, side, targetIndex, selfIndex);
1602 - this.moveDroppedItem(draggedView, dropIndex);
1603 - },
1604 - isPanelElement: function isPanelElement(draggedView, draggedElement) {
1605 - return !draggedView || !draggedElement;
1606 - },
1607 - isParentElement: function isParentElement(draggedId) {
1608 - var current = this.container;
1609 - while (current) {
1610 - if (current.id === draggedId) {
1611 - return true;
1612 - }
1613 - current = current.parent;
796 + };
797 + },
798 + isPanelElement: function isPanelElement(draggedView, draggedElement) {
799 + return !draggedView || !draggedElement;
800 + },
801 + isParentElement: function isParentElement(draggedId) {
802 + var current = this.container;
803 + while (current) {
804 + if (current.id === draggedId) {
805 + return true;
1614 806 }
1615 - return false;
1616 - },
1617 - getDropIndex: function getDropIndex(container, side, index, selfIndex) {
1618 - var styles = window.getComputedStyle(container);
1619 - var isFlex = ['flex', 'inline-flex'].includes(styles.display);
1620 - var isFlexReverse = isFlex && ['column-reverse', 'row-reverse'].includes(styles.flexDirection);
1621 - var isRow = isFlex && ['row-reverse', 'row'].includes(styles.flexDirection);
1622 - var isRtl = elementorCommon.config.isRTL;
1623 - var isReverse = isRow ? isFlexReverse !== isRtl : isFlexReverse;
807 + current = current.parent;
808 + }
809 + return false;
810 + },
811 + getDropIndex: function getDropIndex(container, side, index, selfIndex) {
812 + var styles = window.getComputedStyle(container);
813 + var isFlex = ['flex', 'inline-flex'].includes(styles.display);
814 + var isFlexReverse = isFlex && ['column-reverse', 'row-reverse'].includes(styles.flexDirection);
815 + var isRow = isFlex && ['row-reverse', 'row'].includes(styles.flexDirection);
816 + var isRtl = elementorCommon.config.isRTL;
817 + var isReverse = isRow ? isFlexReverse !== isRtl : isFlexReverse;
1624 818
1625 - // The element should be placed BEFORE the current target
1626 - // if is reversed + side is bottom/right OR not is reversed + side is top/left
1627 - if (isReverse === this.draggingOnBottomOrRightSide(side)) {
1628 - if (-1 === selfIndex || selfIndex >= index - 1) {
1629 - return index;
1630 - }
1631 - return index > 0 ? index - 1 : 0;
1632 - }
1633 - if (0 <= selfIndex && selfIndex < index) {
819 + // The element should be placed BEFORE the current target
820 + // if is reversed + side is bottom/right OR not is reversed + side is top/left
821 + if (isReverse === this.draggingOnBottomOrRightSide(side)) {
822 + if (-1 === selfIndex || selfIndex >= index - 1) {
1634 823 return index;
1635 824 }
1636 - return index + 1;
1637 - },
1638 - moveDroppedItem: function moveDroppedItem(draggedView, dropIndex) {
1639 - // Reset the dragged element cache.
1640 - elementor.channels.editor.reply('element:dragged', null);
1641 - $e.run('document/elements/move', {
1642 - container: draggedView.getContainer(),
1643 - target: this.getContainer(),
1644 - options: {
1645 - at: dropIndex
1646 - }
1647 - });
1648 - },
1649 - getEditButtons: function getEditButtons() {
1650 - var elementData = elementor.getElementData(this.model),
1651 - editTools = {};
1652 - if ($e.components.get('document/elements').utils.allowAddingWidgets()) {
1653 - editTools.add = {
1654 - /* Translators: %s: Element Name. */
1655 - title: sprintf(__('Add %s', 'elementor'), elementData.title),
1656 - icon: 'plus'
1657 - };
1658 - editTools.edit = {
1659 - /* Translators: %s: Element Name. */
1660 - title: sprintf(__('Edit %s', 'elementor'), elementData.title),
1661 - icon: 'handle'
1662 - };
825 + return index > 0 ? index - 1 : 0;
826 + }
827 + if (0 <= selfIndex && selfIndex < index) {
828 + return index;
829 + }
830 + return index + 1;
831 + },
832 + moveDroppedItem: function moveDroppedItem(draggedView, dropIndex) {
833 + // Reset the dragged element cache.
834 + elementor.channels.editor.reply('element:dragged', null);
835 + $e.run('document/elements/move', {
836 + container: draggedView.getContainer(),
837 + target: this.getContainer(),
838 + options: {
839 + at: dropIndex
1663 840 }
1664 - if (!this.getContainer().isLocked()) {
1665 - if (elementor.getPreferences('edit_buttons') && $e.components.get('document/elements').utils.allowAddingWidgets()) {
1666 - editTools.duplicate = {
1667 - /* Translators: %s: Element Name. */
1668 - title: sprintf(__('Duplicate %s', 'elementor'), elementData.title),
1669 - icon: 'clone'
1670 - };
1671 - }
1672 - editTools.remove = {
841 + });
842 + },
843 + getEditButtons: function getEditButtons() {
844 + var elementData = elementor.getElementData(this.model),
845 + editTools = {};
846 + if ($e.components.get('document/elements').utils.allowAddingWidgets()) {
847 + editTools.add = {
848 + /* Translators: %s: Element Name. */
849 + title: sprintf(__('Add %s', 'elementor'), elementData.title),
850 + icon: 'plus'
851 + };
852 + editTools.edit = {
853 + /* Translators: %s: Element Name. */
854 + title: sprintf(__('Edit %s', 'elementor'), elementData.title),
855 + icon: 'handle'
856 + };
857 + }
858 + if (!this.getContainer().isLocked()) {
859 + if (elementor.getPreferences('edit_buttons') && $e.components.get('document/elements').utils.allowAddingWidgets()) {
860 + editTools.duplicate = {
1673 861 /* Translators: %s: Element Name. */
1674 - title: sprintf(__('Delete %s', 'elementor'), elementData.title),
1675 - icon: 'close'
862 + title: sprintf(__('Duplicate %s', 'elementor'), elementData.title),
863 + icon: 'clone'
1676 864 };
1677 865 }
1678 - return editTools;
1679 - },
1680 - draggingOnBottomOrRightSide: function draggingOnBottomOrRightSide(side) {
1681 - return ['bottom', 'right'].includes(side);
1682 - },
1683 - emptyViewIsCurrentlyBeingDraggedOver: function emptyViewIsCurrentlyBeingDraggedOver() {
1684 - return this.$el.find('> .elementor-empty-view > .elementor-first-add.elementor-html5dnd-current-element').length > 0;
1685 - },
1686 - /**
1687 - * Toggle the `New Section` view when clicking the `add` button in the edit tools.
1688 - *
1689 - * @return {void}
1690 - */
1691 - onAddButtonClick: function onAddButtonClick() {
1692 - if (this.addSectionView && !this.addSectionView.isDestroyed) {
1693 - this.addSectionView.fadeToDeath();
1694 - return;
1695 - }
1696 - var addSectionView = new elementor.modules.elements.components.AddSectionView({
1697 - at: this.model.collection.indexOf(this.model)
866 + editTools.remove = {
867 + /* Translators: %s: Element Name. */
868 + title: sprintf(__('Delete %s', 'elementor'), elementData.title),
869 + icon: 'close'
870 + };
871 + }
872 + return editTools;
873 + },
874 + draggingOnBottomOrRightSide: function draggingOnBottomOrRightSide(side) {
875 + return ['bottom', 'right'].includes(side);
876 + },
877 + /**
878 + * Toggle the `New Section` view when clicking the `add` button in the edit tools.
879 + *
880 + * @return {void}
881 + */
882 + onAddButtonClick: function onAddButtonClick() {
883 + if (this.addSectionView && !this.addSectionView.isDestroyed) {
884 + this.addSectionView.fadeToDeath();
885 + return;
886 + }
887 + var addSectionView = new elementor.modules.elements.components.AddSectionView({
888 + at: this.model.collection.indexOf(this.model)
889 + });
890 + addSectionView.render();
891 + this.$el.before(addSectionView.$el);
892 + addSectionView.$el.hide();
893 +
894 + // Delaying the slide down for slow-render browsers (such as FF)
895 + setTimeout(function () {
896 + addSectionView.$el.slideDown(null, function () {
897 + // Remove inline style, for preview mode.
898 + jQuery(this).css('display', '');
1698 899 });
1699 - addSectionView.render();
1700 - this.$el.before(addSectionView.$el);
1701 - addSectionView.$el.hide();
900 + });
901 + this.addSectionView = addSectionView;
902 + },
903 + getClasses: function getClasses() {
904 + var _this$options;
905 + return ((_this$options = this.options) === null || _this$options === void 0 || (_this$options = _this$options.model) === null || _this$options === void 0 || (_this$options = _this$options.getSetting('classes')) === null || _this$options === void 0 ? void 0 : _this$options.value) || [];
906 + },
907 + getClassString: function getClassString() {
908 + var classes = this.getClasses();
909 + var base = this.getBaseClass();
910 + return [base].concat((0, _toConsumableArray2.default)(classes)).join(' ');
911 + },
912 + getBaseClass: function getBaseClass() {
913 + var _this$options2, _Object$keys$;
914 + var baseStyles = elementor.helpers.getAtomicWidgetBaseStyles((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : _this$options2.model);
915 + return (_Object$keys$ = Object.keys(baseStyles !== null && baseStyles !== void 0 ? baseStyles : {})[0]) !== null && _Object$keys$ !== void 0 ? _Object$keys$ : '';
916 + }
917 +});
918 +module.exports = DivBlockView;
1702 919
1703 - // Delaying the slide down for slow-render browsers (such as FF)
1704 - setTimeout(function () {
1705 - addSectionView.$el.slideDown(null, function () {
1706 - // Remove inline style, for preview mode.
1707 - jQuery(this).css('display', '');
1708 - });
1709 - });
1710 - this.addSectionView = addSectionView;
1711 - },
1712 - isOverflowHidden: function isOverflowHidden() {
1713 - var elementStyles = window.getComputedStyle(this.el);
1714 - var overflowStyles = [elementStyles.overflowX, elementStyles.overflowY, elementStyles.overflow];
1715 - return overflowStyles.includes('hidden') || overflowStyles.includes('auto');
1716 - },
1717 - updateHandlesPosition: function updateHandlesPosition() {
1718 - var elementType = this.$el.data('element_type');
1719 - var isElement = (0, _elementTypes.getAllElementTypes)().includes(elementType);
1720 - if (!isElement) {
1721 - return;
1722 - }
1723 - var shouldPlaceInside = this.isOverflowHidden();
1724 - if (!shouldPlaceInside && this.isTopLevelElement() && this.isFirstElementInStructure()) {
1725 - shouldPlaceInside = true;
1726 - }
1727 - this.$el.toggleClass('e-handles-inside', shouldPlaceInside);
1728 - },
1729 - isTopLevelElement: function isTopLevelElement() {
1730 - return this.container.parent && 'document' === this.container.parent.id;
1731 - },
1732 - isFirstElementInStructure: function isFirstElementInStructure() {
1733 - if (!this.model.collection) {
1734 - return true;
1735 - }
1736 - return 0 === this.model.collection.indexOf(this.model);
1737 - },
1738 - getInteractionId: function getInteractionId() {
1739 - var originId = this.model.get('originId');
1740 - var id = this.model.get('id');
1741 - return originId !== null && originId !== void 0 ? originId : id;
920 +/***/ }),
921 +
922 +/***/ "../modules/atomic-widgets/assets/js/editor/flexbox-type.js":
923 +/*!******************************************************************!*\
924 + !*** ../modules/atomic-widgets/assets/js/editor/flexbox-type.js ***!
925 + \******************************************************************/
926 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
927 +
928 +"use strict";
929 +
930 +
931 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
932 +Object.defineProperty(exports, "__esModule", ({
933 + value: true
934 +}));
935 +exports["default"] = void 0;
936 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
937 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
938 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
939 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
940 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
941 +var _emptyComponent = _interopRequireDefault(__webpack_require__(/*! elementor-elements/views/container/empty-component */ "../assets/dev/js/editor/elements/views/container/empty-component.js"));
942 +var _divBlockModel = _interopRequireDefault(__webpack_require__(/*! ./div-block-model */ "../modules/atomic-widgets/assets/js/editor/div-block-model.js"));
943 +var _divBlockView = _interopRequireDefault(__webpack_require__(/*! ./div-block-view */ "../modules/atomic-widgets/assets/js/editor/div-block-view.js"));
944 +function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
945 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
946 +var AtomicContainer = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
947 + function AtomicContainer() {
948 + (0, _classCallCheck2.default)(this, AtomicContainer);
949 + return _callSuper(this, AtomicContainer, arguments);
950 + }
951 + (0, _inherits2.default)(AtomicContainer, _elementor$modules$el);
952 + return (0, _createClass2.default)(AtomicContainer, [{
953 + key: "getType",
954 + value: function getType() {
955 + return 'e-flexbox';
1742 956 }
1743 - });
1744 - return AtomicElementView;
1745 -}
957 + }, {
958 + key: "getView",
959 + value: function getView() {
960 + return _divBlockView.default;
961 + }
962 + }, {
963 + key: "getEmptyView",
964 + value: function getEmptyView() {
965 + return _emptyComponent.default;
966 + }
967 + }, {
968 + key: "getModel",
969 + value: function getModel() {
970 + return _divBlockModel.default;
971 + }
972 + }]);
973 +}(elementor.modules.elements.types.Base);
1746 974
1747 975 /***/ }),
1748 976
1749 977 /***/ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/duplicate-element.js":
@@ -1943,16 +1171,24 @@
1943 1171 value: true
1944 1172 }));
1945 1173 exports.getElementChildren = getElementChildren;
1946 1174 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1175 +/**
1176 + * @typedef {import('assets/dev/js/editor/container/container')} Container
1177 + */
1178 +
1179 +/**
1180 + * return all recursively nested elements in a flat array
1181 + * @param {Container} model
1182 + * @return {Container[]}
1183 + */
1947 1184 function getElementChildren(model) {
1948 - var _model$get$models, _model$get;
1949 - if (!model) {
1950 - return [];
1951 - }
1952 - var childModels = (_model$get$models = (_model$get = model.get('elements')) === null || _model$get === void 0 ? void 0 : _model$get.models) !== null && _model$get$models !== void 0 ? _model$get$models : [];
1953 - var children = childModels.flatMap(getElementChildren);
1954 - return [model].concat((0, _toConsumableArray2.default)(children));
1185 + var _flatMap, _container$model$get$, _container$model;
1186 + var container = window.elementor.getContainer(model.id);
1187 + var children = (_flatMap = ((_container$model$get$ = (_container$model = container.model) === null || _container$model === void 0 || (_container$model = _container$model.get('elements')) === null || _container$model === void 0 ? void 0 : _container$model.models) !== null && _container$model$get$ !== void 0 ? _container$model$get$ : []).flatMap(function (child) {
1188 + return getElementChildren(child);
1189 + })) !== null && _flatMap !== void 0 ? _flatMap : [];
1190 + return [container].concat((0, _toConsumableArray2.default)(children));
1955 1191 }
1956 1192
1957 1193 /***/ }),
1958 1194
@@ -2008,38 +1244,37 @@
2008 1244 var _getElementChildren = __webpack_require__(/*! ./get-element-children */ "../modules/atomic-widgets/assets/js/editor/utils/get-element-children.js");
2009 1245 var _getRandomStyleId = __webpack_require__(/*! ./get-random-style-id */ "../modules/atomic-widgets/assets/js/editor/utils/get-random-style-id.js");
2010 1246 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; }
2011 1247 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; }
2012 -function regenerateLocalStyleIds(container) {
2013 - if (!(container !== null && container !== void 0 && container.model)) {
2014 - return;
2015 - }
2016 - var allElements = (0, _getElementChildren.getElementChildren)(container.model);
2017 - var styledElements = allElements.filter(function (model) {
2018 - var _model$get;
2019 - return model && Object.keys((_model$get = model.get('styles')) !== null && _model$get !== void 0 ? _model$get : {}).length > 0;
2020 - });
2021 - updateElementsStyleIdsInsideOut(styledElements);
2022 -}
1248 +/**
1249 + * @typedef {import('assets/dev/js/editor/container/container')} Container
1250 + */
1251 +
2023 1252 function isClassesProp(prop) {
2024 1253 return prop.$$type && 'classes' === prop.$$type && Array.isArray(prop.value) && prop.value.length > 0;
2025 1254 }
2026 -function calculateNewStylesAndSettings(element, model, settings) {
2027 - var _settings$toJSON;
2028 - var originalStyles = model.get('styles');
2029 - var settingsJson = (_settings$toJSON = settings === null || settings === void 0 ? void 0 : settings.toJSON()) !== null && _settings$toJSON !== void 0 ? _settings$toJSON : {};
2030 - var classesProps = Object.entries(settingsJson).filter(function (_ref) {
1255 +
1256 +/**
1257 + * Update the style id of the container.
1258 + * @param {Container} container
1259 + */
1260 +function updateStyleId(container) {
1261 + var _container$settings$t, _container$settings;
1262 + var originalStyles = container.model.get('styles');
1263 + var settings = (_container$settings$t = (_container$settings = container.settings) === null || _container$settings === void 0 ? void 0 : _container$settings.toJSON()) !== null && _container$settings$t !== void 0 ? _container$settings$t : {};
1264 + var classesProps = Object.entries(settings).filter(function (_ref) {
2031 1265 var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
2032 1266 propValue = _ref2[1];
2033 1267 return isClassesProp(propValue);
2034 1268 });
2035 1269 var newStyles = {};
2036 - var changedIds = {};
1270 + var changedIds = {}; // Conversion map - {[originalId: string]: newId: string}
1271 +
2037 1272 Object.entries(originalStyles).forEach(function (_ref3) {
2038 1273 var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
2039 1274 originalStyleId = _ref4[0],
2040 1275 style = _ref4[1];
2041 - var newStyleId = (0, _getRandomStyleId.getRandomStyleId)(element, newStyles);
1276 + var newStyleId = (0, _getRandomStyleId.getRandomStyleId)(container, newStyles);
2042 1277 newStyles[newStyleId] = structuredClone(_objectSpread(_objectSpread({}, style), {}, {
2043 1278 id: newStyleId
2044 1279 }));
2045 1280 changedIds[originalStyleId] = newStyleId;
@@ -2054,62 +1289,103 @@
2054 1289 return (_changedIds$className = changedIds[className]) !== null && _changedIds$className !== void 0 ? _changedIds$className : className;
2055 1290 })
2056 1291 })];
2057 1292 }, {});
2058 - return {
2059 - newStyles: newStyles,
2060 - newSettings: Object.fromEntries(newClassesProps)
2061 - };
2062 -}
2063 -function updateStyleIdForContainer(container) {
2064 - var model = container.model,
2065 - settings = container.settings;
2066 - var _calculateNewStylesAn = calculateNewStylesAndSettings(container, model, settings),
2067 - newStyles = _calculateNewStylesAn.newStyles,
2068 - newSettings = _calculateNewStylesAn.newSettings;
1293 +
1294 + // Update classes array
2069 1295 $e.internal('document/elements/set-settings', {
2070 1296 container: container,
2071 - settings: newSettings
1297 + settings: Object.fromEntries(newClassesProps)
2072 1298 });
2073 - model.set('styles', newStyles);
1299 +
1300 + // Update local styles
1301 + container.model.set('styles', newStyles);
2074 1302 }
2075 -function updateStyleIdForModel(model) {
2076 - var settings = model.get('settings');
2077 - var _calculateNewStylesAn2 = calculateNewStylesAndSettings(model, model, settings),
2078 - newStyles = _calculateNewStylesAn2.newStyles,
2079 - newSettings = _calculateNewStylesAn2.newSettings;
2080 - settings.set(newSettings);
2081 - model.set('styles', newStyles);
1303 +function updateElementsStyleIdsInsideOut(styledElements) {
1304 + styledElements === null || styledElements === void 0 || styledElements.reverse().forEach(updateStyleId);
2082 1305 }
2083 -function updateStyleId(model) {
2084 - var container = window.elementor.getContainer(model.get('id'));
2085 1306
2086 - // If view exists, update the styles via the container
2087 - if (container) {
2088 - updateStyleIdForContainer(container);
2089 - return;
2090 - }
2091 - updateStyleIdForModel(model);
1307 +/**
1308 + * Get a container - iterate over its children, find all styled atomic widgets and update their style ids
1309 + * @param {Container} container
1310 + */
1311 +function regenerateLocalStyleIds(container) {
1312 + var allElements = (0, _getElementChildren.getElementChildren)(container);
1313 + var styledElements = allElements.filter(function (element) {
1314 + var _element$model$get;
1315 + return Object.keys((_element$model$get = element.model.get('styles')) !== null && _element$model$get !== void 0 ? _element$model$get : {}).length > 0;
1316 + });
1317 + updateElementsStyleIdsInsideOut(styledElements);
2092 1318 }
2093 -function updateElementsStyleIdsInsideOut(styledElements) {
2094 - styledElements === null || styledElements === void 0 || styledElements.reverse().forEach(updateStyleId);
1319 +
1320 +/***/ }),
1321 +
1322 +/***/ "../node_modules/react-dom/client.js":
1323 +/*!*******************************************!*\
1324 + !*** ../node_modules/react-dom/client.js ***!
1325 + \*******************************************/
1326 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1327 +
1328 +"use strict";
1329 +
1330 +
1331 +var m = __webpack_require__(/*! react-dom */ "react-dom");
1332 +if (false) {} else {
1333 + var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
1334 + exports.createRoot = function(c, o) {
1335 + i.usingClientEntryPoint = true;
1336 + try {
1337 + return m.createRoot(c, o);
1338 + } finally {
1339 + i.usingClientEntryPoint = false;
1340 + }
1341 + };
1342 + exports.hydrateRoot = function(c, h, o) {
1343 + i.usingClientEntryPoint = true;
1344 + try {
1345 + return m.hydrateRoot(c, h, o);
1346 + } finally {
1347 + i.usingClientEntryPoint = false;
1348 + }
1349 + };
2095 1350 }
2096 1351
1352 +
2097 1353 /***/ }),
2098 1354
2099 -/***/ "../node_modules/@babel/runtime/helpers/OverloadYield.js":
2100 -/*!***************************************************************!*\
2101 - !*** ../node_modules/@babel/runtime/helpers/OverloadYield.js ***!
2102 - \***************************************************************/
1355 +/***/ "react":
1356 +/*!************************!*\
1357 + !*** external "React" ***!
1358 + \************************/
2103 1359 /***/ ((module) => {
2104 1360
2105 -function _OverloadYield(e, d) {
2106 - this.v = e, this.k = d;
2107 -}
2108 -module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports;
1361 +"use strict";
1362 +module.exports = React;
2109 1363
2110 1364 /***/ }),
2111 1365
1366 +/***/ "react-dom":
1367 +/*!***************************!*\
1368 + !*** external "ReactDOM" ***!
1369 + \***************************/
1370 +/***/ ((module) => {
1371 +
1372 +"use strict";
1373 +module.exports = ReactDOM;
1374 +
1375 +/***/ }),
1376 +
1377 +/***/ "@wordpress/i18n":
1378 +/*!**************************!*\
1379 + !*** external "wp.i18n" ***!
1380 + \**************************/
1381 +/***/ ((module) => {
1382 +
1383 +"use strict";
1384 +module.exports = wp.i18n;
1385 +
1386 +/***/ }),
1387 +
2112 1388 /***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
2113 1389 /*!******************************************************************!*\
2114 1390 !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
2115 1391 \******************************************************************/
@@ -2164,43 +1440,8 @@
2164 1440 module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
2165 1441
2166 1442 /***/ }),
2167 1443
2168 -/***/ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js":
2169 -/*!******************************************************************!*\
2170 - !*** ../node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
2171 - \******************************************************************/
2172 -/***/ ((module) => {
2173 -
2174 -function asyncGeneratorStep(n, t, e, r, o, a, c) {
2175 - try {
2176 - var i = n[a](c),
2177 - u = i.value;
2178 - } catch (n) {
2179 - return void e(n);
2180 - }
2181 - i.done ? t(u) : Promise.resolve(u).then(r, o);
2182 -}
2183 -function _asyncToGenerator(n) {
2184 - return function () {
2185 - var t = this,
2186 - e = arguments;
2187 - return new Promise(function (r, o) {
2188 - var a = n.apply(t, e);
2189 - function _next(n) {
2190 - asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
2191 - }
2192 - function _throw(n) {
2193 - asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
2194 - }
2195 - _next(void 0);
2196 - });
2197 - };
2198 -}
2199 -module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
2200 -
2201 -/***/ }),
2202 -
2203 1444 /***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
2204 1445 /*!****************************************************************!*\
2205 1446 !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
2206 1447 \****************************************************************/
@@ -2253,28 +1494,8 @@
2253 1494 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
2254 1495
2255 1496 /***/ }),
2256 1497
2257 -/***/ "../node_modules/@babel/runtime/helpers/get.js":
2258 -/*!*****************************************************!*\
2259 - !*** ../node_modules/@babel/runtime/helpers/get.js ***!
2260 - \*****************************************************/
2261 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2262 -
2263 -var superPropBase = __webpack_require__(/*! ./superPropBase.js */ "../node_modules/@babel/runtime/helpers/superPropBase.js");
2264 -function _get() {
2265 - return module.exports = _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) {
2266 - var p = superPropBase(e, t);
2267 - if (p) {
2268 - var n = Object.getOwnPropertyDescriptor(p, t);
2269 - return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value;
2270 - }
2271 - }, module.exports.__esModule = true, module.exports["default"] = module.exports, _get.apply(null, arguments);
2272 -}
2273 -module.exports = _get, module.exports.__esModule = true, module.exports["default"] = module.exports;
2274 -
2275 -/***/ }),
2276 -
2277 1498 /***/ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js":
2278 1499 /*!****************************************************************!*\
2279 1500 !*** ../node_modules/@babel/runtime/helpers/getPrototypeOf.js ***!
2280 1501 \****************************************************************/
@@ -2419,344 +1640,8 @@
2419 1640 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
2420 1641
2421 1642 /***/ }),
2422 1643
2423 -/***/ "../node_modules/@babel/runtime/helpers/regenerator.js":
2424 -/*!*************************************************************!*\
2425 - !*** ../node_modules/@babel/runtime/helpers/regenerator.js ***!
2426 - \*************************************************************/
2427 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2428 -
2429 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
2430 -function _regenerator() {
2431 - /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
2432 - var e,
2433 - t,
2434 - r = "function" == typeof Symbol ? Symbol : {},
2435 - n = r.iterator || "@@iterator",
2436 - o = r.toStringTag || "@@toStringTag";
2437 - function i(r, n, o, i) {
2438 - var c = n && n.prototype instanceof Generator ? n : Generator,
2439 - u = Object.create(c.prototype);
2440 - return regeneratorDefine(u, "_invoke", function (r, n, o) {
2441 - var i,
2442 - c,
2443 - u,
2444 - f = 0,
2445 - p = o || [],
2446 - y = !1,
2447 - G = {
2448 - p: 0,
2449 - n: 0,
2450 - v: e,
2451 - a: d,
2452 - f: d.bind(e, 4),
2453 - d: function d(t, r) {
2454 - return i = t, c = 0, u = e, G.n = r, a;
2455 - }
2456 - };
2457 - function d(r, n) {
2458 - for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
2459 - var o,
2460 - i = p[t],
2461 - d = G.p,
2462 - l = i[2];
2463 - r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
2464 - }
2465 - if (o || r > 1) return a;
2466 - throw y = !0, n;
2467 - }
2468 - return function (o, p, l) {
2469 - if (f > 1) throw TypeError("Generator is already running");
2470 - for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
2471 - i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
2472 - try {
2473 - if (f = 2, i) {
2474 - if (c || (o = "next"), t = i[o]) {
2475 - if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
2476 - if (!t.done) return t;
2477 - u = t.value, c < 2 && (c = 0);
2478 - } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
2479 - i = e;
2480 - } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
2481 - } catch (t) {
2482 - i = e, c = 1, u = t;
2483 - } finally {
2484 - f = 1;
2485 - }
2486 - }
2487 - return {
2488 - value: t,
2489 - done: y
2490 - };
2491 - };
2492 - }(r, o, i), !0), u;
2493 - }
2494 - var a = {};
2495 - function Generator() {}
2496 - function GeneratorFunction() {}
2497 - function GeneratorFunctionPrototype() {}
2498 - t = Object.getPrototypeOf;
2499 - var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
2500 - return this;
2501 - }), t),
2502 - u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
2503 - function f(e) {
2504 - return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
2505 - }
2506 - return GeneratorFunction.prototype = GeneratorFunctionPrototype, regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), regeneratorDefine(u), regeneratorDefine(u, o, "Generator"), regeneratorDefine(u, n, function () {
2507 - return this;
2508 - }), regeneratorDefine(u, "toString", function () {
2509 - return "[object Generator]";
2510 - }), (module.exports = _regenerator = function _regenerator() {
2511 - return {
2512 - w: i,
2513 - m: f
2514 - };
2515 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
2516 -}
2517 -module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
2518 -
2519 -/***/ }),
2520 -
2521 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js":
2522 -/*!******************************************************************!*\
2523 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsync.js ***!
2524 - \******************************************************************/
2525 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2526 -
2527 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
2528 -function _regeneratorAsync(n, e, r, t, o) {
2529 - var a = regeneratorAsyncGen(n, e, r, t, o);
2530 - return a.next().then(function (n) {
2531 - return n.done ? n.value : a.next();
2532 - });
2533 -}
2534 -module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports;
2535 -
2536 -/***/ }),
2537 -
2538 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js":
2539 -/*!*********************************************************************!*\
2540 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***!
2541 - \*********************************************************************/
2542 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2543 -
2544 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
2545 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
2546 -function _regeneratorAsyncGen(r, e, t, o, n) {
2547 - return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
2548 -}
2549 -module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports;
2550 -
2551 -/***/ }),
2552 -
2553 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js":
2554 -/*!**************************************************************************!*\
2555 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***!
2556 - \**************************************************************************/
2557 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2558 -
2559 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
2560 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
2561 -function AsyncIterator(t, e) {
2562 - function n(r, o, i, f) {
2563 - try {
2564 - var c = t[r](o),
2565 - u = c.value;
2566 - return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
2567 - n("next", t, i, f);
2568 - }, function (t) {
2569 - n("throw", t, i, f);
2570 - }) : e.resolve(u).then(function (t) {
2571 - c.value = t, i(c);
2572 - }, function (t) {
2573 - return n("throw", t, i, f);
2574 - });
2575 - } catch (t) {
2576 - f(t);
2577 - }
2578 - }
2579 - var r;
2580 - this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
2581 - return this;
2582 - })), regeneratorDefine(this, "_invoke", function (t, o, i) {
2583 - function f() {
2584 - return new e(function (e, r) {
2585 - n(t, i, e, r);
2586 - });
2587 - }
2588 - return r = r ? r.then(f, f) : f();
2589 - }, !0);
2590 -}
2591 -module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports;
2592 -
2593 -/***/ }),
2594 -
2595 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js":
2596 -/*!*******************************************************************!*\
2597 - !*** ../node_modules/@babel/runtime/helpers/regeneratorDefine.js ***!
2598 - \*******************************************************************/
2599 -/***/ ((module) => {
2600 -
2601 -function _regeneratorDefine(e, r, n, t) {
2602 - var i = Object.defineProperty;
2603 - try {
2604 - i({}, "", {});
2605 - } catch (e) {
2606 - i = 0;
2607 - }
2608 - module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
2609 - function o(r, n) {
2610 - _regeneratorDefine(e, r, function (e) {
2611 - return this._invoke(r, n, e);
2612 - });
2613 - }
2614 - r ? i ? i(e, r, {
2615 - value: n,
2616 - enumerable: !t,
2617 - configurable: !t,
2618 - writable: !t
2619 - }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
2620 - }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
2621 -}
2622 -module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports;
2623 -
2624 -/***/ }),
2625 -
2626 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js":
2627 -/*!*****************************************************************!*\
2628 - !*** ../node_modules/@babel/runtime/helpers/regeneratorKeys.js ***!
2629 - \*****************************************************************/
2630 -/***/ ((module) => {
2631 -
2632 -function _regeneratorKeys(e) {
2633 - var n = Object(e),
2634 - r = [];
2635 - for (var t in n) r.unshift(t);
2636 - return function e() {
2637 - for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
2638 - return e.done = !0, e;
2639 - };
2640 -}
2641 -module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports;
2642 -
2643 -/***/ }),
2644 -
2645 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js":
2646 -/*!********************************************************************!*\
2647 - !*** ../node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
2648 - \********************************************************************/
2649 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2650 -
2651 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
2652 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
2653 -var regeneratorAsync = __webpack_require__(/*! ./regeneratorAsync.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js");
2654 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
2655 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
2656 -var regeneratorKeys = __webpack_require__(/*! ./regeneratorKeys.js */ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js");
2657 -var regeneratorValues = __webpack_require__(/*! ./regeneratorValues.js */ "../node_modules/@babel/runtime/helpers/regeneratorValues.js");
2658 -function _regeneratorRuntime() {
2659 - "use strict";
2660 -
2661 - var r = regenerator(),
2662 - e = r.m(_regeneratorRuntime),
2663 - t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
2664 - function n(r) {
2665 - var e = "function" == typeof r && r.constructor;
2666 - return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
2667 - }
2668 - var o = {
2669 - "throw": 1,
2670 - "return": 2,
2671 - "break": 3,
2672 - "continue": 3
2673 - };
2674 - function a(r) {
2675 - var e, t;
2676 - return function (n) {
2677 - e || (e = {
2678 - stop: function stop() {
2679 - return t(n.a, 2);
2680 - },
2681 - "catch": function _catch() {
2682 - return n.v;
2683 - },
2684 - abrupt: function abrupt(r, e) {
2685 - return t(n.a, o[r], e);
2686 - },
2687 - delegateYield: function delegateYield(r, o, a) {
2688 - return e.resultName = o, t(n.d, regeneratorValues(r), a);
2689 - },
2690 - finish: function finish(r) {
2691 - return t(n.f, r);
2692 - }
2693 - }, t = function t(r, _t, o) {
2694 - n.p = e.prev, n.n = e.next;
2695 - try {
2696 - return r(_t, o);
2697 - } finally {
2698 - e.next = n.n;
2699 - }
2700 - }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
2701 - try {
2702 - return r.call(this, e);
2703 - } finally {
2704 - n.p = e.prev, n.n = e.next;
2705 - }
2706 - };
2707 - }
2708 - return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
2709 - return {
2710 - wrap: function wrap(e, t, n, o) {
2711 - return r.w(a(e), t, n, o && o.reverse());
2712 - },
2713 - isGeneratorFunction: n,
2714 - mark: r.m,
2715 - awrap: function awrap(r, e) {
2716 - return new OverloadYield(r, e);
2717 - },
2718 - AsyncIterator: regeneratorAsyncIterator,
2719 - async: function async(r, e, t, o, u) {
2720 - return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
2721 - },
2722 - keys: regeneratorKeys,
2723 - values: regeneratorValues
2724 - };
2725 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
2726 -}
2727 -module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
2728 -
2729 -/***/ }),
2730 -
2731 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorValues.js":
2732 -/*!*******************************************************************!*\
2733 - !*** ../node_modules/@babel/runtime/helpers/regeneratorValues.js ***!
2734 - \*******************************************************************/
2735 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2736 -
2737 -var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
2738 -function _regeneratorValues(e) {
2739 - if (null != e) {
2740 - var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
2741 - r = 0;
2742 - if (t) return t.call(e);
2743 - if ("function" == typeof e.next) return e;
2744 - if (!isNaN(e.length)) return {
2745 - next: function next() {
2746 - return e && r >= e.length && (e = void 0), {
2747 - value: e && e[r++],
2748 - done: !e
2749 - };
2750 - }
2751 - };
2752 - }
2753 - throw new TypeError(_typeof(e) + " is not iterable");
2754 -}
2755 -module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports;
2756 -
2757 -/***/ }),
2758 -
2759 1644 /***/ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js":
2760 1645 /*!****************************************************************!*\
2761 1646 !*** ../node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
2762 1647 \****************************************************************/
@@ -2787,23 +1672,8 @@
2787 1672 module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
2788 1673
2789 1674 /***/ }),
2790 1675
2791 -/***/ "../node_modules/@babel/runtime/helpers/superPropBase.js":
2792 -/*!***************************************************************!*\
2793 - !*** ../node_modules/@babel/runtime/helpers/superPropBase.js ***!
2794 - \***************************************************************/
2795 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2796 -
2797 -var getPrototypeOf = __webpack_require__(/*! ./getPrototypeOf.js */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js");
2798 -function _superPropBase(t, o) {
2799 - for (; !{}.hasOwnProperty.call(t, o) && null !== (t = getPrototypeOf(t)););
2800 - return t;
2801 -}
2802 -module.exports = _superPropBase, module.exports.__esModule = true, module.exports["default"] = module.exports;
2803 -
2804 -/***/ }),
2805 -
2806 1676 /***/ "../node_modules/@babel/runtime/helpers/toConsumableArray.js":
2807 1677 /*!*******************************************************************!*\
2808 1678 !*** ../node_modules/@babel/runtime/helpers/toConsumableArray.js ***!
2809 1679 \*******************************************************************/
@@ -2891,100 +1761,8 @@
2891 1761 }
2892 1762 }
2893 1763 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
2894 1764
2895 -/***/ }),
2896 -
2897 -/***/ "../node_modules/@babel/runtime/regenerator/index.js":
2898 -/*!***********************************************************!*\
2899 - !*** ../node_modules/@babel/runtime/regenerator/index.js ***!
2900 - \***********************************************************/
2901 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2902 -
2903 -// TODO(Babel 8): Remove this file.
2904 -
2905 -var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js")();
2906 -module.exports = runtime;
2907 -
2908 -// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
2909 -try {
2910 - regeneratorRuntime = runtime;
2911 -} catch (accidentalStrictMode) {
2912 - if (typeof globalThis === "object") {
2913 - globalThis.regeneratorRuntime = runtime;
2914 - } else {
2915 - Function("r", "regeneratorRuntime = r")(runtime);
2916 - }
2917 -}
2918 -
2919 -
2920 -/***/ }),
2921 -
2922 -/***/ "../node_modules/react-dom/client.js":
2923 -/*!*******************************************!*\
2924 - !*** ../node_modules/react-dom/client.js ***!
2925 - \*******************************************/
2926 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2927 -
2928 -"use strict";
2929 -
2930 -
2931 -var m = __webpack_require__(/*! react-dom */ "react-dom");
2932 -if (false) // removed by dead control flow
2933 -{} else {
2934 - var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
2935 - exports.createRoot = function(c, o) {
2936 - i.usingClientEntryPoint = true;
2937 - try {
2938 - return m.createRoot(c, o);
2939 - } finally {
2940 - i.usingClientEntryPoint = false;
2941 - }
2942 - };
2943 - exports.hydrateRoot = function(c, h, o) {
2944 - i.usingClientEntryPoint = true;
2945 - try {
2946 - return m.hydrateRoot(c, h, o);
2947 - } finally {
2948 - i.usingClientEntryPoint = false;
2949 - }
2950 - };
2951 -}
2952 -
2953 -
2954 -/***/ }),
2955 -
2956 -/***/ "@wordpress/i18n":
2957 -/*!**************************!*\
2958 - !*** external "wp.i18n" ***!
2959 - \**************************/
2960 -/***/ ((module) => {
2961 -
2962 -"use strict";
2963 -module.exports = wp.i18n;
2964 -
2965 -/***/ }),
2966 -
2967 -/***/ "react":
2968 -/*!************************!*\
2969 - !*** external "React" ***!
2970 - \************************/
2971 -/***/ ((module) => {
2972 -
2973 -"use strict";
2974 -module.exports = React;
2975 -
2976 -/***/ }),
2977 -
2978 -/***/ "react-dom":
2979 -/*!***************************!*\
2980 - !*** external "ReactDOM" ***!
2981 - \***************************/
2982 -/***/ ((module) => {
2983 -
2984 -"use strict";
2985 -module.exports = ReactDOM;
2986 -
2987 1765 /***/ })
2988 1766
2989 1767 /******/ });
2990 1768 /************************************************************************/
@@ -3028,14 +1806,8 @@
3028 1806 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
3029 1807 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
3030 1808 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
3031 1809 var _component = _interopRequireDefault(__webpack_require__(/*! ./component */ "../modules/atomic-widgets/assets/js/editor/component.js"));
3032 -var _atomicElementBaseType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-base-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-type.js"));
3033 -var _createAtomicElementBaseView = _interopRequireDefault(__webpack_require__(/*! ./create-atomic-element-base-view */ "../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js"));
3034 -var _atomicElementBaseModel = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-base-model */ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js"));
3035 -var _createDivBlockType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-types/create-div-block-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-div-block-type.js"));
3036 -var _createFlexboxType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-types/create-flexbox-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js"));
3037 -var _createGridType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-types/create-grid-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-grid-type.js"));
3038 1810 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
3039 1811 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
3040 1812 var Module = /*#__PURE__*/function (_elementorModules$edi) {
3041 1813 function Module() {
@@ -3046,32 +1818,22 @@
3046 1818 return (0, _createClass2.default)(Module, [{
3047 1819 key: "onInit",
3048 1820 value: function onInit() {
3049 1821 $e.components.register(new _component.default());
3050 - this.exposeAtomicElementClasses();
3051 - this.registerAtomicElements();
1822 + this.registerAtomicWidgetTypes();
3052 1823 }
3053 1824 }, {
3054 - key: "exposeAtomicElementClasses",
3055 - value: function exposeAtomicElementClasses() {
3056 - elementor.modules.elements.types.AtomicElementBase = _atomicElementBaseType.default;
3057 - elementor.modules.elements.views.createAtomicElementBase = _createAtomicElementBaseView.default;
3058 - elementor.modules.elements.models.AtomicElementBase = _atomicElementBaseModel.default;
1825 + key: "registerAtomicWidgetTypes",
1826 + value: function registerAtomicWidgetTypes() {
1827 + this.registerAtomicDivBlockType();
3059 1828 }
3060 1829 }, {
3061 - key: "registerAtomicElements",
3062 - value: function registerAtomicElements() {
3063 - this.registerAtomicElementTypeIfAbsent((0, _createDivBlockType.default)());
3064 - this.registerAtomicElementTypeIfAbsent((0, _createFlexboxType.default)());
3065 - this.registerAtomicElementTypeIfAbsent((0, _createGridType.default)());
3066 - }
3067 - }, {
3068 - key: "registerAtomicElementTypeIfAbsent",
3069 - value: function registerAtomicElementTypeIfAbsent(elementType) {
3070 - if (elementor.elementsManager.getElementTypeClass(elementType.getType())) {
3071 - return;
3072 - }
3073 - elementor.elementsManager.registerElementType(elementType);
1830 + key: "registerAtomicDivBlockType",
1831 + value: function registerAtomicDivBlockType() {
1832 + var DivBlock = (__webpack_require__(/*! ./div-block-type */ "../modules/atomic-widgets/assets/js/editor/div-block-type.js")["default"]);
1833 + var FlexBox = (__webpack_require__(/*! ./flexbox-type */ "../modules/atomic-widgets/assets/js/editor/flexbox-type.js")["default"]);
1834 + elementor.elementsManager.registerElementType(new DivBlock());
1835 + elementor.elementsManager.registerElementType(new FlexBox());
3074 1836 }
3075 1837 }]);
3076 1838 }(elementorModules.editor.utils.Module);
3077 1839 new Module();