← All changes | assets/js/packages/editor-responsive/editor-responsive.js +2 -147 4.3.0 → 4.0.0-dev3 View file →

		@@ -1,148 +1,3 @@
1		-(function(react, _elementor_editor_v1_adapters, _wordpress_i18n) {
2		-
3		-//#region \0rolldown/runtime.js
4		- var __defProp = Object.defineProperty;
5		- var __name = (target, value) => __defProp(target, "name", {
6		- value,
7		- configurable: true
8		- });
9		- var __exportAll = (all, no_symbols) => {
10		- let target = {};
11		- for (var name in all) {
12		- __defProp(target, name, {
13		- get: all[name],
14		- enumerable: true
15		- });
16		- }
17		- if (!no_symbols) {
18		- __defProp(target, Symbol.toStringTag, { value: "Module" });
19		- }
20		- return target;
21		- };
22		-
23		-//#endregion
24		-
25		-//#region packages/packages/libs/editor-responsive/src/hooks/use-activate-breakpoint.ts
26		- function useActivateBreakpoint() {
27		- return (0, react.useCallback)((breakpoint) => {
28		- return (0, _elementor_editor_v1_adapters.__privateRunCommand)("panel/change-device-mode", { device: breakpoint });
29		- }, []);
30		- }
31		-
32		-//#endregion
33		-//#region packages/packages/libs/editor-responsive/src/hooks/use-active-breakpoint.ts
34		- function useActiveBreakpoint() {
35		- return (0, _elementor_editor_v1_adapters.__privateUseListenTo)((0, _elementor_editor_v1_adapters.windowEvent)("elementor/device-mode/change"), getActiveBreakpoint);
36		- }
37		- function getActiveBreakpoint() {
38		- return window.elementor?.channels?.deviceMode?.request?.("currentMode") || null;
39		- }
40		-
41		-//#endregion
42		-//#region packages/packages/libs/editor-responsive/src/sync/utils/get-breakpoints-by-widths.ts
43		- function getBreakpointsByWidths() {
44		- const { breakpoints } = window.elementor?.config?.responsive || {};
45		- if (!breakpoints || Object.entries(breakpoints).length === 0) return {
46		- minWidth: [],
47		- defaults: [],
48		- maxWidth: []
49		- };
50		- const minWidth = [];
51		- const maxWidth = [];
52		- const defaults = [{
53		- id: "desktop",
54		- label: (0, _wordpress_i18n.__)("Desktop", "elementor")
55		- }];
56		- Object.entries(breakpoints).forEach(([id, v1Breakpoint]) => {
57		- if (!v1Breakpoint.is_enabled) return;
58		- const breakpoint = {
59		- id,
60		- label: v1Breakpoint.label,
61		- width: v1Breakpoint.value,
62		- type: v1Breakpoint.direction === "min" ? "min-width" : "max-width"
63		- };
64		- if (!breakpoint.width) defaults.push(breakpoint);
65		- else if (breakpoint.type === "min-width") minWidth.push(breakpoint);
66		- else if (breakpoint.type === "max-width") maxWidth.push(breakpoint);
67		- });
68		- const byWidth = (a, b) => {
69		- return a.width && b.width ? b.width - a.width : 0;
70		- };
71		- return {
72		- minWidth: minWidth.sort(byWidth),
73		- defaults,
74		- maxWidth: maxWidth.sort(byWidth)
75		- };
76		- }
77		-
78		-//#endregion
79		-//#region packages/packages/libs/editor-responsive/src/sync/get-breakpoints.ts
80		- function getBreakpoints() {
81		- const { minWidth, defaults, maxWidth } = getBreakpointsByWidths();
82		- return [
83		- ...minWidth,
84		- ...defaults,
85		- ...maxWidth
86		- ];
87		- }
88		-
89		-//#endregion
90		-//#region packages/packages/libs/editor-responsive/src/hooks/use-breakpoints.ts
91		- function useBreakpoints() {
92		- return (0, _elementor_editor_v1_adapters.__privateUseListenTo)((0, _elementor_editor_v1_adapters.v1ReadyEvent)(), getBreakpoints);
93		- }
94		-
95		-//#endregion
96		-//#region packages/packages/libs/editor-responsive/src/hooks/use-breakpoints-map.ts
97		- function useBreakpointsMap() {
98		- const breakpoints = useBreakpoints();
99		- return (0, react.useMemo)(() => {
100		- const entries = breakpoints.map((breakpoint) => [breakpoint.id, breakpoint]);
101		- return Object.fromEntries(entries);
102		- }, [breakpoints]);
103		- }
104		-
105		-//#endregion
106		-//#region packages/packages/libs/editor-responsive/src/sync/get-breakpoints-tree.ts
107		- function getBreakpointsTree() {
108		- const { minWidth, defaults, maxWidth } = getBreakpointsByWidths();
109		- const [rootBreakpoint] = defaults;
110		- const rootNode = {
111		- ...rootBreakpoint,
112		- children: []
113		- };
114		- const buildBranch = (breakpoints) => {
115		- let last = rootNode;
116		- breakpoints.forEach((breakpoint) => {
117		- const newNode = {
118		- ...breakpoint,
119		- children: []
120		- };
121		- last.children.push(newNode);
122		- last = newNode;
123		- });
124		- };
125		- buildBranch(minWidth);
126		- buildBranch(maxWidth);
127		- return rootNode;
128		- }
129		-
130		-//#endregion
131		-//#region packages/packages/libs/editor-responsive/src/index.ts
132		- var src_exports = /* @__PURE__ */ __exportAll({
133		- getBreakpoints: () => getBreakpoints,
134		- getBreakpointsTree: () => getBreakpointsTree,
135		- useActivateBreakpoint: () => useActivateBreakpoint,
136		- useActiveBreakpoint: () => useActiveBreakpoint,
137		- useBreakpoints: () => useBreakpoints,
138		- useBreakpointsMap: () => useBreakpointsMap
139		- });
140		-
141		-//#endregion
142		-//#region \0elementor-package-library-entry
143		- (window.elementorV2 = window.elementorV2 || {}).editorResponsive = src_exports;
144		-
145		-//#endregion
146		-})(React, elementorV2.editorV1Adapters, wp.i18n);
147		-window.elementorV2.editorResponsive?.init?.();
	1	+/*! For license information please see editor-responsive.js.LICENSE.txt */
	2	+!function(){"use strict";var e={"./packages/packages/libs/editor-responsive/src/hooks/use-activate-breakpoint.ts":function(e,t,r){r.r(t),r.d(t,{useActivateBreakpoint:function(){return useActivateBreakpoint}});var s=r("react"),i=r("@elementor/editor-v1-adapters");function useActivateBreakpoint(){return(0,s.useCallback)(e=>(0,i.__privateRunCommand)("panel/change-device-mode",{device:e}),[])}},"./packages/packages/libs/editor-responsive/src/hooks/use-active-breakpoint.ts":function(e,t,r){r.r(t),r.d(t,{useActiveBreakpoint:function(){return useActiveBreakpoint}});var s=r("@elementor/editor-v1-adapters");function useActiveBreakpoint(){return(0,s.__privateUseListenTo)((0,s.windowEvent)("elementor/device-mode/change"),getActiveBreakpoint)}function getActiveBreakpoint(){const e=window;return e.elementor?.channels?.deviceMode?.request?.("currentMode")||null}},"./packages/packages/libs/editor-responsive/src/hooks/use-breakpoints-map.ts":function(e,t,r){r.r(t),r.d(t,{useBreakpointsMap:function(){return useBreakpointsMap}});var s=r("react"),i=r("./packages/packages/libs/editor-responsive/src/hooks/use-breakpoints.ts");function useBreakpointsMap(){const e=(0,i.useBreakpoints)();return(0,s.useMemo)(()=>{const t=e.map(e=>[e.id,e]);return Object.fromEntries(t)},[e])}},"./packages/packages/libs/editor-responsive/src/hooks/use-breakpoints.ts":function(e,t,r){r.r(t),r.d(t,{useBreakpoints:function(){return useBreakpoints}});var s=r("@elementor/editor-v1-adapters"),i=r("./packages/packages/libs/editor-responsive/src/sync/get-breakpoints.ts");function useBreakpoints(){return(0,s.__privateUseListenTo)((0,s.v1ReadyEvent)(),i.getBreakpoints)}},"./packages/packages/libs/editor-responsive/src/sync/get-breakpoints-tree.ts":function(e,t,r){r.r(t),r.d(t,{getBreakpointsTree:function(){return getBreakpointsTree}});var s=r("./packages/packages/libs/editor-responsive/src/sync/utils/get-breakpoints-by-widths.ts");function getBreakpointsTree(){const{minWidth:e,defaults:t,maxWidth:r}=(0,s.getBreakpointsByWidths)(),[i]=t,n={...i,children:[]},buildBranch=e=>{let t=n;e.forEach(e=>{const r={...e,children:[]};t.children.push(r),t=r})};return buildBranch(e),buildBranch(r),n}},"./packages/packages/libs/editor-responsive/src/sync/get-breakpoints.ts":function(e,t,r){r.r(t),r.d(t,{getBreakpoints:function(){return getBreakpoints}});var s=r("./packages/packages/libs/editor-responsive/src/sync/utils/get-breakpoints-by-widths.ts");function getBreakpoints(){const{minWidth:e,defaults:t,maxWidth:r}=(0,s.getBreakpointsByWidths)();return[...e,...t,...r]}},"./packages/packages/libs/editor-responsive/src/sync/utils/get-breakpoints-by-widths.ts":function(e,t,r){r.r(t),r.d(t,{getBreakpointsByWidths:function(){return getBreakpointsByWidths}});var s=r("@wordpress/i18n");function getBreakpointsByWidths(){const{breakpoints:e}=window.elementor?.config?.responsive||{};if(!e||0===Object.entries(e).length)return{minWidth:[],defaults:[],maxWidth:[]};const t=[],r=[],i=[{id:"desktop",label:(0,s.__)("Desktop","elementor")}];Object.entries(e).forEach(([e,s])=>{if(!s.is_enabled)return;const n={id:e,label:s.label,width:s.value,type:"min"===s.direction?"min-width":"max-width"};n.width?"min-width"===n.type?t.push(n):"max-width"===n.type&&r.push(n):i.push(n)});const byWidth=(e,t)=>e.width&&t.width?t.width-e.width:0;return{minWidth:t.sort(byWidth),defaults:i,maxWidth:r.sort(byWidth)}}},"@elementor/editor-v1-adapters":function(e){e.exports=window.elementorV2.editorV1Adapters},"@wordpress/i18n":function(e){e.exports=window.wp.i18n},react:function(e){e.exports=window.React}},t={};function __webpack_require__(r){var s=t[r];if(void 0!==s)return s.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,__webpack_require__),i.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};!function(){__webpack_require__.r(r),__webpack_require__.d(r,{getBreakpoints:function(){return n.getBreakpoints},getBreakpointsTree:function(){return o.getBreakpointsTree},useActivateBreakpoint:function(){return e.useActivateBreakpoint},useActiveBreakpoint:function(){return t.useActiveBreakpoint},useBreakpoints:function(){return s.useBreakpoints},useBreakpointsMap:function(){return i.useBreakpointsMap}});var e=__webpack_require__("./packages/packages/libs/editor-responsive/src/hooks/use-activate-breakpoint.ts"),t=__webpack_require__("./packages/packages/libs/editor-responsive/src/hooks/use-active-breakpoint.ts"),s=__webpack_require__("./packages/packages/libs/editor-responsive/src/hooks/use-breakpoints.ts"),i=__webpack_require__("./packages/packages/libs/editor-responsive/src/hooks/use-breakpoints-map.ts"),n=__webpack_require__("./packages/packages/libs/editor-responsive/src/sync/get-breakpoints.ts"),o=__webpack_require__("./packages/packages/libs/editor-responsive/src/sync/get-breakpoints-tree.ts")}(),(window.elementorV2=window.elementorV2||{}).editorResponsive=r}(),window.elementorV2.editorResponsive?.init?.();
148	3	//# sourceMappingURL=editor-responsive.js.map