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

		@@ -1,3 +1,148 @@
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?.();
	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?.();
3	148	//# sourceMappingURL=editor-responsive.js.map