← All changes | assets/js/design-system-sync.js +60 -68 4.2.4 → 4.3.1 View file →

		@@ -1,73 +1,65 @@
1		-/******/ (() => { // webpackBootstrap
2		-/******/ "use strict";
3		-/*!*****************************************************************************!*\
4		- !*** ../modules/design-system-sync/assets/js/design-system-sync-handler.js ***!
5		- \*****************************************************************************/
	1	+(function() {
6	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	+ });
7	9
8		-(function () {
9		- 'use strict';
	10	+//#endregion
10	11
11		- var SYNC_ENDPOINT = wpApiSettings.root + 'elementor/v1/design-system-sync/stylesheet';
12		- var SYNC_STYLESHEET_ID = 'elementor-design-system-sync-css';
13		- var DEBOUNCE_MS = 500;
14		- var syncTimeout;
15		- function syncDesignSystem() {
16		- fetch(SYNC_ENDPOINT, {
17		- method: 'POST',
18		- headers: {
19		- 'X-WP-Nonce': wpApiSettings.nonce
20		- }
21		- }).then(function (response) {
22		- if (!response.ok) {
23		- return;
24		- }
25		- if (204 === response.status) {
26		- return;
27		- }
28		- return response.json();
29		- }).then(function (data) {
30		- if (!data) {
31		- return;
32		- }
33		- refreshGlobals();
34		- reloadCanvasDesignSyncStyles(data);
35		- });
36		- }
37		- function refreshGlobals() {
38		- var globals = $e.components.get('globals');
39		- globals === null || globals === void 0 || globals.refreshGlobalData();
40		- globals === null || globals === void 0 || globals.populateGlobalData();
41		- }
42		- function reloadCanvasDesignSyncStyles(_ref) {
43		- var url = _ref.url;
44		- var previewFrame = document.getElementById('elementor-preview-iframe');
45		- if (!(previewFrame !== null && previewFrame !== void 0 && previewFrame.contentDocument)) {
46		- return;
47		- }
48		- var link = previewFrame.contentDocument.getElementById(SYNC_STYLESHEET_ID);
49		- if (!link) {
50		- link = previewFrame.contentDocument.createElement('link');
51		- link.id = SYNC_STYLESHEET_ID;
52		- link.rel = 'stylesheet';
53		- previewFrame.contentDocument.head.appendChild(link);
54		- }
55		- link.href = url;
56		- }
57		- function onClassesUpdated(event) {
58		- var context = event.detail.context;
59		- if (context !== 'frontend') {
60		- return;
61		- }
62		- clearTimeout(syncTimeout);
63		- syncTimeout = setTimeout(syncDesignSystem, DEBOUNCE_MS);
64		- }
65		- window.addEventListener('classes:updated', onClassesUpdated);
66		- window.addEventListener('variables:updated', function () {
67		- clearTimeout(syncTimeout);
68		- syncTimeout = setTimeout(syncDesignSystem, DEBOUNCE_MS);
69		- });
	12	+//#region modules/design-system-sync/assets/js/design-system-sync-handler.js
	13	+ (function() {
	14	+ "use strict";
	15	+ var SYNC_ENDPOINT = wpApiSettings.root + "elementor/v1/design-system-sync/stylesheet";
	16	+ var SYNC_STYLESHEET_ID = "elementor-design-system-sync-css";
	17	+ var DEBOUNCE_MS = 500;
	18	+ var syncTimeout;
	19	+ function syncDesignSystem() {
	20	+ fetch(SYNC_ENDPOINT, {
	21	+ method: "POST",
	22	+ headers: { "X-WP-Nonce": wpApiSettings.nonce }
	23	+ }).then(function(response) {
	24	+ if (!response.ok) return;
	25	+ if (204 === response.status) return;
	26	+ return response.json();
	27	+ }).then(function(data) {
	28	+ if (!data) return;
	29	+ refreshGlobals();
	30	+ reloadCanvasDesignSyncStyles(data);
	31	+ });
	32	+ }
	33	+ function refreshGlobals() {
	34	+ var globals = $e.components.get("globals");
	35	+ globals === null || globals === void 0 || globals.refreshGlobalData();
	36	+ globals === null || globals === void 0 || globals.populateGlobalData();
	37	+ }
	38	+ function reloadCanvasDesignSyncStyles(_ref) {
	39	+ var url = _ref.url;
	40	+ var previewFrame = document.getElementById("elementor-preview-iframe");
	41	+ if (!(previewFrame !== null && previewFrame !== void 0 && previewFrame.contentDocument)) return;
	42	+ var link = previewFrame.contentDocument.getElementById(SYNC_STYLESHEET_ID);
	43	+ if (!link) {
	44	+ link = previewFrame.contentDocument.createElement("link");
	45	+ link.id = SYNC_STYLESHEET_ID;
	46	+ link.rel = "stylesheet";
	47	+ previewFrame.contentDocument.head.appendChild(link);
	48	+ }
	49	+ link.href = url;
	50	+ }
	51	+ function onClassesUpdated(event) {
	52	+ if (event.detail.context !== "frontend") return;
	53	+ clearTimeout(syncTimeout);
	54	+ syncTimeout = setTimeout(syncDesignSystem, DEBOUNCE_MS);
	55	+ }
	56	+ window.addEventListener("classes:updated", onClassesUpdated);
	57	+ window.addEventListener("variables:updated", function() {
	58	+ clearTimeout(syncTimeout);
	59	+ syncTimeout = setTimeout(syncDesignSystem, DEBOUNCE_MS);
	60	+ });
	61	+ })();
	62	+
	63	+//#endregion
70	64	})();
71		-/******/ })()
72		-;
73	65	//# sourceMappingURL=design-system-sync.js.map