PluginProbe
Elementor Website Builder – more than just a page builder / 3.27.4
Elementor Website Builder – more than just a page builder v3.27.4
4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 All 454 releases
← All changes | assets/js/atomic-widgets-editor.js +1135 -1809 4.1.3 → 3.27.4 View file →
@@ -1,4 +1,5 @@
1 +/*! elementor - v3.27.0 - 13-02-2025 */
1 2 /******/ (() => { // webpackBootstrap
2 3 /******/ var __webpack_modules__ = ({
3 4
4 5 /***/ "../assets/dev/js/editor/elements/views/behaviors/sortable.js":
@@ -194,12 +195,9 @@
194 195 if (undefined === newIndex) {
195 196 newIndex = ui.item.index();
196 197 }
197 198 var child = elementor.channels.data.request('dragging:view').getContainer();
198 - var result = this.moveChild(child, newIndex);
199 - if (!result) {
200 - jQuery(ui.sender).sortable('cancel');
201 - }
199 + this.moveChild(child, newIndex);
202 200 },
203 201 // On receiving element from another container
204 202 receiveSort: function receiveSort(event, ui, newIndex) {
205 203 event.stopPropagation();
@@ -218,12 +216,9 @@
218 216 if (undefined === newIndex) {
219 217 newIndex = ui.item.index();
220 218 }
221 219 var child = elementor.channels.data.request('dragging:view').getContainer();
222 - var result = this.moveChild(child, newIndex);
223 - if (!result) {
224 - jQuery(ui.sender).sortable('cancel');
225 - }
220 + this.moveChild(child, newIndex);
226 221 },
227 222 onSortStart: function onSortStart(event, ui) {
228 223 if ('column' === this.options.elChildType) {
229 224 var uiData = ui.item.data('sortableItem'),
@@ -271,12 +266,12 @@
271 266 *
272 267 * @param {Container} child - The child container to move.
273 268 * @param {number|string} index - New index.
274 269 *
275 - * @return {Container|boolean}
270 + * @return {void}
276 271 */
277 272 moveChild: function moveChild(child, index) {
278 - return $e.run('document/elements/move', {
273 + $e.run('document/elements/move', {
279 274 container: child,
280 275 target: this.view.getContainer(),
281 276 options: {
282 277 at: index
@@ -302,436 +297,23 @@
302 297 value: true
303 298 }));
304 299 exports["default"] = EmptyComponent;
305 300 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 301 /* eslint-disable jsx-a11y/no-static-element-interactions */
308 302 /* eslint-disable jsx-a11y/click-events-have-key-events */
309 -
310 303 function EmptyComponent() {
311 - var handleClick = function handleClick() {
312 - _editorOneEvents.EditorOneEventManager.sendCanvasEmptyBoxAction({
313 - targetName: 'add_container'
314 - });
315 - $e.route('panel/elements/categories');
316 - };
317 304 return /*#__PURE__*/_react.default.createElement("div", {
318 305 className: "elementor-first-add"
319 306 }, /*#__PURE__*/_react.default.createElement("div", {
320 307 className: "elementor-icon eicon-plus",
321 - onClick: handleClick
308 + onClick: function onClick() {
309 + return $e.route('panel/elements/categories');
310 + }
322 311 }));
323 312 }
324 313
325 314 /***/ }),
326 315
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 - if (!this.isEventsManagerAvailable() || !this.canSendEvents()) {
378 - return false;
379 - }
380 - try {
381 - return this.getEventsManager().dispatchEvent(eventName, payload);
382 - } catch (error) {
383 - return false;
384 - }
385 - }
386 - }, {
387 - key: "toLowerSnake",
388 - value: function toLowerSnake(value) {
389 - if (!value || 'string' !== typeof value) {
390 - return value;
391 - }
392 - return value.replace(/\s+/g, '_').toLowerCase();
393 - }
394 - }, {
395 - key: "decodeHtmlEntities",
396 - value: function decodeHtmlEntities(text) {
397 - if (!text || 'string' !== typeof text) {
398 - return text;
399 - }
400 - var doc = new DOMParser().parseFromString(text, 'text/html');
401 - return doc.body.textContent || text;
402 - }
403 - }, {
404 - key: "isInEditorContext",
405 - value: function isInEditorContext() {
406 - var _window$elementor;
407 - return 'undefined' !== typeof window.elementor && !!((_window$elementor = window.elementor) !== null && _window$elementor !== void 0 && _window$elementor.documents);
408 - }
409 - }, {
410 - key: "getFinderContext",
411 - value: function getFinderContext() {
412 - var _config$appTypes, _config$appTypes2, _config$locations, _config$locations2;
413 - var config = this.getConfig();
414 - var isEditor = this.isInEditorContext();
415 - return {
416 - 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,
417 - 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)
418 - };
419 - }
420 - }, {
421 - key: "createBasePayload",
422 - value: function createBasePayload() {
423 - var _config$appTypes$edit, _config$appTypes3, _config$appTypes$edit2, _config$appTypes4;
424 - var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
425 - var config = this.getConfig();
426 - return _objectSpread({
427 - 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',
428 - 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'
429 - }, overrides);
430 - }
431 - }, {
432 - key: "sendTopBarPublishDropdown",
433 - value: function sendTopBarPublishDropdown(targetName) {
434 - var _config$names, _config$triggers, _config$targetTypes, _config$interactionRe, _config$locations3, _config$secondaryLoca, _config$targetTypes2;
435 - var config = this.getConfig();
436 - 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({
437 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers = config.triggers) === null || _config$triggers === void 0 ? void 0 : _config$triggers.click),
438 - target_type: config === null || config === void 0 || (_config$targetTypes = config.targetTypes) === null || _config$targetTypes === void 0 ? void 0 : _config$targetTypes.dropdownItem,
439 - target_name: targetName,
440 - interaction_result: config === null || config === void 0 || (_config$interactionRe = config.interactionResults) === null || _config$interactionRe === void 0 ? void 0 : _config$interactionRe.actionSelected,
441 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations3 = config.locations) === null || _config$locations3 === void 0 ? void 0 : _config$locations3.topBar),
442 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca = config.secondaryLocations) === null || _config$secondaryLoca === void 0 ? void 0 : _config$secondaryLoca.publishDropdown),
443 - location_l2: config === null || config === void 0 || (_config$targetTypes2 = config.targetTypes) === null || _config$targetTypes2 === void 0 ? void 0 : _config$targetTypes2.dropdownItem,
444 - interaction_description: 'User selected an action from the publish dropdown'
445 - }));
446 - }
447 - }, {
448 - key: "sendTopBarPageList",
449 - value: function sendTopBarPageList(targetName) {
450 - var _config$names2, _config$triggers2, _config$targetTypes3, _config$interactionRe2, _config$interactionRe3, _config$locations4, _config$secondaryLoca2, _config$targetTypes4;
451 - var isCreate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
452 - var config = this.getConfig();
453 - 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({
454 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers2 = config.triggers) === null || _config$triggers2 === void 0 ? void 0 : _config$triggers2.click),
455 - target_type: config === null || config === void 0 || (_config$targetTypes3 = config.targetTypes) === null || _config$targetTypes3 === void 0 ? void 0 : _config$targetTypes3.dropdownItem,
456 - target_name: targetName,
457 - 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,
458 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations4 = config.locations) === null || _config$locations4 === void 0 ? void 0 : _config$locations4.topBar),
459 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca2 = config.secondaryLocations) === null || _config$secondaryLoca2 === void 0 ? void 0 : _config$secondaryLoca2.pageListDropdown),
460 - location_l2: config === null || config === void 0 || (_config$targetTypes4 = config.targetTypes) === null || _config$targetTypes4 === void 0 ? void 0 : _config$targetTypes4.dropdownItem,
461 - interaction_description: 'User selected an action from the page list dropdown'
462 - }));
463 - }
464 - }, {
465 - key: "sendSiteSettingsSession",
466 - value: function sendSiteSettingsSession(_ref) {
467 - var _config$names3, _config$triggers3, _config$interactionRe4, _config$locations5, _config$secondaryLoca3;
468 - var targetType = _ref.targetType,
469 - _ref$visitedItems = _ref.visitedItems,
470 - visitedItems = _ref$visitedItems === void 0 ? [] : _ref$visitedItems,
471 - _ref$savedItems = _ref.savedItems,
472 - savedItems = _ref$savedItems === void 0 ? [] : _ref$savedItems,
473 - state = _ref.state;
474 - var config = this.getConfig();
475 - 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({
476 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers3 = config.triggers) === null || _config$triggers3 === void 0 ? void 0 : _config$triggers3.click),
477 - target_type: targetType,
478 - target_name: 'site_settings',
479 - interaction_result: config === null || config === void 0 || (_config$interactionRe4 = config.interactionResults) === null || _config$interactionRe4 === void 0 ? void 0 : _config$interactionRe4.sessionEnd,
480 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations5 = config.locations) === null || _config$locations5 === void 0 ? void 0 : _config$locations5.leftPanel),
481 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca3 = config.secondaryLocations) === null || _config$secondaryLoca3 === void 0 ? void 0 : _config$secondaryLoca3.siteSettings),
482 - interaction_description: 'Records areas visited as part of the site setting session',
483 - metadata: {
484 - visited_items: visitedItems,
485 - saved_items: savedItems
486 - },
487 - state: state
488 - }));
489 - }
490 - }, {
491 - key: "sendELibraryNav",
492 - value: function sendELibraryNav(tabName) {
493 - var _config$names4, _config$triggers4, _config$targetTypes5, _config$interactionRe5, _config$locations6, _config$secondaryLoca4;
494 - var config = this.getConfig();
495 - 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({
496 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers4 = config.triggers) === null || _config$triggers4 === void 0 ? void 0 : _config$triggers4.tabSelect),
497 - target_type: config === null || config === void 0 || (_config$targetTypes5 = config.targetTypes) === null || _config$targetTypes5 === void 0 ? void 0 : _config$targetTypes5.tab,
498 - target_name: this.toLowerSnake(tabName),
499 - interaction_result: config === null || config === void 0 || (_config$interactionRe5 = config.interactionResults) === null || _config$interactionRe5 === void 0 ? void 0 : _config$interactionRe5.tabChanged,
500 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations6 = config.locations) === null || _config$locations6 === void 0 ? void 0 : _config$locations6.elementorLibrary),
501 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca4 = config.secondaryLocations) === null || _config$secondaryLoca4 === void 0 ? void 0 : _config$secondaryLoca4.libraryTabs),
502 - interaction_description: 'User navigates within elementor library'
503 - }));
504 - }
505 - }, {
506 - key: "sendELibraryInsert",
507 - value: function sendELibraryInsert(_ref2) {
508 - var _config$triggers5, _config$targetTypes6, _config$interactionRe6, _config$locations7, _config$secondaryLoca5, _config$names5;
509 - var assetId = _ref2.assetId,
510 - assetName = _ref2.assetName,
511 - libraryType = _ref2.libraryType,
512 - _ref2$proRequired = _ref2.proRequired,
513 - proRequired = _ref2$proRequired === void 0 ? false : _ref2$proRequired;
514 - var config = this.getConfig();
515 - var payload = this.createBasePayload({
516 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers5 = config.triggers) === null || _config$triggers5 === void 0 ? void 0 : _config$triggers5.insert),
517 - target_type: config === null || config === void 0 || (_config$targetTypes6 = config.targetTypes) === null || _config$targetTypes6 === void 0 ? void 0 : _config$targetTypes6.button,
518 - target_name: String(assetId),
519 - interaction_result: config === null || config === void 0 || (_config$interactionRe6 = config.interactionResults) === null || _config$interactionRe6 === void 0 ? void 0 : _config$interactionRe6.assetInserted,
520 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations7 = config.locations) === null || _config$locations7 === void 0 ? void 0 : _config$locations7.elementorLibrary),
521 - location_l1: this.toLowerSnake(libraryType),
522 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca5 = config.secondaryLocations) === null || _config$secondaryLoca5 === void 0 ? void 0 : _config$secondaryLoca5.assetCard),
523 - interaction_description: 'User inserts block/pages from elementor library',
524 - metadata: {
525 - template_id: String(assetId),
526 - template_name: this.decodeHtmlEntities(assetName) || ''
527 - }
528 - });
529 - if (proRequired) {
530 - payload.state = 'pro_plan_required';
531 - }
532 - 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);
533 - }
534 - }, {
535 - key: "sendELibraryFavorite",
536 - value: function sendELibraryFavorite(_ref3) {
537 - var _config$triggers6, _config$targetTypes7, _config$interactionRe7, _config$locations8, _config$secondaryLoca6, _config$names6;
538 - var assetId = _ref3.assetId,
539 - assetName = _ref3.assetName,
540 - libraryType = _ref3.libraryType,
541 - isFavorite = _ref3.isFavorite,
542 - _ref3$proRequired = _ref3.proRequired,
543 - proRequired = _ref3$proRequired === void 0 ? false : _ref3$proRequired;
544 - var config = this.getConfig();
545 - var payload = this.createBasePayload({
546 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers6 = config.triggers) === null || _config$triggers6 === void 0 ? void 0 : _config$triggers6.click),
547 - target_type: config === null || config === void 0 || (_config$targetTypes7 = config.targetTypes) === null || _config$targetTypes7 === void 0 ? void 0 : _config$targetTypes7.toggle,
548 - target_name: String(assetId),
549 - interaction_result: config === null || config === void 0 || (_config$interactionRe7 = config.interactionResults) === null || _config$interactionRe7 === void 0 ? void 0 : _config$interactionRe7.assetFavorite,
550 - target_value: Boolean(isFavorite),
551 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations8 = config.locations) === null || _config$locations8 === void 0 ? void 0 : _config$locations8.elementorLibrary),
552 - location_l1: this.toLowerSnake(libraryType),
553 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca6 = config.secondaryLocations) === null || _config$secondaryLoca6 === void 0 ? void 0 : _config$secondaryLoca6.assetCard),
554 - interaction_description: 'User favorite block/pages from elementor library',
555 - metadata: {
556 - template_id: String(assetId),
557 - template_name: this.decodeHtmlEntities(assetName) || ''
558 - }
559 - });
560 - if (proRequired) {
561 - payload.state = 'pro_plan_required';
562 - }
563 - 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);
564 - }
565 - }, {
566 - key: "sendELibraryGenerateAi",
567 - value: function sendELibraryGenerateAi(_ref4) {
568 - var _config$names7, _config$triggers7, _config$targetTypes8, _config$interactionRe8, _config$locations9, _config$secondaryLoca7;
569 - var assetId = _ref4.assetId,
570 - assetName = _ref4.assetName,
571 - libraryType = _ref4.libraryType;
572 - var config = this.getConfig();
573 - 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({
574 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers7 = config.triggers) === null || _config$triggers7 === void 0 ? void 0 : _config$triggers7.click),
575 - target_type: config === null || config === void 0 || (_config$targetTypes8 = config.targetTypes) === null || _config$targetTypes8 === void 0 ? void 0 : _config$targetTypes8.button,
576 - target_name: String(assetId),
577 - interaction_result: config === null || config === void 0 || (_config$interactionRe8 = config.interactionResults) === null || _config$interactionRe8 === void 0 ? void 0 : _config$interactionRe8.aiGenerate,
578 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations9 = config.locations) === null || _config$locations9 === void 0 ? void 0 : _config$locations9.elementorLibrary),
579 - location_l1: this.toLowerSnake(libraryType),
580 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca7 = config.secondaryLocations) === null || _config$secondaryLoca7 === void 0 ? void 0 : _config$secondaryLoca7.assetCard),
581 - interaction_description: 'User generated block/page based on a library asset',
582 - metadata: {
583 - template_id: String(assetId),
584 - template_name: this.decodeHtmlEntities(assetName) || ''
585 - }
586 - }));
587 - }
588 - }, {
589 - key: "sendFinderSearchInput",
590 - value: function sendFinderSearchInput(_ref5) {
591 - var _config$triggers8, _config$targetTypes9, _config$interactionRe9, _config$interactionRe0, _config$secondaryLoca8, _config$names8;
592 - var resultsCount = _ref5.resultsCount,
593 - _ref5$searchTerm = _ref5.searchTerm,
594 - searchTerm = _ref5$searchTerm === void 0 ? null : _ref5$searchTerm;
595 - var config = this.getConfig();
596 - var hasResults = resultsCount > 0;
597 - var finderContext = this.getFinderContext();
598 - var payload = this.createBasePayload({
599 - window_name: finderContext.windowName,
600 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers8 = config.triggers) === null || _config$triggers8 === void 0 ? void 0 : _config$triggers8.typing),
601 - target_type: config === null || config === void 0 || (_config$targetTypes9 = config.targetTypes) === null || _config$targetTypes9 === void 0 ? void 0 : _config$targetTypes9.searchInput,
602 - target_name: 'finder',
603 - 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,
604 - target_location: finderContext.targetLocation,
605 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca8 = config.secondaryLocations) === null || _config$secondaryLoca8 === void 0 ? void 0 : _config$secondaryLoca8.finder),
606 - interaction_description: 'Finder search input, follows debounce behavior',
607 - metadata: {
608 - results_count: resultsCount
609 - }
610 - });
611 - if (!hasResults && searchTerm) {
612 - payload.metadata.search_term = searchTerm;
613 - }
614 - 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);
615 - }
616 - }, {
617 - key: "sendFinderResultSelect",
618 - value: function sendFinderResultSelect(choice) {
619 - var _config$names9, _config$triggers9, _config$targetTypes0, _config$interactionRe1, _config$secondaryLoca9, _config$secondaryLoca0;
620 - var config = this.getConfig();
621 - var finderContext = this.getFinderContext();
622 - 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({
623 - window_name: finderContext.windowName,
624 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers9 = config.triggers) === null || _config$triggers9 === void 0 ? void 0 : _config$triggers9.click),
625 - target_type: config === null || config === void 0 || (_config$targetTypes0 = config.targetTypes) === null || _config$targetTypes0 === void 0 ? void 0 : _config$targetTypes0.searchResult,
626 - target_name: choice,
627 - interaction_result: config === null || config === void 0 || (_config$interactionRe1 = config.interactionResults) === null || _config$interactionRe1 === void 0 ? void 0 : _config$interactionRe1.selected,
628 - target_location: finderContext.targetLocation,
629 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca9 = config.secondaryLocations) === null || _config$secondaryLoca9 === void 0 ? void 0 : _config$secondaryLoca9.finder),
630 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca0 = config.secondaryLocations) === null || _config$secondaryLoca0 === void 0 ? void 0 : _config$secondaryLoca0.finderResults),
631 - interaction_description: 'Finder search results was selected'
632 - }));
633 - }
634 - }, {
635 - key: "sendCanvasEmptyBoxAction",
636 - value: function sendCanvasEmptyBoxAction(_ref6) {
637 - var _config$triggers0, _config$targetTypes1, _config$interactionRe10, _config$locations0, _config$secondaryLoca1, _config$names0;
638 - var targetName = _ref6.targetName,
639 - _ref6$metadata = _ref6.metadata,
640 - metadata = _ref6$metadata === void 0 ? {} : _ref6$metadata,
641 - _ref6$containerCreate = _ref6.containerCreated,
642 - containerCreated = _ref6$containerCreate === void 0 ? null : _ref6$containerCreate;
643 - var config = this.getConfig();
644 - var payload = this.createBasePayload({
645 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers0 = config.triggers) === null || _config$triggers0 === void 0 ? void 0 : _config$triggers0.click),
646 - target_type: config === null || config === void 0 || (_config$targetTypes1 = config.targetTypes) === null || _config$targetTypes1 === void 0 ? void 0 : _config$targetTypes1.buttons,
647 - target_name: targetName,
648 - interaction_result: config === null || config === void 0 || (_config$interactionRe10 = config.interactionResults) === null || _config$interactionRe10 === void 0 ? void 0 : _config$interactionRe10.selected,
649 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations0 = config.locations) === null || _config$locations0 === void 0 ? void 0 : _config$locations0.canvas),
650 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca1 = config.secondaryLocations) === null || _config$secondaryLoca1 === void 0 ? void 0 : _config$secondaryLoca1.emptyBox),
651 - interaction_description: 'Empty box on canvas actions'
652 - });
653 - if (Object.keys(metadata).length > 0) {
654 - payload.metadata = metadata;
655 - }
656 - if (containerCreated !== null) {
657 - payload.state = containerCreated;
658 - }
659 - 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);
660 - }
661 - }, {
662 - key: "sendWidgetPanelSearch",
663 - value: function sendWidgetPanelSearch(_ref7) {
664 - var _config$triggers1, _config$targetTypes10, _config$interactionRe11, _config$interactionRe12, _config$locations1, _config$locations10, _config$secondaryLoca10, _config$names1;
665 - var resultsCount = _ref7.resultsCount,
666 - _ref7$userInput = _ref7.userInput,
667 - userInput = _ref7$userInput === void 0 ? null : _ref7$userInput;
668 - var config = this.getConfig();
669 - var hasResults = resultsCount > 0;
670 - var payload = this.createBasePayload({
671 - interaction_type: this.toLowerSnake(config === null || config === void 0 || (_config$triggers1 = config.triggers) === null || _config$triggers1 === void 0 ? void 0 : _config$triggers1.typing),
672 - target_type: config === null || config === void 0 || (_config$targetTypes10 = config.targetTypes) === null || _config$targetTypes10 === void 0 ? void 0 : _config$targetTypes10.searchWidget,
673 - target_name: 'search_widget',
674 - 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,
675 - target_location: this.toLowerSnake(config === null || config === void 0 || (_config$locations1 = config.locations) === null || _config$locations1 === void 0 ? void 0 : _config$locations1.leftPanel),
676 - location_l1: this.toLowerSnake(config === null || config === void 0 || (_config$locations10 = config.locations) === null || _config$locations10 === void 0 ? void 0 : _config$locations10.widgetPanel),
677 - location_l2: this.toLowerSnake(config === null || config === void 0 || (_config$secondaryLoca10 = config.secondaryLocations) === null || _config$secondaryLoca10 === void 0 ? void 0 : _config$secondaryLoca10.searchBar),
678 - interaction_description: 'Widget search input, follows debounce behavior'
679 - });
680 - if (!hasResults && userInput) {
681 - payload.metadata = {
682 - user_input: userInput
683 - };
684 - }
685 - 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);
686 - }
687 - }]);
688 -}();
689 -var createDebouncedFinderSearch = exports.createDebouncedFinderSearch = function createDebouncedFinderSearch() {
690 - var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 300;
691 - return _.debounce(function (resultsCount, searchTerm) {
692 - EditorOneEventManager.sendFinderSearchInput({
693 - resultsCount: resultsCount,
694 - searchTerm: searchTerm
695 - });
696 - }, delay);
697 -};
698 -var createDebouncedWidgetPanelSearch = exports.createDebouncedWidgetPanelSearch = function createDebouncedWidgetPanelSearch() {
699 - var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 2000;
700 - return _.debounce(function (resultsCount, userInput) {
701 - EditorOneEventManager.sendWidgetPanelSearch({
702 - resultsCount: resultsCount,
703 - userInput: userInput
704 - });
705 - }, delay);
706 -};
707 -var _default = exports["default"] = EditorOneEventManager;
708 -
709 -/***/ }),
710 -
711 -/***/ "../assets/dev/js/editor/utils/element-types.js":
712 -/*!******************************************************!*\
713 - !*** ../assets/dev/js/editor/utils/element-types.js ***!
714 - \******************************************************/
715 -/***/ ((module) => {
716 -
717 -"use strict";
718 -
719 -
720 -/**
721 - * Returns an array of all available element types.
722 - *
723 - * @return {string[]} Array of element type strings.
724 - */
725 -var getAllElementTypes = function getAllElementTypes() {
726 - return Object.keys(elementor.getConfig().elements);
727 -};
728 -module.exports = {
729 - getAllElementTypes: getAllElementTypes
730 -};
731 -
732 -/***/ }),
733 -
734 316 /***/ "../assets/dev/js/utils/react.js":
735 317 /*!***************************************!*\
736 318 !*** ../assets/dev/js/utils/react.js ***!
737 319 \***************************************/
@@ -747,9 +329,10 @@
747 329 exports["default"] = void 0;
748 330 var React = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
749 331 var ReactDOM = _interopRequireWildcard(__webpack_require__(/*! react-dom */ "react-dom"));
750 332 var _client = __webpack_require__(/*! react-dom/client */ "../node_modules/react-dom/client.js");
751 -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); }
333 +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); }
334 +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; }
752 335 /**
753 336 * Support conditional rendering of a React App to the DOM, based on the React version.
754 337 * We use `createRoot` when available, but fallback to `ReactDOM.render` for older versions.
755 338 *
@@ -783,12 +366,12 @@
783 366 };
784 367
785 368 /***/ }),
786 369
787 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js":
788 -/*!*******************************************************************************!*\
789 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js ***!
790 - \*******************************************************************************/
370 +/***/ "../modules/atomic-widgets/assets/js/editor/atomic-widget-type.js":
371 +/*!************************************************************************!*\
372 + !*** ../modules/atomic-widgets/assets/js/editor/atomic-widget-type.js ***!
373 + \************************************************************************/
791 374 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
792 375
793 376 "use strict";
794 377
@@ -796,108 +379,170 @@
796 379 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
797 380 Object.defineProperty(exports, "__esModule", ({
798 381 value: true
799 382 }));
800 -exports["default"] = void 0;
383 +exports.AtomicWidgetType = void 0;
801 384 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
802 385 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
803 386 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
804 387 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
388 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
389 +var _atomicWidgetView = __webpack_require__(/*! ./atomic-widget-view */ "../modules/atomic-widgets/assets/js/editor/atomic-widget-view.js");
390 +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)); }
391 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
392 +function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
393 +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
394 +function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
395 +function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
396 +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
397 +var _type = /*#__PURE__*/new WeakMap();
398 +var AtomicWidgetType = exports.AtomicWidgetType = /*#__PURE__*/function (_elementor$modules$el) {
399 + function AtomicWidgetType(type) {
400 + var _this;
401 + (0, _classCallCheck2.default)(this, AtomicWidgetType);
402 + _this = _callSuper(this, AtomicWidgetType);
403 + _classPrivateFieldInitSpec(_this, _type, void 0);
404 + _classPrivateFieldSet(_type, _this, type);
405 + return _this;
406 + }
407 + (0, _inherits2.default)(AtomicWidgetType, _elementor$modules$el);
408 + return (0, _createClass2.default)(AtomicWidgetType, [{
409 + key: "getType",
410 + value: function getType() {
411 + return _classPrivateFieldGet(_type, this);
412 + }
413 + }, {
414 + key: "getView",
415 + value: function getView() {
416 + return _atomicWidgetView.AtomicWidgetView;
417 + }
418 + }]);
419 +}(elementor.modules.elements.types.Widget);
420 +
421 +/***/ }),
422 +
423 +/***/ "../modules/atomic-widgets/assets/js/editor/atomic-widget-view.js":
424 +/*!************************************************************************!*\
425 + !*** ../modules/atomic-widgets/assets/js/editor/atomic-widget-view.js ***!
426 + \************************************************************************/
427 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
428 +
429 +"use strict";
430 +
431 +
432 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
433 +Object.defineProperty(exports, "__esModule", ({
434 + value: true
435 +}));
436 +exports.AtomicWidgetView = void 0;
437 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
438 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
439 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
440 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
441 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
442 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
805 443 var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js"));
806 444 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
445 +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; }
446 +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; }
807 447 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)); }
808 448 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
809 449 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; }
810 -var AtomicElementBaseModel = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
811 - function AtomicElementBaseModel() {
812 - (0, _classCallCheck2.default)(this, AtomicElementBaseModel);
813 - return _callSuper(this, AtomicElementBaseModel, arguments);
450 +function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
451 +function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
452 +function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
453 +var _AtomicWidgetView_brand = /*#__PURE__*/new WeakSet();
454 +var AtomicWidgetView = exports.AtomicWidgetView = /*#__PURE__*/function (_elementor$modules$el) {
455 + function AtomicWidgetView() {
456 + var _this;
457 + (0, _classCallCheck2.default)(this, AtomicWidgetView);
458 + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
459 + args[_key] = arguments[_key];
460 + }
461 + _this = _callSuper(this, AtomicWidgetView, [].concat(args));
462 + _classPrivateMethodInitSpec(_this, _AtomicWidgetView_brand);
463 + return _this;
814 464 }
815 - (0, _inherits2.default)(AtomicElementBaseModel, _elementor$modules$el);
816 - return (0, _createClass2.default)(AtomicElementBaseModel, [{
817 - key: "isValidChild",
465 + (0, _inherits2.default)(AtomicWidgetView, _elementor$modules$el);
466 + return (0, _createClass2.default)(AtomicWidgetView, [{
467 + key: "onRender",
818 468 value:
819 - /**
820 - * Do not allow section, column or container be placed in the Atomic container.
821 - *
822 - * @param {*} childModel
823 - */
824 - function isValidChild(childModel) {
825 - var elType = childModel.get('elType');
826 - return 'section' !== elType && 'column' !== elType;
469 + // Dispatch `render` event so the overlay layer will be updated
470 + function onRender() {
471 + for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
472 + args[_key2] = arguments[_key2];
473 + }
474 + _superPropGet(AtomicWidgetView, "onRender", this, 3)(args);
475 + _assertClassBrand(_AtomicWidgetView_brand, this, _dispatchEvent).call(this, 'elementor/preview/atomic-widget/render');
827 476 }
477 +
478 + // Dispatch `destroy` event so the overlay layer will be updated
828 479 }, {
829 - key: "initialize",
830 - value: function initialize(attributes, options) {
831 - var _this$config;
832 - var elementType = this.get('elType');
833 - this.config = elementor.config.elements[elementType];
834 - if ((_this$config = this.config) !== null && _this$config !== void 0 && (_this$config = _this$config.meta) !== null && _this$config !== void 0 && _this$config.permanently_locked) {
835 - this.set('isLocked', true);
480 + key: "onDestroy",
481 + value: function onDestroy() {
482 + for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
483 + args[_key3] = arguments[_key3];
836 484 }
837 - var isNewElementCreate = 0 === this.get('elements').length && $e.commands.currentTrace.includes('document/elements/create');
838 - if (isNewElementCreate) {
839 - this.onElementCreate();
840 - }
841 - _superPropGet(AtomicElementBaseModel, "initialize", this, 3)([attributes, options]);
485 + _superPropGet(AtomicWidgetView, "onDestroy", this, 3)(args);
486 + _assertClassBrand(_AtomicWidgetView_brand, this, _dispatchEvent).call(this, 'elementor/preview/atomic-widget/destroy');
842 487 }
488 +
489 + // Removes behaviors that are not needed for atomic widgets (that are implemented in the overlay layer).
843 490 }, {
844 - key: "getDefaultChildren",
845 - value: function getDefaultChildren() {
846 - var defaultChildren = this.config.default_children;
847 - return this.modifyDefaultChildren(defaultChildren);
491 + key: "behaviors",
492 + value: function behaviors() {
493 + var disabledBehaviors = ['InlineEditing', 'Draggable', 'Resizable'];
494 + var behaviorsAsEntries = Object.entries(_superPropGet(AtomicWidgetView, "behaviors", this, 3)([])).filter(function (_ref) {
495 + var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
496 + key = _ref2[0];
497 + return !disabledBehaviors.includes(key);
498 + });
499 + return Object.fromEntries(behaviorsAsEntries);
848 500 }
501 +
502 + // Change the drag handle because the $el is not the draggable element (`display: contents`).
849 503 }, {
850 - key: "onElementCreate",
851 - value: function onElementCreate() {
852 - var _this = this;
853 - if (this.get('skipDefaultChildren')) {
854 - this.unset('skipDefaultChildren', {
855 - silent: true
856 - });
857 - return;
858 - }
859 - this.set('elements', this.getDefaultChildren().map(function (element) {
860 - return _this.buildElement(element);
861 - }));
504 + key: "getDraggableElement",
505 + value: function getDraggableElement() {
506 + return this.$el.find(':first-child');
862 507 }
508 +
509 + // Remove the overlay, so we can use the new overlay layer.
863 510 }, {
864 - key: "modifyDefaultChildren",
865 - value: function modifyDefaultChildren(element) {
866 - return element;
511 + key: "getHandlesOverlay",
512 + value: function getHandlesOverlay() {
513 + return null;
867 514 }
868 515 }, {
869 - key: "buildElement",
870 - value: function buildElement(element) {
871 - var _this2 = this,
872 - _element$settings;
873 - var id = elementorCommon.helpers.getUniqueId();
874 - var elements = (element.elements || []).map(function (el) {
875 - return _this2.buildElement(el);
516 + key: "attributes",
517 + value: function attributes() {
518 + return _objectSpread(_objectSpread({}, _superPropGet(AtomicWidgetView, "attributes", this, 3)([])), {}, {
519 + // Mark the widget as atomic, so the overlay layer can identify it.
520 + 'data-atomic': '',
521 + // Make the wrapper non-existent in terms of CSS to mimic the frontend DOM tree.
522 + style: 'display: contents !important;'
876 523 });
877 - return {
878 - elType: element.elType,
879 - widgetType: element.widgetType,
880 - id: id,
881 - settings: (_element$settings = element.settings) !== null && _element$settings !== void 0 ? _element$settings : {},
882 - elements: elements,
883 - isLocked: element.isLocked || false,
884 - editor_settings: element.editor_settings || {},
885 - meta: element.meta || {}
886 - };
887 524 }
888 525 }]);
889 -}(elementor.modules.elements.models.Element);
526 +}(elementor.modules.elements.views.Widget);
527 +function _dispatchEvent(type) {
528 + window.top.dispatchEvent(new CustomEvent(type, {
529 + detail: {
530 + id: this.model.get('id')
531 + }
532 + }));
533 +}
890 534
891 535 /***/ }),
892 536
893 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-type.js":
894 -/*!******************************************************************************!*\
895 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-base-type.js ***!
896 - \******************************************************************************/
537 +/***/ "../modules/atomic-widgets/assets/js/editor/commands-internal/create-style.js":
538 +/*!************************************************************************************!*\
539 + !*** ../modules/atomic-widgets/assets/js/editor/commands-internal/create-style.js ***!
540 + \************************************************************************************/
897 541 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
898 542
899 543 "use strict";
544 +/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"];
900 545
901 546
902 547 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
903 548 Object.defineProperty(exports, "__esModule", ({
@@ -902,101 +547,233 @@
902 547 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
903 548 Object.defineProperty(exports, "__esModule", ({
904 549 value: true
905 550 }));
906 -exports["default"] = void 0;
551 +exports["default"] = exports.CreateStyle = void 0;
552 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
553 +var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
907 554 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
908 555 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
909 556 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
910 557 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
911 558 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
559 +var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
560 +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; }
561 +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; }
912 562 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)); }
913 563 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
914 -var AtomicElementBaseType = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
915 - function AtomicElementBaseType(elementType, viewClass) {
916 - var _this;
917 - var modelClass = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
918 - var emptyViewClass = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
919 - (0, _classCallCheck2.default)(this, AtomicElementBaseType);
920 - _this = _callSuper(this, AtomicElementBaseType);
921 - _this.elementType = elementType;
922 - _this.viewClass = viewClass;
923 - _this.modelClass = modelClass;
924 - _this.emptyViewClass = emptyViewClass;
925 - return _this;
564 +var PROP_TYPE_CLASSES = 'classes';
565 +
566 +/**
567 + * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
568 + */
569 +var CreateStyle = exports.CreateStyle = /*#__PURE__*/function (_$e$modules$editor$Co) {
570 + function CreateStyle() {
571 + (0, _classCallCheck2.default)(this, CreateStyle);
572 + return _callSuper(this, CreateStyle, arguments);
926 573 }
927 - (0, _inherits2.default)(AtomicElementBaseType, _elementor$modules$el);
928 - return (0, _createClass2.default)(AtomicElementBaseType, [{
929 - key: "getType",
930 - value: function getType() {
931 - return this.elementType;
574 + (0, _inherits2.default)(CreateStyle, _$e$modules$editor$Co);
575 + return (0, _createClass2.default)(CreateStyle, [{
576 + key: "validateArgs",
577 + value: function validateArgs(args) {
578 + this.requireContainer(args);
579 + this.requireArgumentConstructor('bind', String, args);
580 + if ('label' in args) {
581 + var isValidLabel = 'string' === typeof args.label && args.label.length > 0;
582 + if (!isValidLabel) {
583 + throw new Error('Invalid label arg');
584 + }
585 + }
932 586 }
933 587 }, {
934 - key: "getView",
935 - value: function getView() {
936 - return this.viewClass;
588 + key: "randomId",
589 + value: function randomId(containerId) {
590 + return "s-".concat(containerId, "-").concat(elementorCommon.helpers.getUniqueId());
937 591 }
938 592 }, {
939 - key: "getEmptyView",
940 - value: function getEmptyView() {
941 - return this.emptyViewClass || elementor.modules.elements.views.EmptyComponent;
593 + key: "apply",
594 + value: function apply(args) {
595 + var _container$settings$g;
596 + var container = args.container,
597 + styleDefID = args.styleDefID,
598 + bind = args.bind,
599 + label = args.label;
600 + var oldStyles = container.model.get('styles') || {};
601 + var newStyle = {
602 + id: styleDefID !== null && styleDefID !== void 0 ? styleDefID : this.randomId(container.id),
603 + /* Translators: 1: container label, 2: number of old styles */
604 + label: label !== null && label !== void 0 ? label : sprintf((0, _i18n.__)('%1$s Style %2$s', 'elementor'), container.label, Object.keys(oldStyles).length + 1),
605 + type: 'class',
606 + variants: []
607 + };
608 + var oldBindSetting = (_container$settings$g = container.settings.get(bind)) !== null && _container$settings$g !== void 0 ? _container$settings$g : {
609 + $$type: PROP_TYPE_CLASSES,
610 + value: []
611 + };
612 + if (oldBindSetting.$$type !== PROP_TYPE_CLASSES || !Array.isArray(oldBindSetting.value)) {
613 + throw new Error('Invalid bind setting prop type');
614 + }
615 + var newBindSetting = (0, _defineProperty2.default)({}, bind, {
616 + $$type: PROP_TYPE_CLASSES,
617 + value: [].concat((0, _toConsumableArray2.default)(oldBindSetting.value), [newStyle.id])
618 + });
619 + $e.internal('document/elements/set-settings', {
620 + container: container,
621 + settings: newBindSetting
622 + });
623 + var newStyles = _objectSpread(_objectSpread({}, oldStyles), {}, (0, _defineProperty2.default)({}, newStyle.id, newStyle));
624 + container.model.set('styles', newStyles);
625 + return newStyle;
942 626 }
943 - }, {
944 - key: "getModel",
945 - value: function getModel() {
946 - return this.modelClass || elementor.modules.elements.models.AtomicElementBase;
947 - }
948 627 }]);
949 -}(elementor.modules.elements.types.Base);
628 +}($e.modules.editor.CommandContainerInternalBase);
629 +var _default = exports["default"] = CreateStyle;
950 630
951 631 /***/ }),
952 632
953 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-div-block-type.js":
954 -/*!************************************************************************************************!*\
955 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-div-block-type.js ***!
956 - \************************************************************************************************/
957 -/***/ ((__unused_webpack_module, exports) => {
633 +/***/ "../modules/atomic-widgets/assets/js/editor/commands-internal/create-variant.js":
634 +/*!**************************************************************************************!*\
635 + !*** ../modules/atomic-widgets/assets/js/editor/commands-internal/create-variant.js ***!
636 + \**************************************************************************************/
637 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
958 638
959 639 "use strict";
960 640
961 641
642 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
962 643 Object.defineProperty(exports, "__esModule", ({
963 644 value: true
964 645 }));
965 -exports["default"] = void 0;
966 -var createDivBlockType = function createDivBlockType() {
967 - var DivBlockView = elementor.modules.elements.views.createAtomicElementBase('e-div-block');
968 - return new elementor.modules.elements.types.AtomicElementBase('e-div-block', DivBlockView);
969 -};
970 -var _default = exports["default"] = createDivBlockType;
646 +exports["default"] = exports.CreateVariant = void 0;
647 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
648 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
649 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
650 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
651 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
652 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
653 +var _getVariants = __webpack_require__(/*! ../utils/get-variants */ "../modules/atomic-widgets/assets/js/editor/utils/get-variants.js");
654 +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; }
655 +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; }
656 +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)); }
657 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
658 +/**
659 + * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
660 + */
661 +var CreateVariant = exports.CreateVariant = /*#__PURE__*/function (_$e$modules$editor$Co) {
662 + function CreateVariant() {
663 + (0, _classCallCheck2.default)(this, CreateVariant);
664 + return _callSuper(this, CreateVariant, arguments);
665 + }
666 + (0, _inherits2.default)(CreateVariant, _$e$modules$editor$Co);
667 + return (0, _createClass2.default)(CreateVariant, [{
668 + key: "validateArgs",
669 + value: function validateArgs(args) {
670 + this.requireContainer(args);
671 + this.requireArgumentConstructor('styleDefID', String, args);
672 + this.requireArgumentConstructor('meta', Object, args);
673 + if (!('breakpoint' in args.meta && 'state' in args.meta)) {
674 + throw new Error('Invalid meta arg');
675 + }
676 + }
677 + }, {
678 + key: "apply",
679 + value: function apply(args) {
680 + var container = args.container,
681 + styleDefID = args.styleDefID,
682 + meta = args.meta;
683 + var oldStyles = container.model.get('styles') || {};
684 + if (!oldStyles[styleDefID]) {
685 + throw new Error('Style Def not found');
686 + }
687 + var style = oldStyles[styleDefID];
688 + if ((0, _getVariants.getVariantByMeta)(style.variants, meta)) {
689 + throw new Error('Style Variant already exits');
690 + }
691 + style.variants.push({
692 + meta: meta,
693 + props: {}
694 + });
695 + var newStyles = _objectSpread(_objectSpread({}, oldStyles), {}, (0, _defineProperty2.default)({}, styleDefID, style));
696 + container.model.set('styles', newStyles);
697 + }
698 + }]);
699 +}($e.modules.editor.CommandContainerInternalBase);
700 +var _default = exports["default"] = CreateVariant;
971 701
972 702 /***/ }),
973 703
974 -/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js":
975 -/*!**********************************************************************************************!*\
976 - !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js ***!
977 - \**********************************************************************************************/
978 -/***/ ((__unused_webpack_module, exports) => {
704 +/***/ "../modules/atomic-widgets/assets/js/editor/commands-internal/delete-style.js":
705 +/*!************************************************************************************!*\
706 + !*** ../modules/atomic-widgets/assets/js/editor/commands-internal/delete-style.js ***!
707 + \************************************************************************************/
708 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
979 709
980 710 "use strict";
981 711
982 712
713 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
983 714 Object.defineProperty(exports, "__esModule", ({
984 715 value: true
985 716 }));
986 -exports["default"] = void 0;
987 -var createFlexboxType = function createFlexboxType() {
988 - var FlexboxView = elementor.modules.elements.views.createAtomicElementBase('e-flexbox');
989 - return new elementor.modules.elements.types.AtomicElementBase('e-flexbox', FlexboxView);
990 -};
991 -var _default = exports["default"] = createFlexboxType;
717 +exports["default"] = exports.DeleteStyle = void 0;
718 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
719 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
720 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
721 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
722 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
723 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
724 +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)); }
725 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
726 +/**
727 + * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
728 + */
729 +var DeleteStyle = exports.DeleteStyle = /*#__PURE__*/function (_$e$modules$editor$Co) {
730 + function DeleteStyle() {
731 + (0, _classCallCheck2.default)(this, DeleteStyle);
732 + return _callSuper(this, DeleteStyle, arguments);
733 + }
734 + (0, _inherits2.default)(DeleteStyle, _$e$modules$editor$Co);
735 + return (0, _createClass2.default)(DeleteStyle, [{
736 + key: "validateArgs",
737 + value: function validateArgs(args) {
738 + this.requireContainer(args);
739 + this.requireArgumentConstructor('styleDefID', String, args);
740 + this.requireArgumentConstructor('bind', String, args);
741 + }
742 + }, {
743 + key: "apply",
744 + value: function apply(args) {
745 + var container = args.container,
746 + styleDefID = args.styleDefID,
747 + bind = args.bind;
748 + var oldBindSetting = container.settings.get(bind);
749 + if (!oldBindSetting) {
750 + throw new Error('Setting not found');
751 + }
752 + var newBindSetting = (0, _defineProperty2.default)({}, bind, {
753 + $$type: 'classes',
754 + value: oldBindSetting.value.filter(function (id) {
755 + return id !== styleDefID;
756 + })
757 + });
758 + $e.internal('document/elements/set-settings', {
759 + container: container,
760 + settings: newBindSetting
761 + });
762 + var styles = container.model.get('styles') || {};
763 + delete styles[styleDefID];
764 + container.model.set('styles', styles);
765 + }
766 + }]);
767 +}($e.modules.editor.CommandContainerInternalBase);
768 +var _default = exports["default"] = DeleteStyle;
992 769
993 770 /***/ }),
994 771
995 -/***/ "../modules/atomic-widgets/assets/js/editor/component.js":
996 -/*!***************************************************************!*\
997 - !*** ../modules/atomic-widgets/assets/js/editor/component.js ***!
998 - \***************************************************************/
772 +/***/ "../modules/atomic-widgets/assets/js/editor/commands-internal/delete-variant.js":
773 +/*!**************************************************************************************!*\
774 + !*** ../modules/atomic-widgets/assets/js/editor/commands-internal/delete-variant.js ***!
775 + \**************************************************************************************/
999 776 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1000 777
1001 778 "use strict";
1002 779
@@ -1001,126 +778,228 @@
1001 778 "use strict";
1002 779
1003 780
1004 781 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1005 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
1006 782 Object.defineProperty(exports, "__esModule", ({
1007 783 value: true
1008 784 }));
1009 -exports["default"] = void 0;
785 +exports["default"] = exports.DeleteVariant = void 0;
786 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1010 787 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1011 788 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1012 789 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1013 790 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1014 791 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1015 -var hooks = _interopRequireWildcard(__webpack_require__(/*! ./hooks */ "../modules/atomic-widgets/assets/js/editor/hooks/index.js"));
1016 -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); }
792 +var _getVariants = __webpack_require__(/*! ../utils/get-variants */ "../modules/atomic-widgets/assets/js/editor/utils/get-variants.js");
793 +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; }
794 +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; }
1017 795 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)); }
1018 796 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1019 -var Component = exports["default"] = /*#__PURE__*/function (_$e$modules$Component) {
1020 - function Component() {
1021 - (0, _classCallCheck2.default)(this, Component);
1022 - return _callSuper(this, Component, arguments);
797 +/**
798 + * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
799 + */
800 +var DeleteVariant = exports.DeleteVariant = /*#__PURE__*/function (_$e$modules$editor$Co) {
801 + function DeleteVariant() {
802 + (0, _classCallCheck2.default)(this, DeleteVariant);
803 + return _callSuper(this, DeleteVariant, arguments);
1023 804 }
1024 - (0, _inherits2.default)(Component, _$e$modules$Component);
1025 - return (0, _createClass2.default)(Component, [{
1026 - key: "getNamespace",
1027 - value: function getNamespace() {
1028 - return 'document/atomic-widgets';
805 + (0, _inherits2.default)(DeleteVariant, _$e$modules$editor$Co);
806 + return (0, _createClass2.default)(DeleteVariant, [{
807 + key: "validateArgs",
808 + value: function validateArgs(args) {
809 + this.requireContainer(args);
810 + this.requireArgumentConstructor('styleDefID', String, args);
811 + this.requireArgumentConstructor('meta', Object, args);
812 + if (!('breakpoint' in args.meta && 'state' in args.meta)) {
813 + throw new Error('Invalid meta arg');
814 + }
1029 815 }
1030 816 }, {
1031 - key: "defaultHooks",
1032 - value: function defaultHooks() {
1033 - return this.importHooks(hooks);
817 + key: "apply",
818 + value: function apply(args) {
819 + var container = args.container,
820 + styleDefID = args.styleDefID,
821 + meta = args.meta;
822 + var oldStyles = container.model.get('styles') || {};
823 + var style = {};
824 + if (!oldStyles[styleDefID]) {
825 + throw new Error('Style Def not found');
826 + }
827 + style = oldStyles[styleDefID];
828 + style.variants = (0, _getVariants.getVariantsWithoutMeta)(style.variants, meta);
829 + var newStyles = _objectSpread(_objectSpread({}, oldStyles), {}, (0, _defineProperty2.default)({}, style.id, style));
830 + container.model.set('styles', newStyles);
1034 831 }
1035 832 }]);
1036 -}($e.modules.ComponentBase);
833 +}($e.modules.editor.CommandContainerInternalBase);
834 +var _default = exports["default"] = DeleteVariant;
1037 835
1038 836 /***/ }),
1039 837
1040 -/***/ "../modules/atomic-widgets/assets/js/editor/container/atomic-element-empty-view.js":
1041 -/*!*****************************************************************************************!*\
1042 - !*** ../modules/atomic-widgets/assets/js/editor/container/atomic-element-empty-view.js ***!
1043 - \*****************************************************************************************/
838 +/***/ "../modules/atomic-widgets/assets/js/editor/commands-internal/index.js":
839 +/*!*****************************************************************************!*\
840 + !*** ../modules/atomic-widgets/assets/js/editor/commands-internal/index.js ***!
841 + \*****************************************************************************/
1044 842 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1045 843
1046 844 "use strict";
1047 845
1048 846
847 +Object.defineProperty(exports, "__esModule", ({
848 + value: true
849 +}));
850 +Object.defineProperty(exports, "CreateStyle", ({
851 + enumerable: true,
852 + get: function get() {
853 + return _createStyle.CreateStyle;
854 + }
855 +}));
856 +Object.defineProperty(exports, "CreateVariant", ({
857 + enumerable: true,
858 + get: function get() {
859 + return _createVariant.CreateVariant;
860 + }
861 +}));
862 +Object.defineProperty(exports, "DeleteStyle", ({
863 + enumerable: true,
864 + get: function get() {
865 + return _deleteStyle.DeleteStyle;
866 + }
867 +}));
868 +Object.defineProperty(exports, "DeleteVariant", ({
869 + enumerable: true,
870 + get: function get() {
871 + return _deleteVariant.DeleteVariant;
872 + }
873 +}));
874 +Object.defineProperty(exports, "UpdateProps", ({
875 + enumerable: true,
876 + get: function get() {
877 + return _updateProps.UpdateProps;
878 + }
879 +}));
880 +var _updateProps = __webpack_require__(/*! ./update-props */ "../modules/atomic-widgets/assets/js/editor/commands-internal/update-props.js");
881 +var _createStyle = __webpack_require__(/*! ./create-style */ "../modules/atomic-widgets/assets/js/editor/commands-internal/create-style.js");
882 +var _deleteStyle = __webpack_require__(/*! ./delete-style */ "../modules/atomic-widgets/assets/js/editor/commands-internal/delete-style.js");
883 +var _createVariant = __webpack_require__(/*! ./create-variant */ "../modules/atomic-widgets/assets/js/editor/commands-internal/create-variant.js");
884 +var _deleteVariant = __webpack_require__(/*! ./delete-variant */ "../modules/atomic-widgets/assets/js/editor/commands-internal/delete-variant.js");
885 +
886 +/***/ }),
887 +
888 +/***/ "../modules/atomic-widgets/assets/js/editor/commands-internal/update-props.js":
889 +/*!************************************************************************************!*\
890 + !*** ../modules/atomic-widgets/assets/js/editor/commands-internal/update-props.js ***!
891 + \************************************************************************************/
892 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
893 +
894 +"use strict";
895 +
896 +
1049 897 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1050 898 Object.defineProperty(exports, "__esModule", ({
1051 899 value: true
1052 900 }));
1053 -exports["default"] = void 0;
1054 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
901 +exports["default"] = exports.UpdateProps = void 0;
902 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1055 903 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1056 904 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1057 905 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1058 906 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1059 907 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1060 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1061 -var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
1062 -var _emptyComponent = _interopRequireDefault(__webpack_require__(/*! elementor-elements/views/container/empty-component */ "../assets/dev/js/editor/elements/views/container/empty-component.js"));
908 +var _getVariants = __webpack_require__(/*! ../utils/get-variants */ "../modules/atomic-widgets/assets/js/editor/utils/get-variants.js");
1063 909 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)); }
1064 910 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1065 -var AtomicElementEmptyView = exports["default"] = /*#__PURE__*/function (_Marionette$ItemView) {
1066 - function AtomicElementEmptyView() {
1067 - var _this;
1068 - (0, _classCallCheck2.default)(this, AtomicElementEmptyView);
1069 - for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1070 - args[_key] = arguments[_key];
1071 - }
1072 - _this = _callSuper(this, AtomicElementEmptyView, [].concat(args));
1073 - (0, _defineProperty2.default)(_this, "template", '<div></div>');
1074 - (0, _defineProperty2.default)(_this, "className", 'elementor-empty-view');
1075 - (0, _defineProperty2.default)(_this, "unmount", null);
1076 - return _this;
911 +/**
912 + * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
913 + */
914 +var UpdateProps = exports.UpdateProps = /*#__PURE__*/function (_$e$modules$editor$Co) {
915 + function UpdateProps() {
916 + (0, _classCallCheck2.default)(this, UpdateProps);
917 + return _callSuper(this, UpdateProps, arguments);
1077 918 }
1078 - (0, _inherits2.default)(AtomicElementEmptyView, _Marionette$ItemView);
1079 - return (0, _createClass2.default)(AtomicElementEmptyView, [{
1080 - key: "renderReactDefaultElement",
1081 - value: function renderReactDefaultElement(container) {
1082 - var _ReactUtils$render = _react2.default.render(/*#__PURE__*/_react.default.createElement(_emptyComponent.default, {
1083 - container: container
1084 - }), this.el),
1085 - unmount = _ReactUtils$render.unmount;
1086 - this.unmount = unmount;
1087 - }
1088 - }, {
1089 - key: "onBeforeRender",
1090 - value: function onBeforeRender() {
1091 - // In case the element is being rendered again, we need to unmount the previous React component.
1092 - if (this.unmount) {
1093 - this.unmount();
1094 - this.unmount = null;
919 + (0, _inherits2.default)(UpdateProps, _$e$modules$editor$Co);
920 + return (0, _createClass2.default)(UpdateProps, [{
921 + key: "validateArgs",
922 + value: function validateArgs(args) {
923 + this.requireContainer(args);
924 + this.requireArgumentConstructor('styleDefID', String, args);
925 + this.requireArgumentConstructor('meta', Object, args);
926 + this.requireArgumentConstructor('props', Object, args);
927 + if (!('breakpoint' in args.meta && 'state' in args.meta)) {
928 + throw new Error('Invalid meta arg');
1095 929 }
930 + if (0 === Object.keys(args.props).length) {
931 + throw new Error('Props are empty');
932 + }
1096 933 }
1097 934 }, {
1098 - key: "onRender",
1099 - value: function onRender() {
1100 - this.$el.addClass(this.className);
1101 - this.renderReactDefaultElement();
935 + key: "updateExistingVariant",
936 + value: function updateExistingVariant(variant, props) {
937 + Object.entries(props).forEach(function (_ref) {
938 + var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
939 + key = _ref2[0],
940 + value = _ref2[1];
941 + if (null === value || undefined === value) {
942 + delete variant.props[key];
943 + return;
944 + }
945 + variant.props[key] = value;
946 + });
1102 947 }
1103 948 }, {
1104 - key: "onDestroy",
1105 - value: function onDestroy() {
1106 - var _this$unmount;
1107 - (_this$unmount = this.unmount) === null || _this$unmount === void 0 || _this$unmount.call(this);
949 + key: "apply",
950 + value: function apply(args) {
951 + var container = args.container,
952 + styleDefID = args.styleDefID,
953 + meta = args.meta,
954 + props = args.props;
955 + var styles = container.model.get('styles') || {};
956 + var style = styles[styleDefID];
957 + if (!style) {
958 + throw new Error('Style Def not found');
959 + }
960 + var variant = (0, _getVariants.getVariantByMeta)(style.variants, meta);
961 + if (!variant) {
962 + throw new Error('Style Variant not found');
963 + }
964 + this.updateExistingVariant(variant, props);
1108 965 }
1109 966 }]);
1110 -}(Marionette.ItemView);
967 +}($e.modules.editor.CommandContainerInternalBase);
968 +var _default = exports["default"] = UpdateProps;
1111 969
1112 970 /***/ }),
1113 971
1114 -/***/ "../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js":
1115 -/*!*************************************************************************************!*\
1116 - !*** ../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js ***!
1117 - \*************************************************************************************/
972 +/***/ "../modules/atomic-widgets/assets/js/editor/commands/index.js":
973 +/*!********************************************************************!*\
974 + !*** ../modules/atomic-widgets/assets/js/editor/commands/index.js ***!
975 + \********************************************************************/
1118 976 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1119 977
1120 978 "use strict";
979 +
980 +
981 +Object.defineProperty(exports, "__esModule", ({
982 + value: true
983 +}));
984 +Object.defineProperty(exports, "Styles", ({
985 + enumerable: true,
986 + get: function get() {
987 + return _styles.Styles;
988 + }
989 +}));
990 +var _styles = __webpack_require__(/*! ./styles */ "../modules/atomic-widgets/assets/js/editor/commands/styles.js");
991 +
992 +/***/ }),
993 +
994 +/***/ "../modules/atomic-widgets/assets/js/editor/commands/styles.js":
995 +/*!*********************************************************************!*\
996 + !*** ../modules/atomic-widgets/assets/js/editor/commands/styles.js ***!
997 + \*********************************************************************/
998 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
999 +
1000 +"use strict";
1121 1001 /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
1122 -/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"];
1123 1002
1124 1003
1125 1004 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1126 1005 Object.defineProperty(exports, "__esModule", ({
@@ -1125,506 +1004,221 @@
1125 1004 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1126 1005 Object.defineProperty(exports, "__esModule", ({
1127 1006 value: true
1128 1007 }));
1129 -exports["default"] = createAtomicElementBaseView;
1130 -var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
1131 -var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
1132 -var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1133 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1134 -var _elementTypes = __webpack_require__(/*! elementor-editor/utils/element-types */ "../assets/dev/js/editor/utils/element-types.js");
1135 -var _atomicElementEmptyView = _interopRequireDefault(__webpack_require__(/*! ./container/atomic-element-empty-view */ "../modules/atomic-widgets/assets/js/editor/container/atomic-element-empty-view.js"));
1136 -var BaseElementView = elementor.modules.elements.views.BaseElement;
1137 -function createAtomicElementBaseView(type) {
1138 - var AtomicElementView = BaseElementView.extend({
1139 - template: Marionette.TemplateCache.get("#tmpl-elementor-".concat(type, "-content")),
1140 - emptyView: _atomicElementEmptyView.default,
1141 - _childrenRenderPromises: [],
1142 - _createElement: function _createElement(tag) {
1143 - var _elementor$$preview;
1144 - 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;
1145 - if (previewDocument) {
1146 - return previewDocument.createElement(tag);
1008 +exports["default"] = exports.Styles = void 0;
1009 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1010 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1011 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1012 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1013 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1014 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1015 +var _getVariants = __webpack_require__(/*! ../utils/get-variants */ "../modules/atomic-widgets/assets/js/editor/utils/get-variants.js");
1016 +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; }
1017 +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; }
1018 +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)); }
1019 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1020 +/**
1021 + * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
1022 + */
1023 +var Styles = exports.Styles = /*#__PURE__*/function (_$e$modules$editor$do) {
1024 + function Styles() {
1025 + (0, _classCallCheck2.default)(this, Styles);
1026 + return _callSuper(this, Styles, arguments);
1027 + }
1028 + (0, _inherits2.default)(Styles, _$e$modules$editor$do);
1029 + return (0, _createClass2.default)(Styles, [{
1030 + key: "validateArgs",
1031 + value: function validateArgs(args) {
1032 + this.requireContainer(args);
1033 + if (!args.bind && !args.styleDefID) {
1034 + throw new Error('Missing bind or styleDefID');
1147 1035 }
1148 - return document.createElement(tag);
1149 - },
1150 - getChildViewContainer: function getChildViewContainer() {
1151 - this.childViewContainer = '';
1152 - return Marionette.CompositeView.prototype.getChildViewContainer.apply(this, arguments);
1153 - },
1154 - getChildType: function getChildType() {
1155 - var atomicElements = Object.entries(elementor.config.elements).filter(function (_ref) {
1156 - var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
1157 - element = _ref2[1];
1158 - return !!(element !== null && element !== void 0 && element.atomic_props_schema);
1159 - }).map(function (_ref3) {
1160 - var _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
1161 - elType = _ref4[0];
1162 - return elType;
1163 - });
1164 - return ['widget', 'container'].concat((0, _toConsumableArray2.default)(atomicElements));
1165 - },
1166 - getRenderContext: function getRenderContext() {
1167 - var _this$_parent, _this$_parent$getRend;
1168 - 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);
1169 - },
1170 - getResolverRenderContext: function getResolverRenderContext() {
1171 - var _this$_parent2, _this$_parent2$getRes;
1172 - 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);
1173 - },
1174 - render: function render() {
1175 - var _this = this;
1176 - this._currentRenderPromise = new Promise(function (resolve) {
1177 - // Optimize rendering by reusing existing child views instead of recreating them.
1178 - if (_this._shouldSkipFullRender()) {
1179 - _this._renderWithoutDomRecreation(resolve);
1180 - } else {
1181 - _this._renderWithDomRecreation(resolve);
1182 - }
1183 - });
1184 - return this;
1185 - },
1186 - _shouldSkipFullRender: function _shouldSkipFullRender() {
1187 - return this.isRendered && this._hasConnectedChildren();
1188 - },
1189 - _hasConnectedChildren: function _hasConnectedChildren() {
1190 - var _this$children, _firstChild$$el$get$i, _firstChild$$el;
1191 - if (!((_this$children = this.children) !== null && _this$children !== void 0 && _this$children.length)) {
1192 - return false;
1036 + if (args.bind && 'string' !== typeof args.bind) {
1037 + throw new Error('Invalid bind arg');
1193 1038 }
1194 -
1195 - // If the parent's innerHTML was replaced, all children are detached together.
1196 - var firstChild = this.children.findByIndex(0);
1197 - 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;
1198 - },
1199 - _renderWithoutDomRecreation: function _renderWithoutDomRecreation(resolve) {
1200 - var _this2 = this;
1201 - this._beforeRender();
1202 - this._renderChildren();
1203 - this._waitForChildrenToComplete().then(function () {
1204 - _this2._afterRender();
1205 - resolve();
1206 - });
1207 - },
1208 - _renderWithDomRecreation: function _renderWithDomRecreation(resolve) {
1209 - BaseElementView.prototype.render.apply(this, arguments);
1210 - this._waitForChildrenToComplete().then(function () {
1211 - resolve();
1212 - });
1213 - },
1214 - _beforeRender: function _beforeRender() {
1215 - this._isRendering = true;
1216 - this.triggerMethod('before:render', this);
1217 - },
1218 - _afterRender: function _afterRender() {
1219 - this._isRendering = false;
1220 - this.isRendered = true;
1221 - this.triggerMethod('render', this);
1222 - },
1223 - _waitForChildrenToComplete: function _waitForChildrenToComplete() {
1224 - var _this3 = this;
1225 - return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
1226 - return _regenerator.default.wrap(function (_context) {
1227 - while (1) switch (_context.prev = _context.next) {
1228 - case 0:
1229 - if (!(_this3._childrenRenderPromises.length > 0)) {
1230 - _context.next = 1;
1231 - break;
1232 - }
1233 - _context.next = 1;
1234 - return Promise.all(_this3._childrenRenderPromises);
1235 - case 1:
1236 - case "end":
1237 - return _context.stop();
1238 - }
1239 - }, _callee);
1240 - }))();
1241 - },
1242 - _renderChildren: function _renderChildren() {
1243 - if (this._shouldSkipFullRender()) {
1244 - var _this$children2;
1245 - (_this$children2 = this.children) === null || _this$children2 === void 0 || _this$children2.each(function (childView) {
1246 - return childView.render();
1247 - });
1248 - } else {
1249 - BaseElementView.prototype._renderChildren.apply(this, arguments);
1039 + if (args.styleDefID && 'string' !== typeof args.styleDefID) {
1040 + throw new Error('Invalid styleDefID arg');
1250 1041 }
1251 - this._collectChildrenRenderPromises();
1252 - },
1253 - _collectChildrenRenderPromises: function _collectChildrenRenderPromises() {
1254 - var _this$children3,
1255 - _this4 = this;
1256 - this._childrenRenderPromises = [];
1257 - (_this$children3 = this.children) === null || _this$children3 === void 0 || _this$children3.each(function (childView) {
1258 - if (childView._currentRenderPromise) {
1259 - _this4._childrenRenderPromises.push(childView._currentRenderPromise);
1260 - }
1261 - });
1262 - },
1263 - onRender: function onRender() {
1264 - var _this5 = this;
1265 - this.dispatchPreviewEvent('elementor/element/render');
1266 - BaseElementView.prototype.onRender.apply(this, arguments);
1042 + }
1267 1043
1268 - // Defer to wait for everything to render.
1269 - setTimeout(function () {
1270 - _this5.droppableInitialize();
1271 - _this5.updateHandlesPosition();
1272 - });
1273 - },
1274 - onDestroy: function onDestroy() {
1275 - BaseElementView.prototype.onDestroy.apply(this, arguments);
1276 - this.dispatchPreviewEvent('elementor/element/destroy');
1277 - },
1278 - dispatchPreviewEvent: function dispatchPreviewEvent(eventType) {
1279 - var _elementor;
1280 - (_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, {
1281 - detail: {
1282 - id: this.model.get('id'),
1283 - type: this.model.get('elType'),
1284 - element: this.getDomElement().get(0)
1285 - }
1286 - }));
1287 - },
1288 - droppableInitialize: function droppableInitialize() {
1289 - this.$el.html5Droppable(this.getDroppableOptions());
1290 - },
1291 1044 /**
1292 - * Add a `Save as a Template` button to the context menu.
1045 + * Function restore().
1293 1046 *
1294 - * @return {Object} groups
1047 + * Redo/Restore.
1048 + *
1049 + * @param {{}} historyItem
1050 + * @param {boolean} isRedo
1295 1051 */
1296 - getContextMenuGroups: function getContextMenuGroups() {
1297 - var _this6 = this,
1298 - _elementorCommon$conf;
1299 - var saveActions = [{
1300 - name: 'save',
1301 - title: __('Save as a template', 'elementor'),
1302 - callback: this.saveAsTemplate.bind(this),
1303 - isEnabled: function isEnabled() {
1304 - return !_this6.getContainer().isLocked();
1305 - }
1306 - }];
1307 - var isAdministrator = elementor.config.user.is_administrator;
1308 - var isExperimentalFeaturesEnabled = (_elementorCommon$conf = elementorCommon.config.experimentalFeatures) === null || _elementorCommon$conf === void 0 ? void 0 : _elementorCommon$conf.e_components;
1309 - if (isExperimentalFeaturesEnabled && isAdministrator) {
1310 - 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;
1311 - 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;
1312 - 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;
1313 - 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);
1314 - var showPromoBadge = !isProActive && !isProOutdated;
1315 - var newBadge = "<span class=\"elementor-context-menu-list__item__shortcut__new-badge\">".concat(__('New', 'elementor'), "</span>");
1316 - var badgeClass = 'elementor-context-menu-list__item__shortcut__promotion-badge';
1317 - 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>");
1318 - saveActions.unshift({
1319 - name: 'save-component',
1320 - title: __('Create component', 'elementor'),
1321 - shortcut: isProActive || isProOutdated ? newBadge : proBadge,
1322 - hasShortcutAction: showPromoBadge,
1323 - callback: this.saveAsComponent.bind(this),
1324 - isEnabled: function isEnabled() {
1325 - return (isProActive || isProOutdated) && !_this6.getContainer().isLocked();
1326 - }
1327 - });
1328 - }
1329 - var groups = BaseElementView.prototype.getContextMenuGroups.apply(this, arguments),
1330 - transferGroupClipboardIndex = groups.indexOf(_.findWhere(groups, {
1331 - name: 'clipboard'
1332 - }));
1333 - groups.splice(transferGroupClipboardIndex + 1, 0, {
1334 - name: 'save',
1335 - actions: saveActions
1336 - });
1337 - return groups;
1338 - },
1339 - saveAsTemplate: function saveAsTemplate() {
1340 - elementor.templates.eventManager.sendNewSaveTemplateClickedEvent();
1341 - $e.route('library/save-template', {
1342 - model: this.model
1343 - });
1344 - },
1345 - saveAsComponent: function saveAsComponent(openContextMenuEvent, options) {
1346 - 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;
1347 - 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;
1348 - 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);
1349 - if (isProOutdated) {
1350 - var _window$elementorV6, _window$elementorV6$n;
1351 - (_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, {
1352 - type: 'info',
1353 - id: 'component-create-update',
1354 - message: __('To create new components, update Elementor Pro to the latest version.', 'elementor'),
1355 - additionalActionProps: [{
1356 - size: 'small',
1357 - variant: 'contained',
1358 - color: 'info',
1359 - href: '/wp-admin/plugins.php',
1360 - target: '_blank',
1361 - children: __('Update Now', 'elementor')
1362 - }]
1363 - });
1364 - return;
1365 - }
1366 - 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;
1367 - if (!isProActive) {
1368 - return;
1369 - }
1370 -
1371 - // Calculate the absolute position where the context menu was opened.
1372 - var openMenuOriginalEvent = openContextMenuEvent.originalEvent;
1373 - var iframeRect = elementor.$preview[0].getBoundingClientRect();
1374 - var anchorPosition = {
1375 - left: openMenuOriginalEvent.clientX + iframeRect.left,
1376 - top: openMenuOriginalEvent.clientY + iframeRect.top
1377 - };
1378 - window.dispatchEvent(new CustomEvent('elementor/editor/open-save-as-component-form', {
1379 - detail: {
1380 - element: elementor.getContainer(this.model.id).model.toJSON({
1381 - remove: ['default']
1382 - }),
1383 - anchorPosition: anchorPosition,
1384 - options: options
1385 - }
1386 - }));
1387 - },
1388 - isDroppingAllowed: function isDroppingAllowed() {
1389 - return this.getContainer().isEditable();
1390 - },
1391 - behaviors: function behaviors() {
1392 - var behaviors = BaseElementView.prototype.behaviors.apply(this, arguments);
1393 - _.extend(behaviors, {
1394 - Sortable: {
1395 - behaviorClass: __webpack_require__(/*! elementor-behaviors/sortable */ "../assets/dev/js/editor/elements/views/behaviors/sortable.js"),
1396 - elChildType: 'widget'
1397 - }
1398 - });
1399 - return elementor.hooks.applyFilters("elements/".concat(type, "/behaviors"), behaviors, this);
1400 - },
1052 + }, {
1053 + key: "addToHistory",
1054 + value:
1401 1055 /**
1402 - * @return {{}} options
1056 + * Function addToHistory().
1057 + *
1058 + * @param {Container} container
1059 + * @param {string} bind
1060 + * @param {string} styleDefID
1061 + * @param {{}} meta
1062 + * @param {{}} props
1063 + * @param {{}} oldProps
1064 + * @param {string|undefined} label
1403 1065 */
1404 - getSortableOptions: function getSortableOptions() {
1066 + function addToHistory(container, bind, styleDefID, meta, props, oldProps, label) {
1067 + var newPropsEmpty = Object.keys(props).reduce(function (emptyValues, key) {
1068 + emptyValues[key] = undefined;
1069 + return emptyValues;
1070 + }, {});
1071 + var changes = (0, _defineProperty2.default)({}, container.id, {
1072 + bind: bind,
1073 + styleDefID: styleDefID,
1074 + meta: meta,
1075 + label: label,
1076 + old: {
1077 + props: _objectSpread(_objectSpread({}, newPropsEmpty), oldProps)
1078 + },
1079 + new: {
1080 + props: props
1081 + }
1082 + }),
1083 + historyItem = {
1084 + container: container,
1085 + data: {
1086 + changes: changes
1087 + },
1088 + type: 'change',
1089 + restore: Styles.restore
1090 + };
1091 + $e.internal('document/history/add-transaction', historyItem);
1092 + }
1093 + }, {
1094 + key: "getHistory",
1095 + value: function getHistory(args) {
1096 + var container = args.container,
1097 + subTitle = this.constructor.getSubTitle(args);
1405 1098 return {
1406 - preventInit: true
1099 + container: container,
1100 + subTitle: subTitle,
1101 + type: 'change'
1407 1102 };
1408 - },
1409 - getDroppableOptions: function getDroppableOptions() {
1410 - var _this7 = this;
1411 - var items = '> .elementor-element, > .elementor-empty-view .elementor-first-add';
1412 - return {
1413 - axis: null,
1414 - items: items,
1415 - groups: ['elementor-element'],
1416 - horizontalThreshold: 0,
1417 - isDroppingAllowed: this.isDroppingAllowed.bind(this),
1418 - currentElementClass: 'elementor-html5dnd-current-element',
1419 - placeholderClass: 'elementor-sortable-placeholder elementor-widget-placeholder',
1420 - hasDraggingOnChildClass: 'e-dragging-over',
1421 - getDropContainer: function getDropContainer() {
1422 - return _this7.getContainer();
1423 - },
1424 - onDropping: function onDropping(side, event) {
1425 - event.stopPropagation();
1103 + }
1104 + }, {
1105 + key: "apply",
1106 + value: function apply(args) {
1107 + var _args$styleDefID, _container$model$get;
1108 + var container = args.container;
1109 + var bind = args.bind,
1110 + meta = args.meta,
1111 + props = args.props,
1112 + label = args.label;
1113 + container = container.lookup();
1114 + var styleDefID = (_args$styleDefID = args.styleDefID) !== null && _args$styleDefID !== void 0 ? _args$styleDefID : null;
1115 + var currentStyle = (_container$model$get = container.model.get('styles')) !== null && _container$model$get !== void 0 ? _container$model$get : {};
1426 1116
1427 - // Triggering the drag end manually, since it won't fire above the iframe
1428 - elementor.getPreviewView().onPanelElementDragEnd();
1429 - var draggedView = elementor.channels.editor.request('element:dragged'),
1430 - draggedElement = draggedView === null || draggedView === void 0 ? void 0 : draggedView.getContainer().view.el,
1431 - containerElement = event.currentTarget.parentElement,
1432 - elements = Array.from((containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll(':scope > .elementor-element')) || []);
1433 - var targetIndex = elements.indexOf(event.currentTarget);
1434 - if (_this7.isPanelElement(draggedView, draggedElement)) {
1435 - var _elementorCommon;
1436 - if (_this7.draggingOnBottomOrRightSide(side) && !_this7.emptyViewIsCurrentlyBeingDraggedOver()) {
1437 - targetIndex++;
1438 - }
1439 - _this7.onDrop(event, {
1440 - at: targetIndex
1441 - });
1442 - if ((_elementorCommon = elementorCommon) !== null && _elementorCommon !== void 0 && (_elementorCommon = _elementorCommon.eventsManager) !== null && _elementorCommon !== void 0 && _elementorCommon.dispatchEvent) {
1443 - var selectedElement = elementor.channels.panelElements.request('element:selected');
1444 - if (selectedElement) {
1445 - var _selectedElement$mode, _selectedElement$mode2, _selectedElement$mode3, _selectedElement$mode4;
1446 - var elType = (_selectedElement$mode = (_selectedElement$mode2 = selectedElement.model) === null || _selectedElement$mode2 === void 0 ? void 0 : _selectedElement$mode2.get('elType')) !== null && _selectedElement$mode !== void 0 ? _selectedElement$mode : '';
1447 - var widgetType = (_selectedElement$mode3 = (_selectedElement$mode4 = selectedElement.model) === null || _selectedElement$mode4 === void 0 ? void 0 : _selectedElement$mode4.get('widgetType')) !== null && _selectedElement$mode3 !== void 0 ? _selectedElement$mode3 : '';
1448 - var elementName = 'widget' === elType ? widgetType : elType;
1449 - elementorCommon.eventsManager.dispatchEvent('add_element', {
1450 - location: 'editor_panel',
1451 - element_name: elementName,
1452 - element_type: elType,
1453 - widget_type: widgetType
1454 - });
1455 - }
1456 - }
1457 - return;
1458 - }
1459 - if (_this7.isParentElement(draggedView.getContainer().id)) {
1460 - return;
1461 - }
1462 - if (_this7.emptyViewIsCurrentlyBeingDraggedOver()) {
1463 - _this7.moveDroppedItem(draggedView, 0);
1464 - return;
1465 - }
1466 - _this7.moveExistingElement(side, draggedView, containerElement, elements, targetIndex, draggedElement);
1467 - }
1468 - };
1469 - },
1470 - moveExistingElement: function moveExistingElement(side, draggedView, containerElement, elements, targetIndex, draggedElement) {
1471 - var selfIndex = elements.indexOf(draggedElement);
1472 - if (targetIndex === selfIndex) {
1473 - return;
1117 + // Saving a deep clone of the style before it mutates, as part of this command
1118 + var oldStyle = this.isHistoryActive() ? structuredClone(currentStyle) : null;
1119 + var style = {};
1120 + if (!styleDefID) {
1121 + // Create a new style definition for the first time
1122 + style = $e.internal('document/atomic-widgets/create-style', {
1123 + label: label,
1124 + container: container,
1125 + bind: bind
1126 + });
1127 + styleDefID = style.id;
1128 + } else if (!currentStyle[styleDefID]) {
1129 + // Create a new style definition with the given ID
1130 + // used when the style is deleted and then re-applied (i.e. history undo/redo)
1131 + style = $e.internal('document/atomic-widgets/create-style', {
1132 + label: label,
1133 + container: container,
1134 + styleDefID: styleDefID,
1135 + bind: bind
1136 + });
1137 + } else {
1138 + // Use the existing style definition
1139 + style = currentStyle[styleDefID];
1474 1140 }
1475 - var dropIndex = this.getDropIndex(containerElement, side, targetIndex, selfIndex);
1476 - this.moveDroppedItem(draggedView, dropIndex);
1477 - },
1478 - isPanelElement: function isPanelElement(draggedView, draggedElement) {
1479 - return !draggedView || !draggedElement;
1480 - },
1481 - isParentElement: function isParentElement(draggedId) {
1482 - var current = this.container;
1483 - while (current) {
1484 - if (current.id === draggedId) {
1485 - return true;
1486 - }
1487 - current = current.parent;
1141 + var currentVariant = (0, _getVariants.getVariantByMeta)(style.variants, meta);
1142 + if (!currentVariant) {
1143 + $e.internal('document/atomic-widgets/create-variant', {
1144 + container: container,
1145 + styleDefID: styleDefID,
1146 + meta: meta
1147 + });
1488 1148 }
1489 - return false;
1490 - },
1491 - getDropIndex: function getDropIndex(container, side, index, selfIndex) {
1492 - var styles = window.getComputedStyle(container);
1493 - var isFlex = ['flex', 'inline-flex'].includes(styles.display);
1494 - var isFlexReverse = isFlex && ['column-reverse', 'row-reverse'].includes(styles.flexDirection);
1495 - var isRow = isFlex && ['row-reverse', 'row'].includes(styles.flexDirection);
1496 - var isRtl = elementorCommon.config.isRTL;
1497 - var isReverse = isRow ? isFlexReverse !== isRtl : isFlexReverse;
1498 -
1499 - // The element should be placed BEFORE the current target
1500 - // if is reversed + side is bottom/right OR not is reversed + side is top/left
1501 - if (isReverse === this.draggingOnBottomOrRightSide(side)) {
1502 - if (-1 === selfIndex || selfIndex >= index - 1) {
1503 - return index;
1504 - }
1505 - return index > 0 ? index - 1 : 0;
1506 - }
1507 - if (0 <= selfIndex && selfIndex < index) {
1508 - return index;
1509 - }
1510 - return index + 1;
1511 - },
1512 - moveDroppedItem: function moveDroppedItem(draggedView, dropIndex) {
1513 - // Reset the dragged element cache.
1514 - elementor.channels.editor.reply('element:dragged', null);
1515 - $e.run('document/elements/move', {
1516 - container: draggedView.getContainer(),
1517 - target: this.getContainer(),
1518 - options: {
1519 - at: dropIndex
1520 - }
1149 + var nonEmptyValues = Object.values(_objectSpread(_objectSpread({}, currentVariant === null || currentVariant === void 0 ? void 0 : currentVariant.props), props)).filter(function (value) {
1150 + return value !== undefined;
1521 1151 });
1522 - },
1523 - getEditButtons: function getEditButtons() {
1524 - var elementData = elementor.getElementData(this.model),
1525 - editTools = {};
1526 - if ($e.components.get('document/elements').utils.allowAddingWidgets()) {
1527 - editTools.add = {
1528 - /* Translators: %s: Element Name. */
1529 - title: sprintf(__('Add %s', 'elementor'), elementData.title),
1530 - icon: 'plus'
1531 - };
1532 - editTools.edit = {
1533 - /* Translators: %s: Element Name. */
1534 - title: sprintf(__('Edit %s', 'elementor'), elementData.title),
1535 - icon: 'handle'
1536 - };
1537 - }
1538 - if (!this.getContainer().isLocked()) {
1539 - if (elementor.getPreferences('edit_buttons') && $e.components.get('document/elements').utils.allowAddingWidgets()) {
1540 - editTools.duplicate = {
1541 - /* Translators: %s: Element Name. */
1542 - title: sprintf(__('Duplicate %s', 'elementor'), elementData.title),
1543 - icon: 'clone'
1544 - };
1152 + if (0 === nonEmptyValues.length) {
1153 + // Doesn't have any props to use for this variant
1154 + $e.internal('document/atomic-widgets/delete-variant', {
1155 + container: container,
1156 + styleDefID: styleDefID,
1157 + meta: meta
1158 + });
1159 + var newStyles = container.model.get('styles');
1160 + var newVariants = newStyles[styleDefID].variants;
1161 + if (0 === newVariants.length) {
1162 + // After deleting the variant, there are no variants left
1163 + $e.internal('document/atomic-widgets/delete-style', {
1164 + container: container,
1165 + styleDefID: styleDefID,
1166 + bind: bind
1167 + });
1545 1168 }
1546 - editTools.remove = {
1547 - /* Translators: %s: Element Name. */
1548 - title: sprintf(__('Delete %s', 'elementor'), elementData.title),
1549 - icon: 'close'
1550 - };
1169 + } else {
1170 + // Has valid props in the current variant
1171 + $e.internal('document/atomic-widgets/update-props', {
1172 + container: container,
1173 + styleDefID: styleDefID,
1174 + bind: bind,
1175 + meta: meta,
1176 + props: props
1177 + });
1551 1178 }
1552 - return editTools;
1553 - },
1554 - draggingOnBottomOrRightSide: function draggingOnBottomOrRightSide(side) {
1555 - return ['bottom', 'right'].includes(side);
1556 - },
1557 - emptyViewIsCurrentlyBeingDraggedOver: function emptyViewIsCurrentlyBeingDraggedOver() {
1558 - return this.$el.find('> .elementor-empty-view > .elementor-first-add.elementor-html5dnd-current-element').length > 0;
1559 - },
1560 - /**
1561 - * Toggle the `New Section` view when clicking the `add` button in the edit tools.
1562 - *
1563 - * @return {void}
1564 - */
1565 - onAddButtonClick: function onAddButtonClick() {
1566 - if (this.addSectionView && !this.addSectionView.isDestroyed) {
1567 - this.addSectionView.fadeToDeath();
1568 - return;
1179 + if (null !== oldStyle) {
1180 + var _getVariantByMeta;
1181 + var oldStyleDef = oldStyle[styleDefID];
1182 + var oldProps = oldStyleDef !== null && oldStyleDef !== void 0 && oldStyleDef.variants ? (_getVariantByMeta = (0, _getVariants.getVariantByMeta)(oldStyleDef.variants, meta)) === null || _getVariantByMeta === void 0 ? void 0 : _getVariantByMeta.props : {};
1183 + this.addToHistory(container, bind, styleDefID, meta, props, oldProps, label);
1569 1184 }
1570 - var addSectionView = new elementor.modules.elements.components.AddSectionView({
1571 - at: this.model.collection.indexOf(this.model)
1185 + }
1186 + }], [{
1187 + key: "getSubTitle",
1188 + value: function getSubTitle() {
1189 + return __('Style', 'elementor');
1190 + }
1191 + }, {
1192 + key: "restore",
1193 + value: function restore(historyItem, isRedo) {
1194 + var container = historyItem.get('container');
1195 + var changes = historyItem.get('data').changes[container.id];
1196 + var bind = changes.bind,
1197 + styleDefID = changes.styleDefID,
1198 + meta = changes.meta,
1199 + label = changes.label;
1200 + var _ref = isRedo ? changes.new : changes.old,
1201 + props = _ref.props;
1202 + $e.run('document/atomic-widgets/styles', {
1203 + container: container,
1204 + bind: bind,
1205 + styleDefID: styleDefID,
1206 + meta: meta,
1207 + props: props,
1208 + label: label
1572 1209 });
1573 - addSectionView.render();
1574 - this.$el.before(addSectionView.$el);
1575 - addSectionView.$el.hide();
1576 -
1577 - // Delaying the slide down for slow-render browsers (such as FF)
1578 - setTimeout(function () {
1579 - addSectionView.$el.slideDown(null, function () {
1580 - // Remove inline style, for preview mode.
1581 - jQuery(this).css('display', '');
1582 - });
1583 - });
1584 - this.addSectionView = addSectionView;
1585 - },
1586 - isOverflowHidden: function isOverflowHidden() {
1587 - var elementStyles = window.getComputedStyle(this.el);
1588 - var overflowStyles = [elementStyles.overflowX, elementStyles.overflowY, elementStyles.overflow];
1589 - return overflowStyles.includes('hidden') || overflowStyles.includes('auto');
1590 - },
1591 - updateHandlesPosition: function updateHandlesPosition() {
1592 - var elementType = this.$el.data('element_type');
1593 - var isElement = (0, _elementTypes.getAllElementTypes)().includes(elementType);
1594 - if (!isElement) {
1595 - return;
1596 - }
1597 - var shouldPlaceInside = this.isOverflowHidden();
1598 - if (!shouldPlaceInside && this.isTopLevelElement() && this.isFirstElementInStructure()) {
1599 - shouldPlaceInside = true;
1600 - }
1601 - this.$el.toggleClass('e-handles-inside', shouldPlaceInside);
1602 - },
1603 - isTopLevelElement: function isTopLevelElement() {
1604 - return this.container.parent && 'document' === this.container.parent.id;
1605 - },
1606 - isFirstElementInStructure: function isFirstElementInStructure() {
1607 - if (!this.model.collection) {
1608 - return true;
1609 - }
1610 - return 0 === this.model.collection.indexOf(this.model);
1611 - },
1612 - getInteractionId: function getInteractionId() {
1613 - var originId = this.model.get('originId');
1614 - var id = this.model.get('id');
1615 - return originId !== null && originId !== void 0 ? originId : id;
1616 1210 }
1617 - });
1618 - return AtomicElementView;
1619 -}
1211 + }]);
1212 +}($e.modules.editor.document.CommandHistoryDebounceBase);
1213 +var _default = exports["default"] = Styles;
1620 1214
1621 1215 /***/ }),
1622 1216
1623 -/***/ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/duplicate-element.js":
1624 -/*!*************************************************************************************************************!*\
1625 - !*** ../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/duplicate-element.js ***!
1626 - \*************************************************************************************************************/
1217 +/***/ "../modules/atomic-widgets/assets/js/editor/component.js":
1218 +/*!***************************************************************!*\
1219 + !*** ../modules/atomic-widgets/assets/js/editor/component.js ***!
1220 + \***************************************************************/
1627 1221 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1628 1222
1629 1223 "use strict";
1630 1224
@@ -1629,51 +1223,54 @@
1629 1223 "use strict";
1630 1224
1631 1225
1632 1226 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1227 +var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
1633 1228 Object.defineProperty(exports, "__esModule", ({
1634 1229 value: true
1635 1230 }));
1636 -exports.DuplicateElement = void 0;
1231 +exports["default"] = void 0;
1637 1232 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1638 1233 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1639 1234 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1640 1235 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1641 1236 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1642 -var _regenerateLocalStyleIds = __webpack_require__(/*! ../../../utils/regenerate-local-style-ids */ "../modules/atomic-widgets/assets/js/editor/utils/regenerate-local-style-ids.js");
1237 +var commands = _interopRequireWildcard(__webpack_require__(/*! ./commands/ */ "../modules/atomic-widgets/assets/js/editor/commands/index.js"));
1238 +var commandsInternal = _interopRequireWildcard(__webpack_require__(/*! ./commands-internal/ */ "../modules/atomic-widgets/assets/js/editor/commands-internal/index.js"));
1239 +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); }
1240 +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; }
1643 1241 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)); }
1644 1242 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1645 -var DuplicateElement = exports.DuplicateElement = /*#__PURE__*/function (_$e$modules$hookData$) {
1646 - function DuplicateElement() {
1647 - (0, _classCallCheck2.default)(this, DuplicateElement);
1648 - return _callSuper(this, DuplicateElement, arguments);
1243 +var Component = exports["default"] = /*#__PURE__*/function (_$e$modules$Component) {
1244 + function Component() {
1245 + (0, _classCallCheck2.default)(this, Component);
1246 + return _callSuper(this, Component, arguments);
1649 1247 }
1650 - (0, _inherits2.default)(DuplicateElement, _$e$modules$hookData$);
1651 - return (0, _createClass2.default)(DuplicateElement, [{
1652 - key: "getCommand",
1653 - value: function getCommand() {
1654 - return 'document/elements/duplicate';
1248 + (0, _inherits2.default)(Component, _$e$modules$Component);
1249 + return (0, _createClass2.default)(Component, [{
1250 + key: "getNamespace",
1251 + value: function getNamespace() {
1252 + return 'document/atomic-widgets';
1655 1253 }
1656 1254 }, {
1657 - key: "getId",
1658 - value: function getId() {
1659 - return 'regenerate-local-style-ids--document/elements/duplicate';
1255 + key: "defaultCommands",
1256 + value: function defaultCommands() {
1257 + return this.importCommands(commands);
1660 1258 }
1661 1259 }, {
1662 - key: "apply",
1663 - value: function apply(args, result) {
1664 - var containers = Array.isArray(result) ? result : [result];
1665 - containers.forEach(_regenerateLocalStyleIds.regenerateLocalStyleIds);
1260 + key: "defaultCommandsInternal",
1261 + value: function defaultCommandsInternal() {
1262 + return this.importCommands(commandsInternal);
1666 1263 }
1667 1264 }]);
1668 -}($e.modules.hookData.After);
1265 +}($e.modules.ComponentBase);
1669 1266
1670 1267 /***/ }),
1671 1268
1672 -/***/ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/import-element.js":
1673 -/*!**********************************************************************************************************!*\
1674 - !*** ../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/import-element.js ***!
1675 - \**********************************************************************************************************/
1269 +/***/ "../modules/atomic-widgets/assets/js/editor/container/div-block-empty-view.js":
1270 +/*!************************************************************************************!*\
1271 + !*** ../modules/atomic-widgets/assets/js/editor/container/div-block-empty-view.js ***!
1272 + \************************************************************************************/
1676 1273 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1677 1274
1678 1275 "use strict";
1679 1276
@@ -1681,48 +1278,62 @@
1681 1278 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1682 1279 Object.defineProperty(exports, "__esModule", ({
1683 1280 value: true
1684 1281 }));
1685 -exports.ImportElement = void 0;
1282 +exports["default"] = void 0;
1283 +var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1686 1284 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1687 1285 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1688 1286 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1689 1287 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1690 1288 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1691 -var _regenerateLocalStyleIds = __webpack_require__(/*! ../../../utils/regenerate-local-style-ids */ "../modules/atomic-widgets/assets/js/editor/utils/regenerate-local-style-ids.js");
1289 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1290 +var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
1291 +var _emptyComponent = _interopRequireDefault(__webpack_require__(/*! elementor-elements/views/container/empty-component */ "../assets/dev/js/editor/elements/views/container/empty-component.js"));
1692 1292 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)); }
1693 1293 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1694 -var ImportElement = exports.ImportElement = /*#__PURE__*/function (_$e$modules$hookData$) {
1695 - function ImportElement() {
1696 - (0, _classCallCheck2.default)(this, ImportElement);
1697 - return _callSuper(this, ImportElement, arguments);
1294 +var DivBlockEmptyView = exports["default"] = /*#__PURE__*/function (_Marionette$ItemView) {
1295 + function DivBlockEmptyView() {
1296 + var _this;
1297 + (0, _classCallCheck2.default)(this, DivBlockEmptyView);
1298 + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
1299 + args[_key] = arguments[_key];
1300 + }
1301 + _this = _callSuper(this, DivBlockEmptyView, [].concat(args));
1302 + (0, _defineProperty2.default)(_this, "template", '<div></div>');
1303 + (0, _defineProperty2.default)(_this, "className", 'elementor-empty-view');
1304 + return _this;
1698 1305 }
1699 - (0, _inherits2.default)(ImportElement, _$e$modules$hookData$);
1700 - return (0, _createClass2.default)(ImportElement, [{
1701 - key: "getCommand",
1702 - value: function getCommand() {
1703 - return 'document/elements/import';
1306 + (0, _inherits2.default)(DivBlockEmptyView, _Marionette$ItemView);
1307 + return (0, _createClass2.default)(DivBlockEmptyView, [{
1308 + key: "renderReactDefaultElement",
1309 + value: function renderReactDefaultElement(container) {
1310 + var _ReactUtils$render = _react2.default.render(/*#__PURE__*/_react.default.createElement(_emptyComponent.default, {
1311 + container: container
1312 + }), this.el),
1313 + unmount = _ReactUtils$render.unmount;
1314 + this.unmount = unmount;
1704 1315 }
1705 1316 }, {
1706 - key: "getId",
1707 - value: function getId() {
1708 - return 'regenerate-local-style-ids--document/elements/import';
1317 + key: "onRender",
1318 + value: function onRender() {
1319 + this.$el.addClass(this.className);
1320 + this.renderReactDefaultElement();
1709 1321 }
1710 1322 }, {
1711 - key: "apply",
1712 - value: function apply(args, result) {
1713 - var containers = Array.isArray(result) ? result : [result];
1714 - containers.forEach(_regenerateLocalStyleIds.regenerateLocalStyleIds);
1323 + key: "onDestroy",
1324 + value: function onDestroy() {
1325 + this.unmount();
1715 1326 }
1716 1327 }]);
1717 -}($e.modules.hookData.After);
1328 +}(Marionette.ItemView);
1718 1329
1719 1330 /***/ }),
1720 1331
1721 -/***/ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/paste-element.js":
1722 -/*!*********************************************************************************************************!*\
1723 - !*** ../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/paste-element.js ***!
1724 - \*********************************************************************************************************/
1332 +/***/ "../modules/atomic-widgets/assets/js/editor/div-block-model.js":
1333 +/*!*********************************************************************!*\
1334 + !*** ../modules/atomic-widgets/assets/js/editor/div-block-model.js ***!
1335 + \*********************************************************************/
1725 1336 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1726 1337
1727 1338 "use strict";
1728 1339
@@ -1730,108 +1341,339 @@
1730 1341 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1731 1342 Object.defineProperty(exports, "__esModule", ({
1732 1343 value: true
1733 1344 }));
1734 -exports.PasteElement = void 0;
1345 +exports["default"] = void 0;
1735 1346 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1736 1347 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1737 1348 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1738 1349 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1739 1350 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1740 -var _regenerateLocalStyleIds = __webpack_require__(/*! ../../../utils/regenerate-local-style-ids */ "../modules/atomic-widgets/assets/js/editor/utils/regenerate-local-style-ids.js");
1741 1351 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)); }
1742 1352 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1743 -var PasteElement = exports.PasteElement = /*#__PURE__*/function (_$e$modules$hookData$) {
1744 - function PasteElement() {
1745 - (0, _classCallCheck2.default)(this, PasteElement);
1746 - return _callSuper(this, PasteElement, arguments);
1353 +var AtomicContainer = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
1354 + function AtomicContainer() {
1355 + (0, _classCallCheck2.default)(this, AtomicContainer);
1356 + return _callSuper(this, AtomicContainer, arguments);
1747 1357 }
1748 - (0, _inherits2.default)(PasteElement, _$e$modules$hookData$);
1749 - return (0, _createClass2.default)(PasteElement, [{
1750 - key: "getCommand",
1751 - value: function getCommand() {
1752 - return 'document/elements/paste';
1358 + (0, _inherits2.default)(AtomicContainer, _elementor$modules$el);
1359 + return (0, _createClass2.default)(AtomicContainer, [{
1360 + key: "isValidChild",
1361 + value:
1362 + /**
1363 + * Do not allow section, column or container be placed in the Atomic container.
1364 + *
1365 + * @param {*} childModel
1366 + */
1367 + function isValidChild(childModel) {
1368 + var elType = childModel.get('elType');
1369 + return 'section' !== elType && 'column' !== elType && 'container' !== elType;
1753 1370 }
1754 - }, {
1755 - key: "getId",
1756 - value: function getId() {
1757 - return 'regenerate-local-style-ids--document/elements/paste';
1758 - }
1759 - }, {
1760 - key: "apply",
1761 - value: function apply(args, result) {
1762 - var containers = Array.isArray(result) ? result : [result];
1763 - containers.forEach(_regenerateLocalStyleIds.regenerateLocalStyleIds);
1764 - }
1765 1371 }]);
1766 -}($e.modules.hookData.After);
1372 +}(elementor.modules.elements.models.Element);
1767 1373
1768 1374 /***/ }),
1769 1375
1770 -/***/ "../modules/atomic-widgets/assets/js/editor/hooks/index.js":
1771 -/*!*****************************************************************!*\
1772 - !*** ../modules/atomic-widgets/assets/js/editor/hooks/index.js ***!
1773 - \*****************************************************************/
1376 +/***/ "../modules/atomic-widgets/assets/js/editor/div-block-type.js":
1377 +/*!********************************************************************!*\
1378 + !*** ../modules/atomic-widgets/assets/js/editor/div-block-type.js ***!
1379 + \********************************************************************/
1774 1380 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1775 1381
1776 1382 "use strict";
1777 1383
1778 1384
1385 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1779 1386 Object.defineProperty(exports, "__esModule", ({
1780 1387 value: true
1781 1388 }));
1782 -Object.defineProperty(exports, "DuplicateElement", ({
1783 - enumerable: true,
1784 - get: function get() {
1785 - return _duplicateElement.DuplicateElement;
1389 +exports["default"] = void 0;
1390 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
1391 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
1392 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
1393 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
1394 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
1395 +var _emptyComponent = _interopRequireDefault(__webpack_require__(/*! elementor-elements/views/container/empty-component */ "../assets/dev/js/editor/elements/views/container/empty-component.js"));
1396 +var _divBlockModel = _interopRequireDefault(__webpack_require__(/*! ./div-block-model */ "../modules/atomic-widgets/assets/js/editor/div-block-model.js"));
1397 +var _divBlockView = _interopRequireDefault(__webpack_require__(/*! ./div-block-view */ "../modules/atomic-widgets/assets/js/editor/div-block-view.js"));
1398 +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)); }
1399 +function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
1400 +var AtomicContainer = exports["default"] = /*#__PURE__*/function (_elementor$modules$el) {
1401 + function AtomicContainer() {
1402 + (0, _classCallCheck2.default)(this, AtomicContainer);
1403 + return _callSuper(this, AtomicContainer, arguments);
1786 1404 }
1787 -}));
1788 -Object.defineProperty(exports, "ImportElement", ({
1789 - enumerable: true,
1790 - get: function get() {
1791 - return _importElement.ImportElement;
1792 - }
1793 -}));
1794 -Object.defineProperty(exports, "PasteElement", ({
1795 - enumerable: true,
1796 - get: function get() {
1797 - return _pasteElement.PasteElement;
1798 - }
1799 -}));
1800 -var _duplicateElement = __webpack_require__(/*! ./data/regenerate-local-style-ids/duplicate-element */ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/duplicate-element.js");
1801 -var _pasteElement = __webpack_require__(/*! ./data/regenerate-local-style-ids/paste-element */ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/paste-element.js");
1802 -var _importElement = __webpack_require__(/*! ./data/regenerate-local-style-ids/import-element */ "../modules/atomic-widgets/assets/js/editor/hooks/data/regenerate-local-style-ids/import-element.js");
1405 + (0, _inherits2.default)(AtomicContainer, _elementor$modules$el);
1406 + return (0, _createClass2.default)(AtomicContainer, [{
1407 + key: "getType",
1408 + value: function getType() {
1409 + return 'div-block';
1410 + }
1411 + }, {
1412 + key: "getView",
1413 + value: function getView() {
1414 + return _divBlockView.default;
1415 + }
1416 + }, {
1417 + key: "getEmptyView",
1418 + value: function getEmptyView() {
1419 + return _emptyComponent.default;
1420 + }
1421 + }, {
1422 + key: "getModel",
1423 + value: function getModel() {
1424 + return _divBlockModel.default;
1425 + }
1426 + }]);
1427 +}(elementor.modules.elements.types.Base);
1803 1428
1804 1429 /***/ }),
1805 1430
1806 -/***/ "../modules/atomic-widgets/assets/js/editor/utils/get-element-children.js":
1807 -/*!********************************************************************************!*\
1808 - !*** ../modules/atomic-widgets/assets/js/editor/utils/get-element-children.js ***!
1809 - \********************************************************************************/
1810 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1431 +/***/ "../modules/atomic-widgets/assets/js/editor/div-block-view.js":
1432 +/*!********************************************************************!*\
1433 + !*** ../modules/atomic-widgets/assets/js/editor/div-block-view.js ***!
1434 + \********************************************************************/
1435 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1811 1436
1812 1437 "use strict";
1438 +/* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"];
1439 +/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
1813 1440
1814 1441
1815 1442 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1816 -Object.defineProperty(exports, "__esModule", ({
1817 - value: true
1818 -}));
1819 -exports.getElementChildren = getElementChildren;
1820 1443 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1821 -function getElementChildren(model) {
1822 - var _model$get$models, _model$get;
1823 - var childModels = (_model$get$models = model === null || model === void 0 || (_model$get = model.get('elements')) === null || _model$get === void 0 ? void 0 : _model$get.models) !== null && _model$get$models !== void 0 ? _model$get$models : [];
1824 - var children = childModels.flatMap(getElementChildren);
1825 - return [model].concat((0, _toConsumableArray2.default)(children));
1826 -}
1444 +var _divBlockEmptyView = _interopRequireDefault(__webpack_require__(/*! ./container/div-block-empty-view */ "../modules/atomic-widgets/assets/js/editor/container/div-block-empty-view.js"));
1445 +var BaseElementView = elementor.modules.elements.views.BaseElement;
1446 +var DivBlockView = BaseElementView.extend({
1447 + template: Marionette.TemplateCache.get('#tmpl-elementor-div-block-content'),
1448 + emptyView: _divBlockEmptyView.default,
1449 + tagName: function tagName() {
1450 + return this.model.getSetting('tag') || 'div';
1451 + },
1452 + getChildViewContainer: function getChildViewContainer() {
1453 + this.childViewContainer = '';
1454 + return Marionette.CompositeView.prototype.getChildViewContainer.apply(this, arguments);
1455 + },
1456 + className: function className() {
1457 + return "".concat(BaseElementView.prototype.className.apply(this), " e-con e-div-block").concat(this.getClassString());
1458 + },
1459 + // TODO: Copied from `views/column.js`.
1460 + ui: function ui() {
1461 + var ui = BaseElementView.prototype.ui.apply(this, arguments);
1462 + ui.percentsTooltip = '> .elementor-element-overlay .elementor-column-percents-tooltip';
1463 + return ui;
1464 + },
1465 + // TODO: Copied from `views/column.js`.
1466 + attachElContent: function attachElContent() {
1467 + BaseElementView.prototype.attachElContent.apply(this, arguments);
1468 + var $tooltip = jQuery('<div>', {
1469 + class: 'elementor-column-percents-tooltip',
1470 + 'data-side': elementorCommon.config.isRTL ? 'right' : 'left'
1471 + });
1472 + this.$el.children('.elementor-element-overlay').append($tooltip);
1473 + },
1474 + // TODO: Copied from `views/column.js`.
1475 + getPercentSize: function getPercentSize(size) {
1476 + if (!size) {
1477 + size = this.el.getBoundingClientRect().width;
1478 + }
1479 + return +(size / this.$el.parent().width() * 100).toFixed(3);
1480 + },
1481 + // TODO: Copied from `views/column.js`.
1482 + getPercentsForDisplay: function getPercentsForDisplay() {
1483 + var width = +this.model.getSetting('width') || this.getPercentSize();
1484 + return width.toFixed(1) + '%';
1485 + },
1486 + renderOnChange: function renderOnChange() {
1487 + BaseElementView.prototype.renderOnChange.apply(this, arguments);
1488 + this.$el.addClass(this.getClasses());
1489 + },
1490 + onRender: function onRender() {
1491 + var _this = this;
1492 + BaseElementView.prototype.onRender.apply(this, arguments);
1827 1493
1494 + // Defer to wait for everything to render.
1495 + setTimeout(function () {
1496 + _this.droppableInitialize();
1497 + });
1498 + },
1499 + droppableInitialize: function droppableInitialize() {
1500 + this.$el.html5Droppable(this.getDroppableOptions());
1501 + },
1502 + isDroppingAllowed: function isDroppingAllowed() {
1503 + return true;
1504 + },
1505 + behaviors: function behaviors() {
1506 + var behaviors = BaseElementView.prototype.behaviors.apply(this, arguments);
1507 + _.extend(behaviors, {
1508 + Sortable: {
1509 + behaviorClass: __webpack_require__(/*! elementor-behaviors/sortable */ "../assets/dev/js/editor/elements/views/behaviors/sortable.js"),
1510 + elChildType: 'widget'
1511 + }
1512 + });
1513 + return elementor.hooks.applyFilters('elements/div-block/behaviors', behaviors, this);
1514 + },
1515 + /**
1516 + * @return {{}} options
1517 + */
1518 + getSortableOptions: function getSortableOptions() {
1519 + return {
1520 + preventInit: true
1521 + };
1522 + },
1523 + getDroppableOptions: function getDroppableOptions() {
1524 + var _this2 = this;
1525 + var items = '> .elementor-element, > .elementor-empty-view .elementor-first-add';
1526 + return {
1527 + items: items,
1528 + groups: ['elementor-element'],
1529 + horizontalThreshold: 5,
1530 + isDroppingAllowed: this.isDroppingAllowed.bind(this),
1531 + currentElementClass: 'elementor-html5dnd-current-element',
1532 + placeholderClass: 'elementor-sortable-placeholder elementor-widget-placeholder',
1533 + hasDraggingOnChildClass: 'e-dragging-over',
1534 + getDropContainer: function getDropContainer() {
1535 + return _this2.getContainer();
1536 + },
1537 + onDropping: function onDropping(side, event) {
1538 + event.stopPropagation();
1539 +
1540 + // Triggering drag end manually, since it won't fired above iframe
1541 + elementor.getPreviewView().onPanelElementDragEnd();
1542 + var draggedView = elementor.channels.editor.request('element:dragged'),
1543 + draggingInSameParent = (draggedView === null || draggedView === void 0 ? void 0 : draggedView.parent) === _this2,
1544 + containerSelector = event.currentTarget.parentElement;
1545 + var $elements = jQuery(containerSelector).find('> .elementor-element');
1546 +
1547 + // Exclude the dragged element from the indexing calculations.
1548 + if (draggingInSameParent) {
1549 + $elements = $elements.not(draggedView.$el);
1550 + }
1551 + var widgetsArray = Object.values($elements);
1552 + var newIndex = widgetsArray.indexOf(event.currentTarget);
1553 +
1554 + // Plus one in order to insert it after the current target element.
1555 + if (_this2.shouldIncrementIndex(side)) {
1556 + newIndex++;
1557 + }
1558 +
1559 + // User is sorting inside a Container.
1560 + if (draggedView) {
1561 + // Prevent the user from dragging a parent container into its own child container
1562 + var draggedId = draggedView.getContainer().id;
1563 + var currentTargetParentContainer = _this2.container;
1564 + while (currentTargetParentContainer) {
1565 + if (currentTargetParentContainer.id === draggedId) {
1566 + return;
1567 + }
1568 + currentTargetParentContainer = currentTargetParentContainer.parent;
1569 + }
1570 +
1571 + // Reset the dragged element cache.
1572 + elementor.channels.editor.reply('element:dragged', null);
1573 + $e.run('document/elements/move', {
1574 + container: draggedView.getContainer(),
1575 + target: _this2.getContainer(),
1576 + options: {
1577 + at: newIndex
1578 + }
1579 + });
1580 + return;
1581 + }
1582 +
1583 + // User is dragging an element from the panel.
1584 + _this2.onDrop(event, {
1585 + at: newIndex
1586 + });
1587 + }
1588 + };
1589 + },
1590 + getEditButtons: function getEditButtons() {
1591 + var elementData = elementor.getElementData(this.model),
1592 + editTools = {};
1593 + if ($e.components.get('document/elements').utils.allowAddingWidgets()) {
1594 + editTools.add = {
1595 + /* Translators: %s: Element Name. */
1596 + title: sprintf(__('Add %s', 'elementor'), elementData.title),
1597 + icon: 'plus'
1598 + };
1599 + editTools.edit = {
1600 + /* Translators: %s: Element Name. */
1601 + title: sprintf(__('Edit %s', 'elementor'), elementData.title),
1602 + icon: 'handle'
1603 + };
1604 + }
1605 + if (!this.getContainer().isLocked()) {
1606 + if (elementor.getPreferences('edit_buttons') && $e.components.get('document/elements').utils.allowAddingWidgets()) {
1607 + editTools.duplicate = {
1608 + /* Translators: %s: Element Name. */
1609 + title: sprintf(__('Duplicate %s', 'elementor'), elementData.title),
1610 + icon: 'clone'
1611 + };
1612 + }
1613 + editTools.remove = {
1614 + /* Translators: %s: Element Name. */
1615 + title: sprintf(__('Delete %s', 'elementor'), elementData.title),
1616 + icon: 'close'
1617 + };
1618 + }
1619 + return editTools;
1620 + },
1621 + shouldIncrementIndex: function shouldIncrementIndex(side) {
1622 + if (!this.draggingOnBottomOrRightSide(side)) {
1623 + return false;
1624 + }
1625 + return !this.emptyViewIsCurrentlyBeingDraggedOver();
1626 + },
1627 + draggingOnBottomOrRightSide: function draggingOnBottomOrRightSide(side) {
1628 + return ['bottom', 'right'].includes(side);
1629 + },
1630 + emptyViewIsCurrentlyBeingDraggedOver: function emptyViewIsCurrentlyBeingDraggedOver() {
1631 + return this.$el.find('> .elementor-empty-view > .elementor-first-add.elementor-html5dnd-current-element').length > 0;
1632 + },
1633 + /**
1634 + * Toggle the `New Section` view when clicking the `add` button in the edit tools.
1635 + *
1636 + * @return {void}
1637 + */
1638 + onAddButtonClick: function onAddButtonClick() {
1639 + if (this.addSectionView && !this.addSectionView.isDestroyed) {
1640 + this.addSectionView.fadeToDeath();
1641 + return;
1642 + }
1643 + var addSectionView = new elementor.modules.elements.components.AddSectionView({
1644 + at: this.model.collection.indexOf(this.model)
1645 + });
1646 + addSectionView.render();
1647 + this.$el.before(addSectionView.$el);
1648 + addSectionView.$el.hide();
1649 +
1650 + // Delaying the slide down for slow-render browsers (such as FF)
1651 + setTimeout(function () {
1652 + addSectionView.$el.slideDown(null, function () {
1653 + // Remove inline style, for preview mode.
1654 + jQuery(this).css('display', '');
1655 + });
1656 + });
1657 + this.addSectionView = addSectionView;
1658 + },
1659 + getClasses: function getClasses() {
1660 + var _this$options;
1661 + 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) || [];
1662 + },
1663 + getClassString: function getClassString() {
1664 + var classes = this.getClasses();
1665 + return classes.length ? [''].concat((0, _toConsumableArray2.default)(classes)).join(' ') : '';
1666 + }
1667 +});
1668 +module.exports = DivBlockView;
1669 +
1828 1670 /***/ }),
1829 1671
1830 -/***/ "../modules/atomic-widgets/assets/js/editor/utils/get-random-style-id.js":
1831 -/*!*******************************************************************************!*\
1832 - !*** ../modules/atomic-widgets/assets/js/editor/utils/get-random-style-id.js ***!
1833 - \*******************************************************************************/
1672 +/***/ "../modules/atomic-widgets/assets/js/editor/utils/get-variants.js":
1673 +/*!************************************************************************!*\
1674 + !*** ../modules/atomic-widgets/assets/js/editor/utils/get-variants.js ***!
1675 + \************************************************************************/
1834 1676 /***/ ((__unused_webpack_module, exports) => {
1835 1677
1836 1678 "use strict";
1837 1679
@@ -1838,146 +1680,89 @@
1838 1680
1839 1681 Object.defineProperty(exports, "__esModule", ({
1840 1682 value: true
1841 1683 }));
1842 -exports.getRandomStyleId = getRandomStyleId;
1843 -/**
1844 - * @typedef {import('elementor/assets/dev/js/editor/container/container')} Container
1845 - */
1846 -
1847 -/**
1848 - * @param {Container} container
1849 - * @param {Object} existingStyleIds
1850 - * @return {string}
1851 - */
1852 -function getRandomStyleId(container) {
1853 - var existingStyleIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
1854 - var id;
1855 - do {
1856 - id = "e-".concat(container.id, "-").concat(elementorCommon.helpers.getUniqueId());
1857 - } while (existingStyleIds.hasOwnProperty(id));
1858 - return id;
1684 +exports.getVariantByMeta = getVariantByMeta;
1685 +exports.getVariantsWithoutMeta = getVariantsWithoutMeta;
1686 +function getVariantByMeta(variants, meta) {
1687 + return variants.find(function (variant) {
1688 + return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
1689 + });
1859 1690 }
1691 +function getVariantsWithoutMeta(variants, meta) {
1692 + return variants.filter(function (variant) {
1693 + return variant.meta.breakpoint !== meta.breakpoint || variant.meta.state !== meta.state;
1694 + });
1695 +}
1860 1696
1861 1697 /***/ }),
1862 1698
1863 -/***/ "../modules/atomic-widgets/assets/js/editor/utils/regenerate-local-style-ids.js":
1864 -/*!**************************************************************************************!*\
1865 - !*** ../modules/atomic-widgets/assets/js/editor/utils/regenerate-local-style-ids.js ***!
1866 - \**************************************************************************************/
1699 +/***/ "../node_modules/react-dom/client.js":
1700 +/*!*******************************************!*\
1701 + !*** ../node_modules/react-dom/client.js ***!
1702 + \*******************************************/
1867 1703 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1868 1704
1869 1705 "use strict";
1870 1706
1871 1707
1872 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1873 -Object.defineProperty(exports, "__esModule", ({
1874 - value: true
1875 -}));
1876 -exports.regenerateLocalStyleIds = regenerateLocalStyleIds;
1877 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1878 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1879 -var _getElementChildren = __webpack_require__(/*! ./get-element-children */ "../modules/atomic-widgets/assets/js/editor/utils/get-element-children.js");
1880 -var _getRandomStyleId = __webpack_require__(/*! ./get-random-style-id */ "../modules/atomic-widgets/assets/js/editor/utils/get-random-style-id.js");
1881 -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; }
1882 -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; }
1883 -function regenerateLocalStyleIds(container) {
1884 - var allElements = (0, _getElementChildren.getElementChildren)(container.model);
1885 - var styledElements = allElements.filter(function (model) {
1886 - var _model$get;
1887 - return Object.keys((_model$get = model.get('styles')) !== null && _model$get !== void 0 ? _model$get : {}).length > 0;
1888 - });
1889 - updateElementsStyleIdsInsideOut(styledElements);
1890 -}
1891 -function isClassesProp(prop) {
1892 - return prop.$$type && 'classes' === prop.$$type && Array.isArray(prop.value) && prop.value.length > 0;
1893 -}
1894 -function calculateNewStylesAndSettings(element, model, settings) {
1895 - var _settings$toJSON;
1896 - var originalStyles = model.get('styles');
1897 - var settingsJson = (_settings$toJSON = settings === null || settings === void 0 ? void 0 : settings.toJSON()) !== null && _settings$toJSON !== void 0 ? _settings$toJSON : {};
1898 - var classesProps = Object.entries(settingsJson).filter(function (_ref) {
1899 - var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
1900 - propValue = _ref2[1];
1901 - return isClassesProp(propValue);
1902 - });
1903 - var newStyles = {};
1904 - var changedIds = {};
1905 - Object.entries(originalStyles).forEach(function (_ref3) {
1906 - var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
1907 - originalStyleId = _ref4[0],
1908 - style = _ref4[1];
1909 - var newStyleId = (0, _getRandomStyleId.getRandomStyleId)(element, newStyles);
1910 - newStyles[newStyleId] = structuredClone(_objectSpread(_objectSpread({}, style), {}, {
1911 - id: newStyleId
1912 - }));
1913 - changedIds[originalStyleId] = newStyleId;
1914 - });
1915 - var newClassesProps = classesProps.map(function (_ref5) {
1916 - var _ref6 = (0, _slicedToArray2.default)(_ref5, 2),
1917 - key = _ref6[0],
1918 - value = _ref6[1];
1919 - return [key, _objectSpread(_objectSpread({}, value), {}, {
1920 - value: value.value.map(function (className) {
1921 - var _changedIds$className;
1922 - return (_changedIds$className = changedIds[className]) !== null && _changedIds$className !== void 0 ? _changedIds$className : className;
1923 - })
1924 - })];
1925 - }, {});
1926 - return {
1927 - newStyles: newStyles,
1928 - newSettings: Object.fromEntries(newClassesProps)
1708 +var m = __webpack_require__(/*! react-dom */ "react-dom");
1709 +if (false) {} else {
1710 + var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
1711 + exports.createRoot = function(c, o) {
1712 + i.usingClientEntryPoint = true;
1713 + try {
1714 + return m.createRoot(c, o);
1715 + } finally {
1716 + i.usingClientEntryPoint = false;
1717 + }
1929 1718 };
1719 + exports.hydrateRoot = function(c, h, o) {
1720 + i.usingClientEntryPoint = true;
1721 + try {
1722 + return m.hydrateRoot(c, h, o);
1723 + } finally {
1724 + i.usingClientEntryPoint = false;
1725 + }
1726 + };
1930 1727 }
1931 -function updateStyleIdForContainer(container) {
1932 - var model = container.model,
1933 - settings = container.settings;
1934 - var _calculateNewStylesAn = calculateNewStylesAndSettings(container, model, settings),
1935 - newStyles = _calculateNewStylesAn.newStyles,
1936 - newSettings = _calculateNewStylesAn.newSettings;
1937 - $e.internal('document/elements/set-settings', {
1938 - container: container,
1939 - settings: newSettings
1940 - });
1941 - model.set('styles', newStyles);
1942 -}
1943 -function updateStyleIdForModel(model) {
1944 - var settings = model.get('settings');
1945 - var _calculateNewStylesAn2 = calculateNewStylesAndSettings(model, model, settings),
1946 - newStyles = _calculateNewStylesAn2.newStyles,
1947 - newSettings = _calculateNewStylesAn2.newSettings;
1948 - settings.set(newSettings);
1949 - model.set('styles', newStyles);
1950 -}
1951 -function updateStyleId(model) {
1952 - var container = window.elementor.getContainer(model.get('id'));
1953 1728
1954 - // If view exists, update the styles via the container
1955 - if (container) {
1956 - updateStyleIdForContainer(container);
1957 - return;
1958 - }
1959 - updateStyleIdForModel(model);
1960 -}
1961 -function updateElementsStyleIdsInsideOut(styledElements) {
1962 - styledElements === null || styledElements === void 0 || styledElements.reverse().forEach(updateStyleId);
1963 -}
1964 1729
1965 1730 /***/ }),
1966 1731
1967 -/***/ "../node_modules/@babel/runtime/helpers/OverloadYield.js":
1968 -/*!***************************************************************!*\
1969 - !*** ../node_modules/@babel/runtime/helpers/OverloadYield.js ***!
1970 - \***************************************************************/
1732 +/***/ "react":
1733 +/*!************************!*\
1734 + !*** external "React" ***!
1735 + \************************/
1971 1736 /***/ ((module) => {
1972 1737
1973 -function _OverloadYield(e, d) {
1974 - this.v = e, this.k = d;
1975 -}
1976 -module.exports = _OverloadYield, module.exports.__esModule = true, module.exports["default"] = module.exports;
1738 +"use strict";
1739 +module.exports = React;
1977 1740
1978 1741 /***/ }),
1979 1742
1743 +/***/ "react-dom":
1744 +/*!***************************!*\
1745 + !*** external "ReactDOM" ***!
1746 + \***************************/
1747 +/***/ ((module) => {
1748 +
1749 +"use strict";
1750 +module.exports = ReactDOM;
1751 +
1752 +/***/ }),
1753 +
1754 +/***/ "@wordpress/i18n":
1755 +/*!**************************!*\
1756 + !*** external "wp.i18n" ***!
1757 + \**************************/
1758 +/***/ ((module) => {
1759 +
1760 +"use strict";
1761 +module.exports = wp.i18n;
1762 +
1763 +/***/ }),
1764 +
1980 1765 /***/ "../node_modules/@babel/runtime/helpers/arrayLikeToArray.js":
1981 1766 /*!******************************************************************!*\
1982 1767 !*** ../node_modules/@babel/runtime/helpers/arrayLikeToArray.js ***!
1983 1768 \******************************************************************/
@@ -2032,43 +1817,8 @@
2032 1817 module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
2033 1818
2034 1819 /***/ }),
2035 1820
2036 -/***/ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js":
2037 -/*!******************************************************************!*\
2038 - !*** ../node_modules/@babel/runtime/helpers/asyncToGenerator.js ***!
2039 - \******************************************************************/
2040 -/***/ ((module) => {
2041 -
2042 -function asyncGeneratorStep(n, t, e, r, o, a, c) {
2043 - try {
2044 - var i = n[a](c),
2045 - u = i.value;
2046 - } catch (n) {
2047 - return void e(n);
2048 - }
2049 - i.done ? t(u) : Promise.resolve(u).then(r, o);
2050 -}
2051 -function _asyncToGenerator(n) {
2052 - return function () {
2053 - var t = this,
2054 - e = arguments;
2055 - return new Promise(function (r, o) {
2056 - var a = n.apply(t, e);
2057 - function _next(n) {
2058 - asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
2059 - }
2060 - function _throw(n) {
2061 - asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
2062 - }
2063 - _next(void 0);
2064 - });
2065 - };
2066 -}
2067 -module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
2068 -
2069 -/***/ }),
2070 -
2071 1821 /***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
2072 1822 /*!****************************************************************!*\
2073 1823 !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
2074 1824 \****************************************************************/
@@ -2287,344 +2037,8 @@
2287 2037 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
2288 2038
2289 2039 /***/ }),
2290 2040
2291 -/***/ "../node_modules/@babel/runtime/helpers/regenerator.js":
2292 -/*!*************************************************************!*\
2293 - !*** ../node_modules/@babel/runtime/helpers/regenerator.js ***!
2294 - \*************************************************************/
2295 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2296 -
2297 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
2298 -function _regenerator() {
2299 - /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
2300 - var e,
2301 - t,
2302 - r = "function" == typeof Symbol ? Symbol : {},
2303 - n = r.iterator || "@@iterator",
2304 - o = r.toStringTag || "@@toStringTag";
2305 - function i(r, n, o, i) {
2306 - var c = n && n.prototype instanceof Generator ? n : Generator,
2307 - u = Object.create(c.prototype);
2308 - return regeneratorDefine(u, "_invoke", function (r, n, o) {
2309 - var i,
2310 - c,
2311 - u,
2312 - f = 0,
2313 - p = o || [],
2314 - y = !1,
2315 - G = {
2316 - p: 0,
2317 - n: 0,
2318 - v: e,
2319 - a: d,
2320 - f: d.bind(e, 4),
2321 - d: function d(t, r) {
2322 - return i = t, c = 0, u = e, G.n = r, a;
2323 - }
2324 - };
2325 - function d(r, n) {
2326 - for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
2327 - var o,
2328 - i = p[t],
2329 - d = G.p,
2330 - l = i[2];
2331 - 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));
2332 - }
2333 - if (o || r > 1) return a;
2334 - throw y = !0, n;
2335 - }
2336 - return function (o, p, l) {
2337 - if (f > 1) throw TypeError("Generator is already running");
2338 - for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
2339 - i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
2340 - try {
2341 - if (f = 2, i) {
2342 - if (c || (o = "next"), t = i[o]) {
2343 - if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
2344 - if (!t.done) return t;
2345 - u = t.value, c < 2 && (c = 0);
2346 - } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
2347 - i = e;
2348 - } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
2349 - } catch (t) {
2350 - i = e, c = 1, u = t;
2351 - } finally {
2352 - f = 1;
2353 - }
2354 - }
2355 - return {
2356 - value: t,
2357 - done: y
2358 - };
2359 - };
2360 - }(r, o, i), !0), u;
2361 - }
2362 - var a = {};
2363 - function Generator() {}
2364 - function GeneratorFunction() {}
2365 - function GeneratorFunctionPrototype() {}
2366 - t = Object.getPrototypeOf;
2367 - var c = [][n] ? t(t([][n]())) : (regeneratorDefine(t = {}, n, function () {
2368 - return this;
2369 - }), t),
2370 - u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
2371 - function f(e) {
2372 - return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
2373 - }
2374 - 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 () {
2375 - return this;
2376 - }), regeneratorDefine(u, "toString", function () {
2377 - return "[object Generator]";
2378 - }), (module.exports = _regenerator = function _regenerator() {
2379 - return {
2380 - w: i,
2381 - m: f
2382 - };
2383 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
2384 -}
2385 -module.exports = _regenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
2386 -
2387 -/***/ }),
2388 -
2389 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js":
2390 -/*!******************************************************************!*\
2391 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsync.js ***!
2392 - \******************************************************************/
2393 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2394 -
2395 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
2396 -function _regeneratorAsync(n, e, r, t, o) {
2397 - var a = regeneratorAsyncGen(n, e, r, t, o);
2398 - return a.next().then(function (n) {
2399 - return n.done ? n.value : a.next();
2400 - });
2401 -}
2402 -module.exports = _regeneratorAsync, module.exports.__esModule = true, module.exports["default"] = module.exports;
2403 -
2404 -/***/ }),
2405 -
2406 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js":
2407 -/*!*********************************************************************!*\
2408 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***!
2409 - \*********************************************************************/
2410 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2411 -
2412 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
2413 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
2414 -function _regeneratorAsyncGen(r, e, t, o, n) {
2415 - return new regeneratorAsyncIterator(regenerator().w(r, e, t, o), n || Promise);
2416 -}
2417 -module.exports = _regeneratorAsyncGen, module.exports.__esModule = true, module.exports["default"] = module.exports;
2418 -
2419 -/***/ }),
2420 -
2421 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js":
2422 -/*!**************************************************************************!*\
2423 - !*** ../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***!
2424 - \**************************************************************************/
2425 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2426 -
2427 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
2428 -var regeneratorDefine = __webpack_require__(/*! ./regeneratorDefine.js */ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js");
2429 -function AsyncIterator(t, e) {
2430 - function n(r, o, i, f) {
2431 - try {
2432 - var c = t[r](o),
2433 - u = c.value;
2434 - return u instanceof OverloadYield ? e.resolve(u.v).then(function (t) {
2435 - n("next", t, i, f);
2436 - }, function (t) {
2437 - n("throw", t, i, f);
2438 - }) : e.resolve(u).then(function (t) {
2439 - c.value = t, i(c);
2440 - }, function (t) {
2441 - return n("throw", t, i, f);
2442 - });
2443 - } catch (t) {
2444 - f(t);
2445 - }
2446 - }
2447 - var r;
2448 - this.next || (regeneratorDefine(AsyncIterator.prototype), regeneratorDefine(AsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () {
2449 - return this;
2450 - })), regeneratorDefine(this, "_invoke", function (t, o, i) {
2451 - function f() {
2452 - return new e(function (e, r) {
2453 - n(t, i, e, r);
2454 - });
2455 - }
2456 - return r = r ? r.then(f, f) : f();
2457 - }, !0);
2458 -}
2459 -module.exports = AsyncIterator, module.exports.__esModule = true, module.exports["default"] = module.exports;
2460 -
2461 -/***/ }),
2462 -
2463 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorDefine.js":
2464 -/*!*******************************************************************!*\
2465 - !*** ../node_modules/@babel/runtime/helpers/regeneratorDefine.js ***!
2466 - \*******************************************************************/
2467 -/***/ ((module) => {
2468 -
2469 -function _regeneratorDefine(e, r, n, t) {
2470 - var i = Object.defineProperty;
2471 - try {
2472 - i({}, "", {});
2473 - } catch (e) {
2474 - i = 0;
2475 - }
2476 - module.exports = _regeneratorDefine = function regeneratorDefine(e, r, n, t) {
2477 - function o(r, n) {
2478 - _regeneratorDefine(e, r, function (e) {
2479 - return this._invoke(r, n, e);
2480 - });
2481 - }
2482 - r ? i ? i(e, r, {
2483 - value: n,
2484 - enumerable: !t,
2485 - configurable: !t,
2486 - writable: !t
2487 - }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
2488 - }, module.exports.__esModule = true, module.exports["default"] = module.exports, _regeneratorDefine(e, r, n, t);
2489 -}
2490 -module.exports = _regeneratorDefine, module.exports.__esModule = true, module.exports["default"] = module.exports;
2491 -
2492 -/***/ }),
2493 -
2494 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js":
2495 -/*!*****************************************************************!*\
2496 - !*** ../node_modules/@babel/runtime/helpers/regeneratorKeys.js ***!
2497 - \*****************************************************************/
2498 -/***/ ((module) => {
2499 -
2500 -function _regeneratorKeys(e) {
2501 - var n = Object(e),
2502 - r = [];
2503 - for (var t in n) r.unshift(t);
2504 - return function e() {
2505 - for (; r.length;) if ((t = r.pop()) in n) return e.value = t, e.done = !1, e;
2506 - return e.done = !0, e;
2507 - };
2508 -}
2509 -module.exports = _regeneratorKeys, module.exports.__esModule = true, module.exports["default"] = module.exports;
2510 -
2511 -/***/ }),
2512 -
2513 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js":
2514 -/*!********************************************************************!*\
2515 - !*** ../node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***!
2516 - \********************************************************************/
2517 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2518 -
2519 -var OverloadYield = __webpack_require__(/*! ./OverloadYield.js */ "../node_modules/@babel/runtime/helpers/OverloadYield.js");
2520 -var regenerator = __webpack_require__(/*! ./regenerator.js */ "../node_modules/@babel/runtime/helpers/regenerator.js");
2521 -var regeneratorAsync = __webpack_require__(/*! ./regeneratorAsync.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsync.js");
2522 -var regeneratorAsyncGen = __webpack_require__(/*! ./regeneratorAsyncGen.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js");
2523 -var regeneratorAsyncIterator = __webpack_require__(/*! ./regeneratorAsyncIterator.js */ "../node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js");
2524 -var regeneratorKeys = __webpack_require__(/*! ./regeneratorKeys.js */ "../node_modules/@babel/runtime/helpers/regeneratorKeys.js");
2525 -var regeneratorValues = __webpack_require__(/*! ./regeneratorValues.js */ "../node_modules/@babel/runtime/helpers/regeneratorValues.js");
2526 -function _regeneratorRuntime() {
2527 - "use strict";
2528 -
2529 - var r = regenerator(),
2530 - e = r.m(_regeneratorRuntime),
2531 - t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor;
2532 - function n(r) {
2533 - var e = "function" == typeof r && r.constructor;
2534 - return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name));
2535 - }
2536 - var o = {
2537 - "throw": 1,
2538 - "return": 2,
2539 - "break": 3,
2540 - "continue": 3
2541 - };
2542 - function a(r) {
2543 - var e, t;
2544 - return function (n) {
2545 - e || (e = {
2546 - stop: function stop() {
2547 - return t(n.a, 2);
2548 - },
2549 - "catch": function _catch() {
2550 - return n.v;
2551 - },
2552 - abrupt: function abrupt(r, e) {
2553 - return t(n.a, o[r], e);
2554 - },
2555 - delegateYield: function delegateYield(r, o, a) {
2556 - return e.resultName = o, t(n.d, regeneratorValues(r), a);
2557 - },
2558 - finish: function finish(r) {
2559 - return t(n.f, r);
2560 - }
2561 - }, t = function t(r, _t, o) {
2562 - n.p = e.prev, n.n = e.next;
2563 - try {
2564 - return r(_t, o);
2565 - } finally {
2566 - e.next = n.n;
2567 - }
2568 - }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n;
2569 - try {
2570 - return r.call(this, e);
2571 - } finally {
2572 - n.p = e.prev, n.n = e.next;
2573 - }
2574 - };
2575 - }
2576 - return (module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
2577 - return {
2578 - wrap: function wrap(e, t, n, o) {
2579 - return r.w(a(e), t, n, o && o.reverse());
2580 - },
2581 - isGeneratorFunction: n,
2582 - mark: r.m,
2583 - awrap: function awrap(r, e) {
2584 - return new OverloadYield(r, e);
2585 - },
2586 - AsyncIterator: regeneratorAsyncIterator,
2587 - async: function async(r, e, t, o, u) {
2588 - return (n(e) ? regeneratorAsyncGen : regeneratorAsync)(a(r), e, t, o, u);
2589 - },
2590 - keys: regeneratorKeys,
2591 - values: regeneratorValues
2592 - };
2593 - }, module.exports.__esModule = true, module.exports["default"] = module.exports)();
2594 -}
2595 -module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
2596 -
2597 -/***/ }),
2598 -
2599 -/***/ "../node_modules/@babel/runtime/helpers/regeneratorValues.js":
2600 -/*!*******************************************************************!*\
2601 - !*** ../node_modules/@babel/runtime/helpers/regeneratorValues.js ***!
2602 - \*******************************************************************/
2603 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2604 -
2605 -var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
2606 -function _regeneratorValues(e) {
2607 - if (null != e) {
2608 - var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
2609 - r = 0;
2610 - if (t) return t.call(e);
2611 - if ("function" == typeof e.next) return e;
2612 - if (!isNaN(e.length)) return {
2613 - next: function next() {
2614 - return e && r >= e.length && (e = void 0), {
2615 - value: e && e[r++],
2616 - done: !e
2617 - };
2618 - }
2619 - };
2620 - }
2621 - throw new TypeError(_typeof(e) + " is not iterable");
2622 -}
2623 -module.exports = _regeneratorValues, module.exports.__esModule = true, module.exports["default"] = module.exports;
2624 -
2625 -/***/ }),
2626 -
2627 2041 /***/ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js":
2628 2042 /*!****************************************************************!*\
2629 2043 !*** ../node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
2630 2044 \****************************************************************/
@@ -2759,100 +2173,8 @@
2759 2173 }
2760 2174 }
2761 2175 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
2762 2176
2763 -/***/ }),
2764 -
2765 -/***/ "../node_modules/@babel/runtime/regenerator/index.js":
2766 -/*!***********************************************************!*\
2767 - !*** ../node_modules/@babel/runtime/regenerator/index.js ***!
2768 - \***********************************************************/
2769 -/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
2770 -
2771 -// TODO(Babel 8): Remove this file.
2772 -
2773 -var runtime = __webpack_require__(/*! ../helpers/regeneratorRuntime */ "../node_modules/@babel/runtime/helpers/regeneratorRuntime.js")();
2774 -module.exports = runtime;
2775 -
2776 -// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
2777 -try {
2778 - regeneratorRuntime = runtime;
2779 -} catch (accidentalStrictMode) {
2780 - if (typeof globalThis === "object") {
2781 - globalThis.regeneratorRuntime = runtime;
2782 - } else {
2783 - Function("r", "regeneratorRuntime = r")(runtime);
2784 - }
2785 -}
2786 -
2787 -
2788 -/***/ }),
2789 -
2790 -/***/ "../node_modules/react-dom/client.js":
2791 -/*!*******************************************!*\
2792 - !*** ../node_modules/react-dom/client.js ***!
2793 - \*******************************************/
2794 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
2795 -
2796 -"use strict";
2797 -
2798 -
2799 -var m = __webpack_require__(/*! react-dom */ "react-dom");
2800 -if (false) // removed by dead control flow
2801 -{} else {
2802 - var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
2803 - exports.createRoot = function(c, o) {
2804 - i.usingClientEntryPoint = true;
2805 - try {
2806 - return m.createRoot(c, o);
2807 - } finally {
2808 - i.usingClientEntryPoint = false;
2809 - }
2810 - };
2811 - exports.hydrateRoot = function(c, h, o) {
2812 - i.usingClientEntryPoint = true;
2813 - try {
2814 - return m.hydrateRoot(c, h, o);
2815 - } finally {
2816 - i.usingClientEntryPoint = false;
2817 - }
2818 - };
2819 -}
2820 -
2821 -
2822 -/***/ }),
2823 -
2824 -/***/ "@wordpress/i18n":
2825 -/*!**************************!*\
2826 - !*** external "wp.i18n" ***!
2827 - \**************************/
2828 -/***/ ((module) => {
2829 -
2830 -"use strict";
2831 -module.exports = wp.i18n;
2832 -
2833 -/***/ }),
2834 -
2835 -/***/ "react":
2836 -/*!************************!*\
2837 - !*** external "React" ***!
2838 - \************************/
2839 -/***/ ((module) => {
2840 -
2841 -"use strict";
2842 -module.exports = React;
2843 -
2844 -/***/ }),
2845 -
2846 -/***/ "react-dom":
2847 -/*!***************************!*\
2848 - !*** external "ReactDOM" ***!
2849 - \***************************/
2850 -/***/ ((module) => {
2851 -
2852 -"use strict";
2853 -module.exports = ReactDOM;
2854 -
2855 2177 /***/ })
2856 2178
2857 2179 /******/ });
2858 2180 /************************************************************************/
@@ -2890,8 +2212,9 @@
2890 2212 \************************************************************/
2891 2213
2892 2214
2893 2215 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
2216 +var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
2894 2217 var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
2895 2218 var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
2896 2219 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
2897 2220 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
@@ -2896,13 +2219,9 @@
2896 2219 var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
2897 2220 var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
2898 2221 var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
2899 2222 var _component = _interopRequireDefault(__webpack_require__(/*! ./component */ "../modules/atomic-widgets/assets/js/editor/component.js"));
2900 -var _atomicElementBaseType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-base-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-type.js"));
2901 -var _createAtomicElementBaseView = _interopRequireDefault(__webpack_require__(/*! ./create-atomic-element-base-view */ "../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js"));
2902 -var _atomicElementBaseModel = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-base-model */ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js"));
2903 -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"));
2904 -var _createFlexboxType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-types/create-flexbox-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js"));
2223 +var _atomicWidgetType = __webpack_require__(/*! ./atomic-widget-type */ "../modules/atomic-widgets/assets/js/editor/atomic-widget-type.js");
2905 2224 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)); }
2906 2225 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
2907 2226 var Module = /*#__PURE__*/function (_elementorModules$edi) {
2908 2227 function Module() {
@@ -2913,23 +2232,30 @@
2913 2232 return (0, _createClass2.default)(Module, [{
2914 2233 key: "onInit",
2915 2234 value: function onInit() {
2916 2235 $e.components.register(new _component.default());
2917 - this.exposeAtomicElementClasses();
2918 - this.registerAtomicElements();
2236 + this.registerAtomicWidgetTypes();
2919 2237 }
2920 2238 }, {
2921 - key: "exposeAtomicElementClasses",
2922 - value: function exposeAtomicElementClasses() {
2923 - elementor.modules.elements.types.AtomicElementBase = _atomicElementBaseType.default;
2924 - elementor.modules.elements.views.createAtomicElementBase = _createAtomicElementBaseView.default;
2925 - elementor.modules.elements.models.AtomicElementBase = _atomicElementBaseModel.default;
2239 + key: "registerAtomicWidgetTypes",
2240 + value: function registerAtomicWidgetTypes() {
2241 + var _elementor$widgetsCac;
2242 + Object.entries((_elementor$widgetsCac = elementor.widgetsCache) !== null && _elementor$widgetsCac !== void 0 ? _elementor$widgetsCac : {}).filter(function (_ref) {
2243 + var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
2244 + widget = _ref2[1];
2245 + return !!widget.atomic;
2246 + }).forEach(function (_ref3) {
2247 + var _ref4 = (0, _slicedToArray2.default)(_ref3, 1),
2248 + type = _ref4[0];
2249 + return elementor.elementsManager.registerElementType(new _atomicWidgetType.AtomicWidgetType(type));
2250 + });
2251 + this.registerAtomicDivBlockType();
2926 2252 }
2927 2253 }, {
2928 - key: "registerAtomicElements",
2929 - value: function registerAtomicElements() {
2930 - elementor.elementsManager.registerElementType((0, _createDivBlockType.default)());
2931 - elementor.elementsManager.registerElementType((0, _createFlexboxType.default)());
2254 + key: "registerAtomicDivBlockType",
2255 + value: function registerAtomicDivBlockType() {
2256 + var DivBlock = (__webpack_require__(/*! ./div-block-type */ "../modules/atomic-widgets/assets/js/editor/div-block-type.js")["default"]);
2257 + elementor.elementsManager.registerElementType(new DivBlock());
2932 2258 }
2933 2259 }]);
2934 2260 }(elementorModules.editor.utils.Module);
2935 2261 new Module();