PluginProbe
Elementor Website Builder – more than just a page builder / 3.22.2
Elementor Website Builder – more than just a page builder v3.22.2
4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 All 454 releases
← All changes | assets/js/responsive-bar.js +605 -420 4.3.1 → 3.22.2 View file →
@@ -1,437 +1,622 @@
1 -(function(_wordpress_i18n) {
1 +/*! elementor - v3.22.0 - 24-06-2024 */
2 +/******/ (() => { // webpackBootstrap
3 +/******/ var __webpack_modules__ = ({
2 4
3 -//#region \0rolldown/runtime.js
4 - var __defProp = Object.defineProperty;
5 - var __name = (target, value) => __defProp(target, "name", {
6 - value,
7 - configurable: true
8 - });
5 +/***/ "../assets/dev/js/editor/regions/responsive-bar/responsive-bar.js":
6 +/*!************************************************************************!*\
7 + !*** ../assets/dev/js/editor/regions/responsive-bar/responsive-bar.js ***!
8 + \************************************************************************/
9 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
9 10
10 -//#endregion
11 +"use strict";
11 12
12 -//#region node_modules/@babel/runtime/helpers/esm/classCallCheck.js
13 - function _classCallCheck(a, n) {
14 - if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
15 - }
16 13
17 -//#endregion
18 -//#region node_modules/@babel/runtime/helpers/esm/typeof.js
19 - function _typeof(o) {
20 - "@babel/helpers - typeof";
21 - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
22 - return typeof o;
23 - } : function(o) {
24 - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
25 - }, _typeof(o);
26 - }
14 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
15 +Object.defineProperty(exports, "__esModule", ({
16 + value: true
17 +}));
18 +exports["default"] = void 0;
19 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
20 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
21 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
22 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
23 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
24 +var _view = _interopRequireDefault(__webpack_require__(/*! ./view */ "../assets/dev/js/editor/regions/responsive-bar/view.js"));
25 +function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
26 +function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
27 +var _default = /*#__PURE__*/function (_Marionette$Region) {
28 + (0, _inherits2.default)(_default, _Marionette$Region);
29 + var _super = _createSuper(_default);
30 + function _default() {
31 + (0, _classCallCheck2.default)(this, _default);
32 + return _super.apply(this, arguments);
33 + }
34 + (0, _createClass2.default)(_default, [{
35 + key: "initialize",
36 + value: function initialize() {
37 + var _this = this;
38 + this.show(new _view.default());
39 + elementor.panel.$el.on({
40 + resizestart: function resizestart() {
41 + return _this.onPanelResizeStart();
42 + },
43 + resizestop: function resizestop() {
44 + return _this.onPanelResizeStop();
45 + }
46 + });
47 + }
48 + }, {
49 + key: "onPanelResizeStart",
50 + value: function onPanelResizeStart() {
51 + this.$el.addClass('ui-resizable-resizing');
52 + }
53 + }, {
54 + key: "onPanelResizeStop",
55 + value: function onPanelResizeStop() {
56 + this.$el.removeClass('ui-resizable-resizing');
57 + }
58 + }]);
59 + return _default;
60 +}(Marionette.Region);
61 +exports["default"] = _default;
27 62
28 -//#endregion
29 -//#region node_modules/@babel/runtime/helpers/esm/toPrimitive.js
30 - function toPrimitive(t, r) {
31 - if ("object" != _typeof(t) || !t) return t;
32 - var e = t[Symbol.toPrimitive];
33 - if (void 0 !== e) {
34 - var i = e.call(t, r || "default");
35 - if ("object" != _typeof(i)) return i;
36 - throw new TypeError("@@toPrimitive must return a primitive value.");
37 - }
38 - return ("string" === r ? String : Number)(t);
39 - }
63 +/***/ }),
40 64
41 -//#endregion
42 -//#region node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
43 - function toPropertyKey(t) {
44 - var i = toPrimitive(t, "string");
45 - return "symbol" == _typeof(i) ? i : i + "";
46 - }
65 +/***/ "../assets/dev/js/editor/regions/responsive-bar/view.js":
66 +/*!**************************************************************!*\
67 + !*** ../assets/dev/js/editor/regions/responsive-bar/view.js ***!
68 + \**************************************************************/
69 +/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
47 70
48 -//#endregion
49 -//#region node_modules/@babel/runtime/helpers/esm/createClass.js
50 - function _defineProperties(e, r) {
51 - for (var t = 0; t < r.length; t++) {
52 - var o = r[t];
53 - o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
54 - }
55 - }
56 - function _createClass(e, r, t) {
57 - return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e;
58 - }
71 +"use strict";
72 +/* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"];
59 73
60 -//#endregion
61 -//#region node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
62 - function _assertThisInitialized(e) {
63 - if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
64 - return e;
65 - }
66 74
67 -//#endregion
68 -//#region node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
69 - function _possibleConstructorReturn(t, e) {
70 - if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
71 - if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
72 - return _assertThisInitialized(t);
73 - }
75 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
76 +Object.defineProperty(exports, "__esModule", ({
77 + value: true
78 +}));
79 +exports["default"] = void 0;
80 +var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js"));
81 +var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js"));
82 +var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js"));
83 +var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js"));
84 +var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js"));
85 +function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
86 +function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
87 +var View = /*#__PURE__*/function (_Marionette$ItemView) {
88 + (0, _inherits2.default)(View, _Marionette$ItemView);
89 + var _super = _createSuper(View);
90 + function View() {
91 + (0, _classCallCheck2.default)(this, View);
92 + return _super.apply(this, arguments);
93 + }
94 + (0, _createClass2.default)(View, [{
95 + key: "getTemplate",
96 + value: function getTemplate() {
97 + return '#tmpl-elementor-templates-responsive-bar';
98 + }
99 + }, {
100 + key: "id",
101 + value: function id() {
102 + return 'e-responsive-bar';
103 + }
104 + }, {
105 + key: "ui",
106 + value: function ui() {
107 + var prefix = '#' + this.id();
108 + return {
109 + switcherInput: '.e-responsive-bar-switcher__option input',
110 + switcherLabel: '.e-responsive-bar-switcher__option',
111 + switcher: prefix + '-switcher',
112 + sizeInputWidth: prefix + '__input-width',
113 + sizeInputHeight: prefix + '__input-height',
114 + scaleValue: prefix + '-scale__value',
115 + scalePlusButton: prefix + '-scale__plus',
116 + scaleMinusButton: prefix + '-scale__minus',
117 + scaleResetButton: prefix + '-scale__reset',
118 + closeButton: prefix + '__close-button',
119 + breakpointSettingsButton: prefix + '__settings-button'
120 + };
121 + }
122 + }, {
123 + key: "events",
124 + value: function events() {
125 + return {
126 + 'change @ui.switcherInput': 'onBreakpointSelected',
127 + 'input @ui.sizeInputWidth': 'onSizeInputChange',
128 + 'input @ui.sizeInputHeight': 'onSizeInputChange',
129 + 'click @ui.scalePlusButton': 'onScalePlusButtonClick',
130 + 'click @ui.scaleMinusButton': 'onScaleMinusButtonClick',
131 + 'click @ui.scaleResetButton': 'onScaleResetButtonClick',
132 + 'click @ui.closeButton': 'onCloseButtonClick',
133 + 'click @ui.breakpointSettingsButton': 'onBreakpointSettingsOpen'
134 + };
135 + }
136 + }, {
137 + key: "initialize",
138 + value: function initialize() {
139 + this.listenTo(elementor.channels.deviceMode, 'change', this.onDeviceModeChange);
140 + this.listenTo(elementor.channels.responsivePreview, 'resize', this.onPreviewResize);
141 + this.listenTo(elementor.channels.responsivePreview, 'open', this.onPreviewOpen);
142 + this.listenTo(elementor.channels.deviceMode, 'close', this.resetScale);
143 + }
144 + }, {
145 + key: "addTipsyToIconButtons",
146 + value: function addTipsyToIconButtons() {
147 + this.ui.switcherLabel.add(this.ui.closeButton).add(this.ui.breakpointSettingsButton).tipsy({
148 + html: true,
149 + gravity: 'n',
150 + title: function title() {
151 + return jQuery(this).data('tooltip');
152 + }
153 + });
154 + }
155 + }, {
156 + key: "restoreLastValidPreviewSize",
157 + value: function restoreLastValidPreviewSize() {
158 + var lastSize = elementor.channels.responsivePreview.request('size');
159 + this.ui.sizeInputWidth.val(lastSize.width).tipsy({
160 + html: true,
161 + trigger: 'manual',
162 + gravity: 'n',
163 + title: function title() {
164 + return __('The value inserted isn\'t in the breakpoint boundaries', 'elementor');
165 + }
166 + });
167 + var tipsy = this.ui.sizeInputWidth.data('tipsy');
168 + tipsy.show();
169 + setTimeout(function () {
170 + return tipsy.hide();
171 + }, 3000);
172 + }
173 + }, {
174 + key: "autoScale",
175 + value: function autoScale() {
176 + var handlesWidth = 40 * this.scalePercentage / 100,
177 + previewWidth = elementor.$previewWrapper.width() - handlesWidth,
178 + iframeWidth = parseInt(elementor.$preview.css('--e-editor-preview-width')),
179 + iframeScaleWidth = iframeWidth * this.scalePercentage / 100;
180 + if (iframeScaleWidth > previewWidth) {
181 + var scalePercentage = previewWidth / iframeWidth * 100;
182 + this.setScalePercentage(scalePercentage);
183 + } else {
184 + this.setScalePercentage();
185 + }
186 + this.scalePreview();
187 + }
188 + }, {
189 + key: "scalePreview",
190 + value: function scalePreview() {
191 + var scale = this.scalePercentage / 100;
192 + elementor.$previewWrapper.css('--e-preview-scale', scale);
193 + }
194 + }, {
195 + key: "resetScale",
196 + value: function resetScale() {
197 + this.setScalePercentage();
198 + this.scalePreview();
199 + }
200 + }, {
201 + key: "setScalePercentage",
202 + value: function setScalePercentage() {
203 + var scalePercentage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 100;
204 + this.scalePercentage = scalePercentage;
205 + this.ui.scaleValue.text(parseInt(this.scalePercentage));
206 + }
207 + }, {
208 + key: "onRender",
209 + value: function onRender() {
210 + this.addTipsyToIconButtons();
211 + this.setScalePercentage();
212 + }
213 + }, {
214 + key: "onDeviceModeChange",
215 + value: function onDeviceModeChange() {
216 + var currentDeviceMode = elementor.channels.deviceMode.request('currentMode'),
217 + $currentDeviceSwitcherInput = this.ui.switcherInput.filter('[value=' + currentDeviceMode + ']');
218 + this.setWidthHeightInputsEditableState();
219 + this.ui.switcherLabel.attr('aria-selected', false);
220 + $currentDeviceSwitcherInput.closest('label').attr('aria-selected', true);
221 + if (!$currentDeviceSwitcherInput.prop('checked')) {
222 + $currentDeviceSwitcherInput.prop('checked', true);
223 + }
224 + }
225 + }, {
226 + key: "onBreakpointSelected",
227 + value: function onBreakpointSelected(e) {
228 + var selectedDeviceMode = e.target.value;
229 + elementor.changeDeviceMode(selectedDeviceMode, false);
230 + this.autoScale();
231 + }
232 + }, {
233 + key: "onBreakpointSettingsOpen",
234 + value: function onBreakpointSettingsOpen() {
235 + var isWPPreviewMode = elementorCommon.elements.$body.hasClass('elementor-editor-preview');
236 + if (isWPPreviewMode) {
237 + elementor.exitPreviewMode();
238 + }
239 + var isInSettingsPanelActive = 'panel/global/menu' === elementor.documents.currentDocument.config.panel.default_route;
240 + if (isInSettingsPanelActive) {
241 + $e.run('panel/global/close');
242 + return;
243 + }
74 244
75 -//#endregion
76 -//#region node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
77 - function _getPrototypeOf(t) {
78 - return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t) {
79 - return t.__proto__ || Object.getPrototypeOf(t);
80 - }, _getPrototypeOf(t);
81 - }
245 + // Open Settings Panel for Global/Layout/Breakpoints Settings
246 + $e.run('editor/documents/switch', {
247 + id: elementor.config.kit_id,
248 + mode: 'autosave'
249 + }).then(function () {
250 + return $e.route('panel/global/settings-layout');
251 + })
252 + // TODO: Replace with a standard routing solution once one is available
253 + .then(function () {
254 + return jQuery('.elementor-control-section_breakpoints').trigger('click');
255 + });
256 + }
257 + }, {
258 + key: "onPreviewResize",
259 + value: function onPreviewResize() {
260 + if (this.updatingPreviewSize) {
261 + return;
262 + }
263 + var size = elementor.channels.responsivePreview.request('size');
264 + this.ui.sizeInputWidth.val(Math.round(size.width));
265 + this.ui.sizeInputHeight.val(Math.round(size.height));
266 + }
267 + }, {
268 + key: "onPreviewOpen",
269 + value: function onPreviewOpen() {
270 + this.setWidthHeightInputsEditableState();
271 + }
272 + }, {
273 + key: "setWidthHeightInputsEditableState",
274 + value: function setWidthHeightInputsEditableState() {
275 + var currentDeviceMode = elementor.channels.deviceMode.request('currentMode');
276 + // TODO: disable inputs
277 + if ('desktop' === currentDeviceMode) {
278 + this.ui.sizeInputWidth.attr('disabled', 'disabled');
279 + this.ui.sizeInputHeight.attr('disabled', 'disabled');
280 + } else {
281 + this.ui.sizeInputWidth.removeAttr('disabled');
282 + this.ui.sizeInputHeight.removeAttr('disabled');
283 + }
284 + }
285 + }, {
286 + key: "onCloseButtonClick",
287 + value: function onCloseButtonClick() {
288 + elementor.changeDeviceMode('desktop');
289 + // Force exit if device mode is already desktop
290 + elementor.exitDeviceMode();
291 + }
292 + }, {
293 + key: "onSizeInputChange",
294 + value: function onSizeInputChange() {
295 + var _this = this;
296 + clearTimeout(this.restorePreviewSizeTimeout);
297 + var size = {
298 + width: this.ui.sizeInputWidth.val(),
299 + height: this.ui.sizeInputHeight.val()
300 + };
301 + var currentDeviceConstrains = elementor.getCurrentDeviceConstrains();
302 + if (size.width < currentDeviceConstrains.minWidth || size.width > currentDeviceConstrains.maxWidth) {
303 + this.restorePreviewSizeTimeout = setTimeout(function () {
304 + return _this.restoreLastValidPreviewSize();
305 + }, 1500);
306 + return;
307 + }
308 + this.updatingPreviewSize = true;
309 + setTimeout(function () {
310 + return _this.updatingPreviewSize = false;
311 + }, 300);
312 + elementor.updatePreviewSize(size);
313 + this.autoScale();
314 + }
315 + }, {
316 + key: "onScalePlusButtonClick",
317 + value: function onScalePlusButtonClick() {
318 + var scaleUp = 0 === this.scalePercentage % 10 ? this.scalePercentage + 10 : Math.ceil(this.scalePercentage / 10) * 10;
319 + if (scaleUp > 200) {
320 + return;
321 + }
322 + this.setScalePercentage(scaleUp);
323 + this.scalePreview();
324 + }
325 + }, {
326 + key: "onScaleMinusButtonClick",
327 + value: function onScaleMinusButtonClick() {
328 + var scaleDown = 0 === this.scalePercentage % 10 ? this.scalePercentage - 10 : Math.floor(this.scalePercentage / 10) * 10;
329 + if (scaleDown < 50) {
330 + return;
331 + }
332 + this.setScalePercentage(scaleDown);
333 + this.scalePreview();
334 + }
335 + }, {
336 + key: "onScaleResetButtonClick",
337 + value: function onScaleResetButtonClick() {
338 + this.resetScale();
339 + }
340 + }]);
341 + return View;
342 +}(Marionette.ItemView);
343 +exports["default"] = View;
82 344
83 -//#endregion
84 -//#region node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
85 - function _setPrototypeOf(t, e) {
86 - return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, e) {
87 - return t.__proto__ = e, t;
88 - }, _setPrototypeOf(t, e);
89 - }
345 +/***/ }),
90 346
91 -//#endregion
92 -//#region node_modules/@babel/runtime/helpers/esm/inherits.js
93 - function _inherits(t, e) {
94 - if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
95 - t.prototype = Object.create(e && e.prototype, { constructor: {
96 - value: t,
97 - writable: !0,
98 - configurable: !0
99 - } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e);
100 - }
347 +/***/ "@wordpress/i18n":
348 +/*!**************************!*\
349 + !*** external "wp.i18n" ***!
350 + \**************************/
351 +/***/ ((module) => {
101 352
102 -//#endregion
103 -//#region assets/dev/js/editor/regions/responsive-bar/view.js
104 - function _callSuper$1(t, o, e) {
105 - return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
106 - }
107 - __name(_callSuper$1, "_callSuper");
108 - function _isNativeReflectConstruct$1() {
109 - try {
110 - var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
111 - } catch (t) {}
112 - return (_isNativeReflectConstruct$1 = function _isNativeReflectConstruct() {
113 - return !!t;
114 - })();
115 - }
116 - __name(_isNativeReflectConstruct$1, "_isNativeReflectConstruct");
117 - var View = /*#__PURE__*/ function(_Marionette$ItemView) {
118 - function View() {
119 - _classCallCheck(this, View);
120 - return _callSuper$1(this, View, arguments);
121 - }
122 - _inherits(View, _Marionette$ItemView);
123 - return _createClass(View, [
124 - {
125 - key: "getTemplate",
126 - value: function getTemplate() {
127 - return "#tmpl-elementor-templates-responsive-bar";
128 - }
129 - },
130 - {
131 - key: "id",
132 - value: function id() {
133 - return "e-responsive-bar";
134 - }
135 - },
136 - {
137 - key: "ui",
138 - value: function ui() {
139 - var prefix = "#" + this.id();
140 - return {
141 - switcherInput: ".e-responsive-bar-switcher__option input",
142 - switcherLabel: ".e-responsive-bar-switcher__option",
143 - switcher: prefix + "-switcher",
144 - sizeInputWidth: prefix + "__input-width",
145 - sizeInputHeight: prefix + "__input-height",
146 - scaleValue: prefix + "-scale__value",
147 - scalePlusButton: prefix + "-scale__plus",
148 - scaleMinusButton: prefix + "-scale__minus",
149 - scaleResetButton: prefix + "-scale__reset",
150 - closeButton: prefix + "__close-button",
151 - breakpointSettingsButton: prefix + "__settings-button"
152 - };
153 - }
154 - },
155 - {
156 - key: "events",
157 - value: function events() {
158 - return {
159 - "change @ui.switcherInput": "onBreakpointSelected",
160 - "input @ui.sizeInputWidth": "onSizeInputChange",
161 - "input @ui.sizeInputHeight": "onSizeInputChange",
162 - "click @ui.scalePlusButton": "onScalePlusButtonClick",
163 - "click @ui.scaleMinusButton": "onScaleMinusButtonClick",
164 - "click @ui.scaleResetButton": "onScaleResetButtonClick",
165 - "click @ui.closeButton": "onCloseButtonClick",
166 - "click @ui.breakpointSettingsButton": "onBreakpointSettingsOpen"
167 - };
168 - }
169 - },
170 - {
171 - key: "initialize",
172 - value: function initialize() {
173 - this.listenTo(elementor.channels.deviceMode, "change", this.onDeviceModeChange);
174 - this.listenTo(elementor.channels.responsivePreview, "resize", this.onPreviewResize);
175 - this.listenTo(elementor.channels.responsivePreview, "open", this.onPreviewOpen);
176 - this.listenTo(elementor.channels.deviceMode, "close", this.resetScale);
177 - }
178 - },
179 - {
180 - key: "addTipsyToIconButtons",
181 - value: function addTipsyToIconButtons() {
182 - this.ui.switcherLabel.add(this.ui.closeButton).add(this.ui.breakpointSettingsButton).tipsy({
183 - html: true,
184 - gravity: "n",
185 - title: function title() {
186 - return jQuery(this).data("tooltip");
187 - }
188 - });
189 - }
190 - },
191 - {
192 - key: "restoreLastValidPreviewSize",
193 - value: function restoreLastValidPreviewSize() {
194 - var lastSize = elementor.channels.responsivePreview.request("size");
195 - this.ui.sizeInputWidth.val(lastSize.width).tipsy({
196 - html: true,
197 - trigger: "manual",
198 - gravity: "n",
199 - title: function title() {
200 - return (0, _wordpress_i18n.__)("The value inserted isn't in the breakpoint boundaries", "elementor");
201 - }
202 - });
203 - var tipsy = this.ui.sizeInputWidth.data("tipsy");
204 - tipsy.show();
205 - setTimeout(function() {
206 - return tipsy.hide();
207 - }, 3e3);
208 - }
209 - },
210 - {
211 - key: "autoScale",
212 - value: function autoScale() {
213 - var handlesWidth = 40 * this.scalePercentage / 100;
214 - var previewWidth = elementor.$previewWrapper.width() - handlesWidth;
215 - var iframeWidth = parseInt(elementor.$preview.css("--e-editor-preview-width"));
216 - if (iframeWidth * this.scalePercentage / 100 > previewWidth) {
217 - var scalePercentage = previewWidth / iframeWidth * 100;
218 - this.setScalePercentage(scalePercentage);
219 - } else this.setScalePercentage();
220 - this.scalePreview();
221 - }
222 - },
223 - {
224 - key: "scalePreview",
225 - value: function scalePreview() {
226 - var scale = this.scalePercentage / 100;
227 - elementor.$previewWrapper.css("--e-preview-scale", scale);
228 - }
229 - },
230 - {
231 - key: "resetScale",
232 - value: function resetScale() {
233 - this.setScalePercentage();
234 - this.scalePreview();
235 - }
236 - },
237 - {
238 - key: "setScalePercentage",
239 - value: function setScalePercentage() {
240 - var scalePercentage = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 100;
241 - this.scalePercentage = scalePercentage;
242 - this.ui.scaleValue.text(parseInt(this.scalePercentage));
243 - }
244 - },
245 - {
246 - key: "onRender",
247 - value: function onRender() {
248 - this.addTipsyToIconButtons();
249 - this.setScalePercentage();
250 - }
251 - },
252 - {
253 - key: "onDeviceModeChange",
254 - value: function onDeviceModeChange() {
255 - var currentDeviceMode = elementor.channels.deviceMode.request("currentMode");
256 - var $currentDeviceSwitcherInput = this.ui.switcherInput.filter("[value=" + currentDeviceMode + "]");
257 - this.setWidthHeightInputsEditableState();
258 - this.ui.switcherLabel.attr("aria-selected", false);
259 - $currentDeviceSwitcherInput.closest("label").attr("aria-selected", true);
260 - if (!$currentDeviceSwitcherInput.prop("checked")) $currentDeviceSwitcherInput.prop("checked", true);
261 - }
262 - },
263 - {
264 - key: "onBreakpointSelected",
265 - value: function onBreakpointSelected(e) {
266 - var selectedDeviceMode = e.target.value;
267 - elementor.changeDeviceMode(selectedDeviceMode, false);
268 - this.autoScale();
269 - }
270 - },
271 - {
272 - key: "onBreakpointSettingsOpen",
273 - value: function onBreakpointSettingsOpen() {
274 - if (elementorCommon.elements.$body.hasClass("elementor-editor-preview")) elementor.exitPreviewMode();
275 - if ("panel/global/menu" === elementor.documents.currentDocument.config.panel.default_route) {
276 - $e.run("panel/global/close");
277 - return;
278 - }
279 - $e.run("editor/documents/switch", {
280 - id: elementor.config.kit_id,
281 - mode: "autosave"
282 - }).then(function() {
283 - return $e.route("panel/global/settings-layout");
284 - }).then(function() {
285 - return jQuery(".elementor-control-section_breakpoints").trigger("click");
286 - });
287 - }
288 - },
289 - {
290 - key: "onPreviewResize",
291 - value: function onPreviewResize() {
292 - if (this.updatingPreviewSize) return;
293 - var size = elementor.channels.responsivePreview.request("size");
294 - this.ui.sizeInputWidth.val(Math.round(size.width));
295 - this.ui.sizeInputHeight.val(Math.round(size.height));
296 - }
297 - },
298 - {
299 - key: "onPreviewOpen",
300 - value: function onPreviewOpen() {
301 - this.setWidthHeightInputsEditableState();
302 - }
303 - },
304 - {
305 - key: "setWidthHeightInputsEditableState",
306 - value: function setWidthHeightInputsEditableState() {
307 - if ("desktop" === elementor.channels.deviceMode.request("currentMode")) {
308 - this.ui.sizeInputWidth.attr("disabled", "disabled");
309 - this.ui.sizeInputHeight.attr("disabled", "disabled");
310 - } else {
311 - this.ui.sizeInputWidth.removeAttr("disabled");
312 - this.ui.sizeInputHeight.removeAttr("disabled");
313 - }
314 - }
315 - },
316 - {
317 - key: "onCloseButtonClick",
318 - value: function onCloseButtonClick() {
319 - elementor.changeDeviceMode("desktop");
320 - elementor.exitDeviceMode();
321 - }
322 - },
323 - {
324 - key: "onSizeInputChange",
325 - value: function onSizeInputChange() {
326 - var _this = this;
327 - clearTimeout(this.restorePreviewSizeTimeout);
328 - var size = {
329 - width: this.ui.sizeInputWidth.val(),
330 - height: this.ui.sizeInputHeight.val()
331 - };
332 - var currentDeviceConstrains = elementor.getCurrentDeviceConstrains();
333 - if (size.width < currentDeviceConstrains.minWidth || size.width > currentDeviceConstrains.maxWidth) {
334 - this.restorePreviewSizeTimeout = setTimeout(function() {
335 - return _this.restoreLastValidPreviewSize();
336 - }, 1500);
337 - return;
338 - }
339 - this.updatingPreviewSize = true;
340 - setTimeout(function() {
341 - return _this.updatingPreviewSize = false;
342 - }, 300);
343 - elementor.updatePreviewSize(size);
344 - this.autoScale();
345 - }
346 - },
347 - {
348 - key: "onScalePlusButtonClick",
349 - value: function onScalePlusButtonClick() {
350 - var scaleUp = 0 === this.scalePercentage % 10 ? this.scalePercentage + 10 : Math.ceil(this.scalePercentage / 10) * 10;
351 - if (scaleUp > 200) return;
352 - this.setScalePercentage(scaleUp);
353 - this.scalePreview();
354 - }
355 - },
356 - {
357 - key: "onScaleMinusButtonClick",
358 - value: function onScaleMinusButtonClick() {
359 - var scaleDown = 0 === this.scalePercentage % 10 ? this.scalePercentage - 10 : Math.floor(this.scalePercentage / 10) * 10;
360 - if (scaleDown < 50) return;
361 - this.setScalePercentage(scaleDown);
362 - this.scalePreview();
363 - }
364 - },
365 - {
366 - key: "onScaleResetButtonClick",
367 - value: function onScaleResetButtonClick() {
368 - this.resetScale();
369 - }
370 - }
371 - ]);
372 - }(Marionette.ItemView);
353 +"use strict";
354 +module.exports = wp.i18n;
373 355
374 -//#endregion
375 -//#region assets/dev/js/editor/regions/responsive-bar/responsive-bar.js
376 - function _callSuper(t, o, e) {
377 - return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
378 - }
379 - function _isNativeReflectConstruct() {
380 - try {
381 - var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
382 - } catch (t) {}
383 - return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
384 - return !!t;
385 - })();
386 - }
387 - var _default = /*#__PURE__*/ function(_Marionette$Region) {
388 - function _default() {
389 - _classCallCheck(this, _default);
390 - return _callSuper(this, _default, arguments);
391 - }
392 - _inherits(_default, _Marionette$Region);
393 - return _createClass(_default, [
394 - {
395 - key: "initialize",
396 - value: function initialize() {
397 - var _this = this;
398 - this.show(new View());
399 - elementor.panel.$el.on({
400 - resizestart: function resizestart() {
401 - return _this.onPanelResizeStart();
402 - },
403 - resizestop: function resizestop() {
404 - return _this.onPanelResizeStop();
405 - }
406 - });
407 - }
408 - },
409 - {
410 - key: "onPanelResizeStart",
411 - value: function onPanelResizeStart() {
412 - this.$el.addClass("ui-resizable-resizing");
413 - }
414 - },
415 - {
416 - key: "onPanelResizeStop",
417 - value: function onPanelResizeStop() {
418 - this.$el.removeClass("ui-resizable-resizing");
419 - }
420 - }
421 - ]);
422 - }(Marionette.Region);
356 +/***/ }),
423 357
424 -//#endregion
425 -//#region assets/dev/js/editor/regions/responsive-bar/index.js
426 - elementor.on("preview:loaded", function(isFirstLoad) {
427 - if (!isFirstLoad) return;
428 - elementor.addRegions({ responsiveBar: {
429 - el: "#elementor-responsive-bar",
430 - regionClass: _default
431 - } });
432 - elementor.trigger("responsiveBar:init");
433 - });
358 +/***/ "../node_modules/@babel/runtime/helpers/assertThisInitialized.js":
359 +/*!***********************************************************************!*\
360 + !*** ../node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
361 + \***********************************************************************/
362 +/***/ ((module) => {
434 363
435 -//#endregion
436 -})(wp.i18n);
364 +function _assertThisInitialized(self) {
365 + if (self === void 0) {
366 + throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
367 + }
368 + return self;
369 +}
370 +module.exports = _assertThisInitialized, module.exports.__esModule = true, module.exports["default"] = module.exports;
371 +
372 +/***/ }),
373 +
374 +/***/ "../node_modules/@babel/runtime/helpers/classCallCheck.js":
375 +/*!****************************************************************!*\
376 + !*** ../node_modules/@babel/runtime/helpers/classCallCheck.js ***!
377 + \****************************************************************/
378 +/***/ ((module) => {
379 +
380 +function _classCallCheck(instance, Constructor) {
381 + if (!(instance instanceof Constructor)) {
382 + throw new TypeError("Cannot call a class as a function");
383 + }
384 +}
385 +module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
386 +
387 +/***/ }),
388 +
389 +/***/ "../node_modules/@babel/runtime/helpers/createClass.js":
390 +/*!*************************************************************!*\
391 + !*** ../node_modules/@babel/runtime/helpers/createClass.js ***!
392 + \*************************************************************/
393 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
394 +
395 +var toPropertyKey = __webpack_require__(/*! ./toPropertyKey.js */ "../node_modules/@babel/runtime/helpers/toPropertyKey.js");
396 +function _defineProperties(target, props) {
397 + for (var i = 0; i < props.length; i++) {
398 + var descriptor = props[i];
399 + descriptor.enumerable = descriptor.enumerable || false;
400 + descriptor.configurable = true;
401 + if ("value" in descriptor) descriptor.writable = true;
402 + Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
403 + }
404 +}
405 +function _createClass(Constructor, protoProps, staticProps) {
406 + if (protoProps) _defineProperties(Constructor.prototype, protoProps);
407 + if (staticProps) _defineProperties(Constructor, staticProps);
408 + Object.defineProperty(Constructor, "prototype", {
409 + writable: false
410 + });
411 + return Constructor;
412 +}
413 +module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
414 +
415 +/***/ }),
416 +
417 +/***/ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js":
418 +/*!****************************************************************!*\
419 + !*** ../node_modules/@babel/runtime/helpers/getPrototypeOf.js ***!
420 + \****************************************************************/
421 +/***/ ((module) => {
422 +
423 +function _getPrototypeOf(o) {
424 + module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
425 + return o.__proto__ || Object.getPrototypeOf(o);
426 + }, module.exports.__esModule = true, module.exports["default"] = module.exports;
427 + return _getPrototypeOf(o);
428 +}
429 +module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
430 +
431 +/***/ }),
432 +
433 +/***/ "../node_modules/@babel/runtime/helpers/inherits.js":
434 +/*!**********************************************************!*\
435 + !*** ../node_modules/@babel/runtime/helpers/inherits.js ***!
436 + \**********************************************************/
437 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
438 +
439 +var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf.js */ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js");
440 +function _inherits(subClass, superClass) {
441 + if (typeof superClass !== "function" && superClass !== null) {
442 + throw new TypeError("Super expression must either be null or a function");
443 + }
444 + subClass.prototype = Object.create(superClass && superClass.prototype, {
445 + constructor: {
446 + value: subClass,
447 + writable: true,
448 + configurable: true
449 + }
450 + });
451 + Object.defineProperty(subClass, "prototype", {
452 + writable: false
453 + });
454 + if (superClass) setPrototypeOf(subClass, superClass);
455 +}
456 +module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
457 +
458 +/***/ }),
459 +
460 +/***/ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js":
461 +/*!***********************************************************************!*\
462 + !*** ../node_modules/@babel/runtime/helpers/interopRequireDefault.js ***!
463 + \***********************************************************************/
464 +/***/ ((module) => {
465 +
466 +function _interopRequireDefault(obj) {
467 + return obj && obj.__esModule ? obj : {
468 + "default": obj
469 + };
470 +}
471 +module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
472 +
473 +/***/ }),
474 +
475 +/***/ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js":
476 +/*!***************************************************************************!*\
477 + !*** ../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js ***!
478 + \***************************************************************************/
479 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
480 +
481 +var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
482 +var assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized.js */ "../node_modules/@babel/runtime/helpers/assertThisInitialized.js");
483 +function _possibleConstructorReturn(self, call) {
484 + if (call && (_typeof(call) === "object" || typeof call === "function")) {
485 + return call;
486 + } else if (call !== void 0) {
487 + throw new TypeError("Derived constructors may only return object or undefined");
488 + }
489 + return assertThisInitialized(self);
490 +}
491 +module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
492 +
493 +/***/ }),
494 +
495 +/***/ "../node_modules/@babel/runtime/helpers/setPrototypeOf.js":
496 +/*!****************************************************************!*\
497 + !*** ../node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
498 + \****************************************************************/
499 +/***/ ((module) => {
500 +
501 +function _setPrototypeOf(o, p) {
502 + module.exports = _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
503 + o.__proto__ = p;
504 + return o;
505 + }, module.exports.__esModule = true, module.exports["default"] = module.exports;
506 + return _setPrototypeOf(o, p);
507 +}
508 +module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
509 +
510 +/***/ }),
511 +
512 +/***/ "../node_modules/@babel/runtime/helpers/toPrimitive.js":
513 +/*!*************************************************************!*\
514 + !*** ../node_modules/@babel/runtime/helpers/toPrimitive.js ***!
515 + \*************************************************************/
516 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
517 +
518 +var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
519 +function toPrimitive(t, r) {
520 + if ("object" != _typeof(t) || !t) return t;
521 + var e = t[Symbol.toPrimitive];
522 + if (void 0 !== e) {
523 + var i = e.call(t, r || "default");
524 + if ("object" != _typeof(i)) return i;
525 + throw new TypeError("@@toPrimitive must return a primitive value.");
526 + }
527 + return ("string" === r ? String : Number)(t);
528 +}
529 +module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
530 +
531 +/***/ }),
532 +
533 +/***/ "../node_modules/@babel/runtime/helpers/toPropertyKey.js":
534 +/*!***************************************************************!*\
535 + !*** ../node_modules/@babel/runtime/helpers/toPropertyKey.js ***!
536 + \***************************************************************/
537 +/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
538 +
539 +var _typeof = (__webpack_require__(/*! ./typeof.js */ "../node_modules/@babel/runtime/helpers/typeof.js")["default"]);
540 +var toPrimitive = __webpack_require__(/*! ./toPrimitive.js */ "../node_modules/@babel/runtime/helpers/toPrimitive.js");
541 +function toPropertyKey(t) {
542 + var i = toPrimitive(t, "string");
543 + return "symbol" == _typeof(i) ? i : String(i);
544 +}
545 +module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
546 +
547 +/***/ }),
548 +
549 +/***/ "../node_modules/@babel/runtime/helpers/typeof.js":
550 +/*!********************************************************!*\
551 + !*** ../node_modules/@babel/runtime/helpers/typeof.js ***!
552 + \********************************************************/
553 +/***/ ((module) => {
554 +
555 +function _typeof(o) {
556 + "@babel/helpers - typeof";
557 +
558 + return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
559 + return typeof o;
560 + } : function (o) {
561 + return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
562 + }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
563 +}
564 +module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
565 +
566 +/***/ })
567 +
568 +/******/ });
569 +/************************************************************************/
570 +/******/ // The module cache
571 +/******/ var __webpack_module_cache__ = {};
572 +/******/
573 +/******/ // The require function
574 +/******/ function __webpack_require__(moduleId) {
575 +/******/ // Check if module is in cache
576 +/******/ var cachedModule = __webpack_module_cache__[moduleId];
577 +/******/ if (cachedModule !== undefined) {
578 +/******/ return cachedModule.exports;
579 +/******/ }
580 +/******/ // Create a new module (and put it into the cache)
581 +/******/ var module = __webpack_module_cache__[moduleId] = {
582 +/******/ // no module.id needed
583 +/******/ // no module.loaded needed
584 +/******/ exports: {}
585 +/******/ };
586 +/******/
587 +/******/ // Execute the module function
588 +/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
589 +/******/
590 +/******/ // Return the exports of the module
591 +/******/ return module.exports;
592 +/******/ }
593 +/******/
594 +/************************************************************************/
595 +var __webpack_exports__ = {};
596 +// This entry need to be wrapped in an IIFE because it need to be in strict mode.
597 +(() => {
598 +"use strict";
599 +/*!***************************************************************!*\
600 + !*** ../assets/dev/js/editor/regions/responsive-bar/index.js ***!
601 + \***************************************************************/
602 +
603 +
604 +var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
605 +var _responsiveBar = _interopRequireDefault(__webpack_require__(/*! elementor-regions/responsive-bar/responsive-bar */ "../assets/dev/js/editor/regions/responsive-bar/responsive-bar.js"));
606 +elementor.on('preview:loaded', function (isFirstLoad) {
607 + if (!isFirstLoad) {
608 + return;
609 + }
610 + elementor.addRegions({
611 + responsiveBar: {
612 + el: '#elementor-responsive-bar',
613 + regionClass: _responsiveBar.default
614 + }
615 + });
616 + elementor.trigger('responsiveBar:init');
617 +});
618 +})();
619 +
620 +/******/ })()
621 +;
437 622 //# sourceMappingURL=responsive-bar.js.map