← All changes | assets/js/new-template.js +8 -276 4.2.0-beta2 → 3.7.0-dev1 View file →

		@@ -1,128 +1,9 @@
	1	+/*! elementor - v3.5.6 - 16-03-2022 */
1	2	/******/ (() => { // webpackBootstrap
	3	+/******/ "use strict";
2	4	/******/ var __webpack_modules__ = ({
3	5
4		-/***/ "../assets/dev/js/admin/new-template/behaviors/lock-pro.js":
5		-/*!*****************************************************************!*\
6		- !*** ../assets/dev/js/admin/new-template/behaviors/lock-pro.js ***!
7		- \*****************************************************************/
8		-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
9		-
10		-"use strict";
11		-
12		-
13		-var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
14		-Object.defineProperty(exports, "__esModule", ({
15		- value: true
16		-}));
17		-exports["default"] = void 0;
18		-var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
19		-var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
20		-var LockPro = exports["default"] = /*#__PURE__*/function () {
21		- function LockPro(elements) {
22		- (0, _classCallCheck2.default)(this, LockPro);
23		- this.elements = elements;
24		- }
25		- return (0, _createClass2.default)(LockPro, [{
26		- key: "bindEvents",
27		- value: function bindEvents() {
28		- var _this$elements = this.elements,
29		- form = _this$elements.form,
30		- templateType = _this$elements.templateType;
31		- form.addEventListener('submit', this.onFormSubmit.bind(this));
32		- templateType.addEventListener('change', this.onTemplateTypeChange.bind(this));
33		-
34		- // Force checking on render, to make sure that default values are also checked.
35		- this.onTemplateTypeChange();
36		- }
37		- }, {
38		- key: "onFormSubmit",
39		- value: function onFormSubmit(e) {
40		- var lockOptions = this.getCurrentLockOptions();
41		- if (lockOptions.is_locked) {
42		- e.preventDefault();
43		- }
44		- }
45		- }, {
46		- key: "onTemplateTypeChange",
47		- value: function onTemplateTypeChange() {
48		- var lockOptions = this.getCurrentLockOptions();
49		- if (lockOptions.is_locked) {
50		- this.lock(lockOptions);
51		- } else {
52		- this.unlock();
53		- }
54		- }
55		- }, {
56		- key: "getCurrentLockOptions",
57		- value: function getCurrentLockOptions() {
58		- var templateType = this.elements.templateType,
59		- currentOption = templateType.options[templateType.selectedIndex];
60		- return JSON.parse(currentOption.dataset.lock || '{}');
61		- }
62		- }, {
63		- key: "lock",
64		- value: function lock(lockOptions) {
65		- this.showLockBadge(lockOptions.badge);
66		- this.showLockButton(lockOptions.button);
67		- this.hideSubmitButton();
68		- }
69		- }, {
70		- key: "unlock",
71		- value: function unlock() {
72		- this.hideLockBadge();
73		- this.hideLockButton();
74		- this.showSubmitButton();
75		- }
76		- }, {
77		- key: "showLockBadge",
78		- value: function showLockBadge(badgeConfig) {
79		- var _this$elements2 = this.elements,
80		- lockBadge = _this$elements2.lockBadge,
81		- lockBadgeText = _this$elements2.lockBadgeText,
82		- lockBadgeIcon = _this$elements2.lockBadgeIcon;
83		- lockBadgeText.innerText = badgeConfig.text;
84		- lockBadgeIcon.className = badgeConfig.icon;
85		- lockBadge.classList.remove('e-hidden');
86		- }
87		- }, {
88		- key: "hideLockBadge",
89		- value: function hideLockBadge() {
90		- this.elements.lockBadge.classList.add('e-hidden');
91		- }
92		- }, {
93		- key: "showLockButton",
94		- value: function showLockButton(buttonConfig) {
95		- var lockButton = this.elements.lockButton;
96		- lockButton.href = this.replaceLockLinkPlaceholders(buttonConfig.url);
97		- lockButton.innerText = buttonConfig.text;
98		- lockButton.classList.remove('e-hidden');
99		- }
100		- }, {
101		- key: "hideLockButton",
102		- value: function hideLockButton() {
103		- this.elements.lockButton.classList.add('e-hidden');
104		- }
105		- }, {
106		- key: "showSubmitButton",
107		- value: function showSubmitButton() {
108		- this.elements.submitButton.classList.remove('e-hidden');
109		- }
110		- }, {
111		- key: "hideSubmitButton",
112		- value: function hideSubmitButton() {
113		- this.elements.submitButton.classList.add('e-hidden');
114		- }
115		- }, {
116		- key: "replaceLockLinkPlaceholders",
117		- value: function replaceLockLinkPlaceholders(link) {
118		- return link.replace(/%%utm_source%%/g, 'wp-add-new').replace(/%%utm_medium%%/g, 'wp-dash');
119		- }
120		- }]);
121		-}();
122		-
123		-/***/ }),
124		-
125	6	/***/ "../assets/dev/js/admin/new-template/layout.js":
126	7	/*!*****************************************************!*\
127	8	!*** ../assets/dev/js/admin/new-template/layout.js ***!
128	9	\*****************************************************/
		@@ -127,15 +8,13 @@
127	8	!*** ../assets/dev/js/admin/new-template/layout.js ***!
128	9	\*****************************************************/
129	10	/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
130	11
131		-"use strict";
132	12	/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
133	13
134	14
135		-var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
136		-var _lockPro = _interopRequireDefault(__webpack_require__(/*! ./behaviors/lock-pro */ "../assets/dev/js/admin/new-template/behaviors/lock-pro.js"));
137	15	var NewTemplateView = __webpack_require__(/*! elementor-admin/new-template/view */ "../assets/dev/js/admin/new-template/view.js");
	16	+
138	17	module.exports = elementorModules.common.views.modal.Layout.extend({
139	18	getModalOptions: function getModalOptions() {
140	19	return {
141	20	id: 'elementor-new-template-modal'
		@@ -149,46 +28,9 @@
149	28	initialize: function initialize() {
150	29	elementorModules.common.views.modal.Layout.prototype.initialize.apply(this, arguments);
151	30	this.showLogo();
152	31	this.showContentView();
153		- this.initElements();
154		- this.lockProBehavior = new _lockPro.default(this.elements);
155		- this.lockProBehavior.bindEvents();
156		- this.setupDynamicControlsVisibility();
157	32	},
158		- setupDynamicControlsVisibility: function setupDynamicControlsVisibility() {
159		- // eslint-disable-next-line camelcase
160		- var isFormControlsDefined = 'undefined' !== typeof elementor_new_template_form_controls;
161		- if (!isFormControlsDefined) {
162		- return;
163		- }
164		- var CONTROL_ID_PREFIX = 'elementor-new-template__form__';
165		- var templateTypeSelectId = "".concat(CONTROL_ID_PREFIX, "template-type");
166		- var dynamicControlsVisibilityListener = function dynamicControlsVisibilityListener() {
167		- // eslint-disable-next-line camelcase
168		- elementorAdmin.templateControls.setDynamicControlsVisibility(CONTROL_ID_PREFIX, elementor_new_template_form_controls);
169		- };
170		- this.getModal().onShow = function () {
171		- dynamicControlsVisibilityListener();
172		- document.getElementById(templateTypeSelectId).addEventListener('change', dynamicControlsVisibilityListener);
173		- };
174		- this.getModal().onHide = function () {
175		- document.getElementById(templateTypeSelectId).removeEventListener('change', dynamicControlsVisibilityListener);
176		- };
177		- },
178		- initElements: function initElements() {
179		- var container = this.$el[0],
180		- root = '#elementor-new-template__form';
181		- this.elements = {
182		- form: container.querySelector(root),
183		- submitButton: container.querySelector("".concat(root, "__submit")),
184		- lockButton: container.querySelector("".concat(root, "__lock_button")),
185		- templateType: container.querySelector("".concat(root, "__template-type")),
186		- lockBadge: container.querySelector("".concat(root, "__template-type-badge")),
187		- lockBadgeText: container.querySelector("".concat(root, "__template-type-badge__text")),
188		- lockBadgeIcon: container.querySelector("".concat(root, "__template-type-badge__icon"))
189		- };
190		- },
191	33	showContentView: function showContentView() {
192	34	this.modalContent.show(new NewTemplateView());
193	35	}
194	36	});
		@@ -200,9 +42,8 @@
200	42	!*** ../assets/dev/js/admin/new-template/view.js ***!
201	43	\***************************************************/
202	44	/***/ ((module) => {
203	45
204		-"use strict";
205	46
206	47
207	48	module.exports = Marionette.ItemView.extend({
208	49	id: 'elementor-new-template-dialog-content',
		@@ -213,114 +54,8 @@
213	54	});
214	55
215	56	/***/ }),
216	57
217		-/***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
218		-/*!****************************************************************!*\
219		- !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
220		- \****************************************************************/
221		-/***/ ((module) => {
222		-
223		-function _classCallCheck(a, n) {
224		- if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
225		-}
226		-module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
227		-
228		-/***/ }),
229		-
230		-/***/ "../node_modules/@babel/runtime/helpers/createClass.js":
231		-/*!*************************************************************!*\
232		- !*** ../node_modules/@babel/runtime/helpers/createClass.js ***!
233		- \*************************************************************/
234		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
235		-
236		-var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
237		-function _defineProperties(e, r) {
238		- for (var t = 0; t < r.length; t++) {
239		- var o = r[t];
240		- o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
241		- }
242		-}
243		-function _createClass(e, r, t) {
244		- return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
245		- writable: !1
246		- }), e;
247		-}
248		-module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
249		-
250		-/***/ }),
251		-
252		-/***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js":
253		-/*!***********************************************************************!*\
254		- !*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***!
255		- \***********************************************************************/
256		-/***/ ((module) => {
257		-
258		-function _interopRequireDefault(e) {
259		- return e && e.__esModule ? e : {
260		- "default": e
261		- };
262		-}
263		-module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
264		-
265		-/***/ }),
266		-
267		-/***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
268		-/*!*************************************************************!*\
269		- !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
270		- \*************************************************************/
271		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
272		-
273		-var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
274		-function toPrimitive(t, r) {
275		- if ("object" != _typeof(t) || !t) return t;
276		- var e = t[Symbol.toPrimitive];
277		- if (void 0 !== e) {
278		- var i = e.call(t, r || "default");
279		- if ("object" != _typeof(i)) return i;
280		- throw new TypeError("@@toPrimitive must return a primitive value.");
281		- }
282		- return ("string" === r ? String : Number)(t);
283		-}
284		-module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
285		-
286		-/***/ }),
287		-
288		-/***/ "../node_modules/@babel/runtime/helpers/toPropertyKey.js":
289		-/*!***************************************************************!*\
290		- !*** ../node_modules/@babel/runtime/helpers/toPropertyKey.js ***!
291		- \***************************************************************/
292		-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
293		-
294		-var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
295		-var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ "../node_modules/@babel/runtime/helpers/toPrimitive.js");
296		-function toPropertyKey(t) {
297		- var i = toPrimitive(t, "string");
298		- return "symbol" == _typeof(i) ? i : i + "";
299		-}
300		-module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
301		-
302		-/***/ }),
303		-
304		-/***/ "../node_modules/@babel/runtime/helpers/typeof.js":
305		-/*!********************************************************!*\
306		- !*** ../node_modules/@babel/runtime/helpers/typeof.js ***!
307		- \********************************************************/
308		-/***/ ((module) => {
309		-
310		-function _typeof(o) {
311		- "@babel/helpers - typeof";
312		-
313		- return module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
314		- return typeof o;
315		- } : function (o) {
316		- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
317		- }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof(o);
318		-}
319		-module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
320		-
321		-/***/ }),
322		-
323	58	/***/ "@wordpress/i18n":
324	59	/*!**************************!*\
325	60	!*** external "wp.i18n" ***!
326	61	\**************************/
		@@ -325,9 +60,8 @@
