@elementor/editor-canvas 3.33.0-168 → 3.33.0-170
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +22 -26
- package/dist/index.mjs +1 -5
- package/package.json +13 -13
- package/src/renderers/create-styles-renderer.ts +1 -6
package/dist/index.js
CHANGED
|
@@ -218,7 +218,7 @@ function useElementsDom() {
|
|
|
218
218
|
|
|
219
219
|
// src/components/style-renderer.tsx
|
|
220
220
|
var React3 = __toESM(require("react"));
|
|
221
|
-
var
|
|
221
|
+
var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
|
|
222
222
|
var import_ui2 = require("@elementor/ui");
|
|
223
223
|
|
|
224
224
|
// src/hooks/use-documents-css-links.ts
|
|
@@ -280,7 +280,7 @@ function getLinkAttrs(el) {
|
|
|
280
280
|
var import_react9 = require("react");
|
|
281
281
|
var import_editor_responsive2 = require("@elementor/editor-responsive");
|
|
282
282
|
var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
|
|
283
|
-
var
|
|
283
|
+
var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
|
|
284
284
|
|
|
285
285
|
// src/utils/abort-previous-runs.ts
|
|
286
286
|
function abortPreviousRuns(cb) {
|
|
@@ -467,7 +467,6 @@ var import_react8 = require("react");
|
|
|
467
467
|
var import_editor_responsive = require("@elementor/editor-responsive");
|
|
468
468
|
|
|
469
469
|
// src/renderers/create-styles-renderer.ts
|
|
470
|
-
var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
|
|
471
470
|
var import_utils3 = require("@elementor/utils");
|
|
472
471
|
|
|
473
472
|
// src/renderers/errors.ts
|
|
@@ -537,10 +536,7 @@ async function propsToCss({ props, resolve, signal }) {
|
|
|
537
536
|
}, []).join("");
|
|
538
537
|
}
|
|
539
538
|
function customCssToString(customCss) {
|
|
540
|
-
|
|
541
|
-
return "";
|
|
542
|
-
}
|
|
543
|
-
const decoded = (0, import_utils3.decodeString)(customCss.raw);
|
|
539
|
+
const decoded = (0, import_utils3.decodeString)(customCss?.raw || "");
|
|
544
540
|
if (!decoded.trim()) {
|
|
545
541
|
return "";
|
|
546
542
|
}
|
|
@@ -586,7 +582,7 @@ function useStyleItems() {
|
|
|
586
582
|
};
|
|
587
583
|
}, [providerAndSubscribers]);
|
|
588
584
|
useOnMount(() => {
|
|
589
|
-
(0,
|
|
585
|
+
(0, import_editor_v1_adapters3.registerDataHook)("after", "editor/documents/attach-preview", async () => {
|
|
590
586
|
const promises = providerAndSubscribers.map(async ({ subscriber }) => subscriber());
|
|
591
587
|
await Promise.all(promises);
|
|
592
588
|
});
|
|
@@ -656,7 +652,7 @@ function StyleRenderer() {
|
|
|
656
652
|
return /* @__PURE__ */ React3.createElement(import_ui2.Portal, { container }, styleItems.map((item) => /* @__PURE__ */ React3.createElement("style", { "data-e-style-id": item.id, key: `${item.id}-${item.breakpoint}` }, item.value)), linksAttrs.map((attrs) => /* @__PURE__ */ React3.createElement("link", { ...attrs, key: attrs.id })));
|
|
657
653
|
}
|
|
658
654
|
function usePortalContainer() {
|
|
659
|
-
return (0,
|
|
655
|
+
return (0, import_editor_v1_adapters4.__privateUseListenTo)((0, import_editor_v1_adapters4.commandEndEvent)("editor/documents/attach-preview"), () => getCanvasIframeDocument()?.head);
|
|
660
656
|
}
|
|
661
657
|
|
|
662
658
|
// src/settings-transformers-registry.ts
|
|
@@ -1060,7 +1056,7 @@ function initStyleTransformers() {
|
|
|
1060
1056
|
|
|
1061
1057
|
// src/legacy/init-legacy-views.ts
|
|
1062
1058
|
var import_editor_elements2 = require("@elementor/editor-elements");
|
|
1063
|
-
var
|
|
1059
|
+
var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
|
|
1064
1060
|
|
|
1065
1061
|
// src/renderers/create-dom-renderer.ts
|
|
1066
1062
|
var import_twing = require("@elementor/twing");
|
|
@@ -1263,7 +1259,7 @@ function createTemplatedElementViewClassDeclaration({
|
|
|
1263
1259
|
|
|
1264
1260
|
// src/legacy/init-legacy-views.ts
|
|
1265
1261
|
function initLegacyViews() {
|
|
1266
|
-
(0,
|
|
1262
|
+
(0, import_editor_v1_adapters5.__privateListenTo)((0, import_editor_v1_adapters5.v1ReadyEvent)(), () => {
|
|
1267
1263
|
const config = (0, import_editor_elements2.getWidgetsCache)() ?? {};
|
|
1268
1264
|
const legacyWindow = window;
|
|
1269
1265
|
const renderer = createDomRenderer();
|
|
@@ -1280,14 +1276,14 @@ function initLegacyViews() {
|
|
|
1280
1276
|
// src/prevent-link-in-link-commands.ts
|
|
1281
1277
|
var import_editor_elements3 = require("@elementor/editor-elements");
|
|
1282
1278
|
var import_editor_notifications = require("@elementor/editor-notifications");
|
|
1283
|
-
var
|
|
1279
|
+
var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
|
|
1284
1280
|
var import_i18n = require("@wordpress/i18n");
|
|
1285
1281
|
function initLinkInLinkPrevention() {
|
|
1286
|
-
(0,
|
|
1282
|
+
(0, import_editor_v1_adapters6.blockCommand)({
|
|
1287
1283
|
command: "document/elements/paste",
|
|
1288
1284
|
condition: blockLinkInLinkPaste
|
|
1289
1285
|
});
|
|
1290
|
-
(0,
|
|
1286
|
+
(0, import_editor_v1_adapters6.blockCommand)({
|
|
1291
1287
|
command: "document/elements/move",
|
|
1292
1288
|
condition: blockLinkInLinkMove
|
|
1293
1289
|
});
|
|
@@ -1361,12 +1357,12 @@ function shouldBlock(sourceElements, targetElements) {
|
|
|
1361
1357
|
}
|
|
1362
1358
|
|
|
1363
1359
|
// src/style-commands/paste-style.ts
|
|
1364
|
-
var
|
|
1360
|
+
var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
|
|
1365
1361
|
|
|
1366
1362
|
// src/style-commands/undoable-actions/paste-element-style.ts
|
|
1367
1363
|
var import_editor_elements5 = require("@elementor/editor-elements");
|
|
1368
1364
|
var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
|
|
1369
|
-
var
|
|
1365
|
+
var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
|
|
1370
1366
|
var import_i18n3 = require("@wordpress/i18n");
|
|
1371
1367
|
|
|
1372
1368
|
// src/style-commands/utils.ts
|
|
@@ -1412,7 +1408,7 @@ function getTitleForContainers(containers) {
|
|
|
1412
1408
|
}
|
|
1413
1409
|
|
|
1414
1410
|
// src/style-commands/undoable-actions/paste-element-style.ts
|
|
1415
|
-
var undoablePasteElementStyle = () => (0,
|
|
1411
|
+
var undoablePasteElementStyle = () => (0, import_editor_v1_adapters7.undoable)(
|
|
1416
1412
|
{
|
|
1417
1413
|
do: ({ containers, newStyle }) => {
|
|
1418
1414
|
return containers.map((container) => {
|
|
@@ -1488,12 +1484,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters8.undoable)(
|
|
|
1488
1484
|
// src/style-commands/paste-style.ts
|
|
1489
1485
|
function initPasteStyleCommand() {
|
|
1490
1486
|
const pasteElementStyleCommand = undoablePasteElementStyle();
|
|
1491
|
-
(0,
|
|
1487
|
+
(0, import_editor_v1_adapters8.blockCommand)({
|
|
1492
1488
|
command: "document/elements/paste-style",
|
|
1493
1489
|
condition: hasAtomicWidgets
|
|
1494
1490
|
});
|
|
1495
|
-
(0,
|
|
1496
|
-
(0,
|
|
1491
|
+
(0, import_editor_v1_adapters8.__privateListenTo)(
|
|
1492
|
+
(0, import_editor_v1_adapters8.commandStartEvent)("document/elements/paste-style"),
|
|
1497
1493
|
(e) => pasteStyles(e.args, pasteElementStyleCommand)
|
|
1498
1494
|
);
|
|
1499
1495
|
}
|
|
@@ -1517,14 +1513,14 @@ function pasteStyles(args, pasteCallback) {
|
|
|
1517
1513
|
}
|
|
1518
1514
|
|
|
1519
1515
|
// src/style-commands/reset-style.ts
|
|
1520
|
-
var
|
|
1516
|
+
var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
|
|
1521
1517
|
|
|
1522
1518
|
// src/style-commands/undoable-actions/reset-element-style.ts
|
|
1523
1519
|
var import_editor_elements6 = require("@elementor/editor-elements");
|
|
1524
1520
|
var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
|
|
1525
|
-
var
|
|
1521
|
+
var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
|
|
1526
1522
|
var import_i18n4 = require("@wordpress/i18n");
|
|
1527
|
-
var undoableResetElementStyle = () => (0,
|
|
1523
|
+
var undoableResetElementStyle = () => (0, import_editor_v1_adapters9.undoable)(
|
|
1528
1524
|
{
|
|
1529
1525
|
do: ({ containers }) => {
|
|
1530
1526
|
return containers.map((container) => {
|
|
@@ -1568,12 +1564,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters10.undoable)(
|
|
|
1568
1564
|
// src/style-commands/reset-style.ts
|
|
1569
1565
|
function initResetStyleCommand() {
|
|
1570
1566
|
const resetElementStyles = undoableResetElementStyle();
|
|
1571
|
-
(0,
|
|
1567
|
+
(0, import_editor_v1_adapters10.blockCommand)({
|
|
1572
1568
|
command: "document/elements/reset-style",
|
|
1573
1569
|
condition: hasAtomicWidgets
|
|
1574
1570
|
});
|
|
1575
|
-
(0,
|
|
1576
|
-
(0,
|
|
1571
|
+
(0, import_editor_v1_adapters10.__privateListenTo)(
|
|
1572
|
+
(0, import_editor_v1_adapters10.commandStartEvent)("document/elements/reset-style"),
|
|
1577
1573
|
(e) => resetStyles(e.args, resetElementStyles)
|
|
1578
1574
|
);
|
|
1579
1575
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -431,7 +431,6 @@ import { useMemo as useMemo2 } from "react";
|
|
|
431
431
|
import { useBreakpointsMap } from "@elementor/editor-responsive";
|
|
432
432
|
|
|
433
433
|
// src/renderers/create-styles-renderer.ts
|
|
434
|
-
import { EXPERIMENTAL_FEATURES, isExperimentActive } from "@elementor/editor-v1-adapters";
|
|
435
434
|
import { decodeString } from "@elementor/utils";
|
|
436
435
|
|
|
437
436
|
// src/renderers/errors.ts
|
|
@@ -501,10 +500,7 @@ async function propsToCss({ props, resolve, signal }) {
|
|
|
501
500
|
}, []).join("");
|
|
502
501
|
}
|
|
503
502
|
function customCssToString(customCss) {
|
|
504
|
-
|
|
505
|
-
return "";
|
|
506
|
-
}
|
|
507
|
-
const decoded = decodeString(customCss.raw);
|
|
503
|
+
const decoded = decodeString(customCss?.raw || "");
|
|
508
504
|
if (!decoded.trim()) {
|
|
509
505
|
return "";
|
|
510
506
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-canvas",
|
|
3
3
|
"description": "Elementor Editor Canvas",
|
|
4
|
-
"version": "3.33.0-
|
|
4
|
+
"version": "3.33.0-170",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Elementor Team",
|
|
7
7
|
"homepage": "https://elementor.com/",
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
"react-dom": "^18.3.1"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@elementor/editor": "3.33.0-
|
|
41
|
-
"@elementor/editor-notifications": "3.33.0-
|
|
42
|
-
"@elementor/editor-documents": "3.33.0-
|
|
43
|
-
"@elementor/editor-elements": "3.33.0-
|
|
44
|
-
"@elementor/editor-props": "3.33.0-
|
|
45
|
-
"@elementor/editor-responsive": "3.33.0-
|
|
46
|
-
"@elementor/editor-styles": "3.33.0-
|
|
47
|
-
"@elementor/editor-styles-repository": "3.33.0-
|
|
48
|
-
"@elementor/editor-v1-adapters": "3.33.0-
|
|
49
|
-
"@elementor/twing": "3.33.0-
|
|
40
|
+
"@elementor/editor": "3.33.0-170",
|
|
41
|
+
"@elementor/editor-notifications": "3.33.0-170",
|
|
42
|
+
"@elementor/editor-documents": "3.33.0-170",
|
|
43
|
+
"@elementor/editor-elements": "3.33.0-170",
|
|
44
|
+
"@elementor/editor-props": "3.33.0-170",
|
|
45
|
+
"@elementor/editor-responsive": "3.33.0-170",
|
|
46
|
+
"@elementor/editor-styles": "3.33.0-170",
|
|
47
|
+
"@elementor/editor-styles-repository": "3.33.0-170",
|
|
48
|
+
"@elementor/editor-v1-adapters": "3.33.0-170",
|
|
49
|
+
"@elementor/twing": "3.33.0-170",
|
|
50
50
|
"@elementor/ui": "1.36.12",
|
|
51
|
-
"@elementor/utils": "3.33.0-
|
|
52
|
-
"@elementor/wp-media": "3.33.0-
|
|
51
|
+
"@elementor/utils": "3.33.0-170",
|
|
52
|
+
"@elementor/wp-media": "3.33.0-170",
|
|
53
53
|
"@floating-ui/react": "^0.27.5",
|
|
54
54
|
"@wordpress/i18n": "^5.13.0"
|
|
55
55
|
},
|
|
@@ -6,7 +6,6 @@ import {
|
|
|
6
6
|
type StyleDefinitionState,
|
|
7
7
|
type StyleDefinitionType,
|
|
8
8
|
} from '@elementor/editor-styles';
|
|
9
|
-
import { EXPERIMENTAL_FEATURES, isExperimentActive } from '@elementor/editor-v1-adapters';
|
|
10
9
|
import { decodeString } from '@elementor/utils';
|
|
11
10
|
|
|
12
11
|
import { type PropsResolver } from './create-props-resolver';
|
|
@@ -130,11 +129,7 @@ async function propsToCss( { props, resolve, signal }: PropsToCssArgs ) {
|
|
|
130
129
|
}
|
|
131
130
|
|
|
132
131
|
function customCssToString( customCss: CustomCss | null ): string {
|
|
133
|
-
|
|
134
|
-
return '';
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
const decoded = decodeString( customCss.raw );
|
|
132
|
+
const decoded = decodeString( customCss?.raw || '' );
|
|
138
133
|
|
|
139
134
|
if ( ! decoded.trim() ) {
|
|
140
135
|
return '';
|