← All changes | assets/js/atomic-widgets-editor.js +31 -69 4.2.0-beta2 → 4.1.4 View file →

		@@ -376,9 +376,13 @@
376	376	value: function dispatchEvent(eventName, payload) {
377	377	if (!this.isEventsManagerAvailable() || !this.canSendEvents()) {
378	378	return false;
379	379	}
380		- this.getEventsManager().dispatchEvent(eventName, payload);
	380	+ try {
	381	+ return this.getEventsManager().dispatchEvent(eventName, payload);
	382	+ } catch (error) {
	383	+ return false;
	384	+ }
381	385	}
382	386	}, {
383	387	key: "toLowerSnake",
384	388	value: function toLowerSnake(value) {
		@@ -1041,29 +1045,8 @@
1041	1045	var _default = exports["default"] = createFlexboxType;
1042	1046
1043	1047	/***/ }),
1044	1048
1045		-/***/ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-grid-type.js":
1046		-/*!*******************************************************************************************!*\
1047		- !*** ../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-grid-type.js ***!
1048		- \*******************************************************************************************/
1049		-/***/ ((__unused_webpack_module, exports) => {
1050		-
1051		-"use strict";
1052		-
1053		-
1054		-Object.defineProperty(exports, "__esModule", ({
1055		- value: true
1056		-}));
1057		-exports["default"] = void 0;
1058		-var createGridType = function createGridType() {
1059		- var GridView = elementor.modules.elements.views.createAtomicElementBase('e-grid');
1060		- return new elementor.modules.elements.types.AtomicElementBase('e-grid', GridView);
1061		-};
1062		-var _default = exports["default"] = createGridType;
1063		-
1064		-/***/ }),
1065		-
1066	1049	/***/ "../modules/atomic-widgets/assets/js/editor/component.js":
1067	1050	/*!***************************************************************!*\
1068	1051	!*** ../modules/atomic-widgets/assets/js/editor/component.js ***!
1069	1052	\***************************************************************/
		@@ -1337,32 +1320,12 @@
1337	1320	BaseElementView.prototype.onRender.apply(this, arguments);
1338	1321
1339	1322	// Defer to wait for everything to render.
1340	1323	setTimeout(function () {
1341		- if (_this5.isAtomicGridContainer()) {
1342		- _this5.reInitEmptyView();
1343		- }
1344	1324	_this5.droppableInitialize();
1345	1325	_this5.updateHandlesPosition();
1346	1326	});
1347	1327	},
1348		- destroyEmptyView: function destroyEmptyView() {
1349		- if (this.isAtomicGridContainer()) {
1350		- return;
1351		- }
1352		- return Marionette.CompositeView.prototype.destroyEmptyView.apply(this, arguments);
1353		- },
1354		- isAtomicGridContainer: function isAtomicGridContainer() {
1355		- return 'e-grid' === type;
1356		- },
1357		- reInitEmptyView: function reInitEmptyView() {
1358		- var _this$el;
1359		- if ((_this$el = this.el) !== null && _this$el !== void 0 && _this$el.querySelector(':scope > .elementor-empty-view')) {
1360		- return;
1361		- }
1362		- delete this._showingEmptyView;
1363		- this.showEmptyView();
1364		- },
1365	1328	onDestroy: function onDestroy() {
1366	1329	BaseElementView.prototype.onDestroy.apply(this, arguments);
1367	1330	this.dispatchPreviewEvent('elementor/element/destroy');
1368	1331	},
		@@ -1500,9 +1463,9 @@