325	60	!*** external "wp.i18n" ***!
326	61	\**************************/
327	62	/***/ ((module) => {
328	63
329		-"use strict";
330	64	module.exports = wp.i18n;
331	65
332	66	/***/ })
333	67
		@@ -358,11 +92,10 @@
358	92	/******/ }
359	93	/******/
360	94	/************************************************************************/
361	95	var __webpack_exports__ = {};
362		-// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
	96	+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
363	97	(() => {
364		-"use strict";
365	98	/*!***********************************************************!*\
366	99	!*** ../assets/dev/js/admin/new-template/new-template.js ***!
367	100	\***********************************************************/
368	101
		@@ -367,13 +100,14 @@
367	100	\***********************************************************/
368	101
369	102
370	103	var NewTemplateLayout = __webpack_require__(/*! elementor-admin/new-template/layout */ "../assets/dev/js/admin/new-template/layout.js");
	104	+
371	105	var NewTemplateModule = elementorModules.ViewModule.extend({
372	106	getDefaultSettings: function getDefaultSettings() {
373	107	return {
374	108	selectors: {
375		- addButton: 'a.page-title-action[href*="post-new.php?post_type=elementor_library"], #elementor-template-library-add-new'
	109	+ addButton: '.page-title-action:first, #elementor-template-library-add-new'
376	110	}
377	111	};
378	112	},
379	113	getDefaultElements: function getDefaultElements() {
		@@ -387,10 +121,9 @@
387	121	elementorCommon.elements.$window.on('hashchange', this.showModalByHash.bind(this));
388	122	},
389	123	showModalByHash: function showModalByHash() {
390	124	if ('#add_new' === location.hash) {
391		- var _this$layout;
392		- (_this$layout = this.layout) === null || _this$layout === void 0 || _this$layout.showModal();
	125	+ this.layout.showModal();
393	126	location.hash = '';
394	127	}
395	128	},
396	129	onInit: function onInit() {
		@@ -398,11 +131,10 @@
398	131	this.layout = new NewTemplateLayout();
399	132	this.showModalByHash();
400	133	},
401	134	onAddButtonClick: function onAddButtonClick(event) {
402		- var _this$layout2;
403	135	event.preventDefault();
404		- (_this$layout2 = this.layout) === null || _this$layout2 === void 0 || _this$layout2.showModal();
	136	+ this.layout.showModal();
405	137	}
406	138	});
407	139	jQuery(function () {
408	140	window.elementorNewTemplate = new NewTemplateModule();