1500	1463	getDroppableOptions: function getDroppableOptions() {
1501	1464	var _this7 = this;
1502	1465	var items = '> .elementor-element, > .elementor-empty-view .elementor-first-add';
1503	1466	return {
1504		- axis: this.isAtomicGridContainer() ? 'vertical' : null,
	1467	+ axis: null,
1505	1468	items: items,
1506	1469	groups: ['elementor-element'],
1507	1470	horizontalThreshold: 0,
1508	1471	isDroppingAllowed: this.isDroppingAllowed.bind(this),
		@@ -1518,26 +1481,41 @@
1518	1481	// Triggering the drag end manually, since it won't fire above the iframe
1519	1482	elementor.getPreviewView().onPanelElementDragEnd();
1520	1483	var draggedView = elementor.channels.editor.request('element:dragged'),
1521	1484	draggedElement = draggedView === null || draggedView === void 0 ? void 0 : draggedView.getContainer().view.el,
1522		- isEmptyViewTarget = _this7.emptyViewIsCurrentlyBeingDraggedOver(),
1523		- containerElement = isEmptyViewTarget ? _this7.el : event.currentTarget.parentElement,
	1485	+ containerElement = event.currentTarget.parentElement,
1524	1486	elements = Array.from((containerElement === null || containerElement === void 0 ? void 0 : containerElement.querySelectorAll(':scope > .elementor-element')) || []);
1525		- var targetIndex = isEmptyViewTarget ? elements.length : elements.indexOf(event.currentTarget);
	1487	+ var targetIndex = elements.indexOf(event.currentTarget);
1526	1488	if (_this7.isPanelElement(draggedView, draggedElement)) {
1527		- if (_this7.draggingOnBottomOrRightSide(side) && !isEmptyViewTarget) {
	1489	+ var _elementorCommon;
	1490	+ if (_this7.draggingOnBottomOrRightSide(side) && !_this7.emptyViewIsCurrentlyBeingDraggedOver()) {
1528	1491	targetIndex++;
1529	1492	}
1530	1493	_this7.onDrop(event, {
1531	1494	at: targetIndex
1532	1495	});
	1496	+ if ((_elementorCommon = elementorCommon) !== null && _elementorCommon !== void 0 && (_elementorCommon = _elementorCommon.eventsManager) !== null && _elementorCommon !== void 0 && _elementorCommon.dispatchEvent) {
	1497	+ var selectedElement = elementor.channels.panelElements.request('element:selected');
	1498	+ if (selectedElement) {
	1499	+ var _selectedElement$mode, _selectedElement$mode2, _selectedElement$mode3, _selectedElement$mode4;
	1500	+ 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 : '';
	1501	+ 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 : '';
	1502	+ var elementName = 'widget' === elType ? widgetType : elType;
	1503	+ elementorCommon.eventsManager.dispatchEvent('add_element', {
	1504	+ location: 'editor_panel',
	1505	+ element_name: elementName,
	1506	+ element_type: elType,
	1507	+ widget_type: widgetType
	1508	+ });
	1509	+ }
	1510	+ }
1533	1511	return;
1534	1512	}
1535	1513	if (_this7.isParentElement(draggedView.getContainer().id)) {
1536	1514	return;
1537	1515	}
1538		- if (isEmptyViewTarget) {
1539		- _this7.moveDroppedItem(draggedView, targetIndex);
	1516	+ if (_this7.emptyViewIsCurrentlyBeingDraggedOver()) {
	1517	+ _this7.moveDroppedItem(draggedView, 0);
1540	1518	return;
1541	1519	}
1542	1520	_this7.moveExistingElement(side, draggedView, containerElement, elements, targetIndex, draggedElement);
1543	1521	}
		@@ -1895,12 +1873,9 @@
1895	1873	exports.getElementChildren = getElementChildren;
1896	1874	var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1897	1875	function getElementChildren(model) {
1898	1876	var _model$get$models, _model$get;
1899		- if (!model) {
1900		- return [];
1901		- }
1902		- var childModels = (_model$get$models = (_model$get = model.get('elements')) === null || _model$get === void 0 ? void 0 : _model$get.models) !== null && _model$get$models !== void 0 ? _model$get$models : [];
	1877	+ 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 : [];
1903	1878	var children = childModels.flatMap(getElementChildren);
1904	1879	return [model].concat((0, _toConsumableArray2.default)(children));
1905	1880	}
1906	1881
		@@ -1959,15 +1934,12 @@
1959	1934	var _getRandomStyleId = __webpack_require__(/*! ./get-random-style-id */ "../modules/atomic-widgets/assets/js/editor/utils/get-random-style-id.js");
1960	1935	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; }
1961	1936	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; }
1962	1937	function regenerateLocalStyleIds(container) {
1963		- if (!(container !== null && container !== void 0 && container.model)) {
1964		- return;
1965		- }
1966	1938	var allElements = (0, _getElementChildren.getElementChildren)(container.model);
1967	1939	var styledElements = allElements.filter(function (model) {
1968	1940	var _model$get;
1969		- return model && Object.keys((_model$get = model.get('styles')) !== null && _model$get !== void 0 ? _model$get : {}).length > 0;
	1941	+ return Object.keys((_model$get = model.get('styles')) !== null && _model$get !== void 0 ? _model$get : {}).length > 0;
1970	1942	});
1971	1943	updateElementsStyleIdsInsideOut(styledElements);
1972	1944	}
1973	1945	function isClassesProp(prop) {
		@@ -2983,9 +2955,8 @@
2983	2955	var _createAtomicElementBaseView = _interopRequireDefault(__webpack_require__(/*! ./create-atomic-element-base-view */ "../modules/atomic-widgets/assets/js/editor/create-atomic-element-base-view.js"));
2984	2956	var _atomicElementBaseModel = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-base-model */ "../modules/atomic-widgets/assets/js/editor/atomic-element-base-model.js"));
2985	2957	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"));
2986	2958	var _createFlexboxType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-types/create-flexbox-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-flexbox-type.js"));
2987		-var _createGridType = _interopRequireDefault(__webpack_require__(/*! ./atomic-element-types/create-grid-type */ "../modules/atomic-widgets/assets/js/editor/atomic-element-types/create-grid-type.js"));
2988	2959	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)); }
2989	2960	function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
2990	2961	var Module = /*#__PURE__*/function (_elementorModules$edi) {
2991	2962	function Module() {
		@@ -3009,19 +2980,10 @@
3009	2980	}
3010	2981	}, {
3011	2982	key: "registerAtomicElements",
3012	2983	value: function registerAtomicElements() {
3013		- this.registerAtomicElementTypeIfAbsent((0, _createDivBlockType.default)());
3014		- this.registerAtomicElementTypeIfAbsent((0, _createFlexboxType.default)());
3015		- this.registerAtomicElementTypeIfAbsent((0, _createGridType.default)());
3016		- }
3017		- }, {
3018		- key: "registerAtomicElementTypeIfAbsent",
3019		- value: function registerAtomicElementTypeIfAbsent(elementType) {
3020		- if (elementor.elementsManager.getElementTypeClass(elementType.getType())) {
3021		- return;
3022		- }
3023		- elementor.elementsManager.registerElementType(elementType);
	2984	+ elementor.elementsManager.registerElementType((0, _createDivBlockType.default)());
	2985	+ elementor.elementsManager.registerElementType((0, _createFlexboxType.default)());
3024	2986	}
3025	2987	}]);
3026	2988	}(elementorModules.editor.utils.Module);
3027	2989	new Module();