@elementor/editor-variables 4.0.0-503 → 4.0.0-504
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 +12 -16
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/create-style-variables-repository.ts +2 -1
- package/src/sync/license-info.ts +1 -5
- package/src/sync/enqueue-font.ts +0 -7
- package/src/sync/types.ts +0 -11
package/dist/index.js
CHANGED
|
@@ -51,7 +51,7 @@ var React12 = __toESM(require("react"));
|
|
|
51
51
|
var import_react11 = require("react");
|
|
52
52
|
var import_editor_panels = require("@elementor/editor-panels");
|
|
53
53
|
var import_editor_ui5 = require("@elementor/editor-ui");
|
|
54
|
-
var
|
|
54
|
+
var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
|
|
55
55
|
var import_icons5 = require("@elementor/icons");
|
|
56
56
|
var import_ui12 = require("@elementor/ui");
|
|
57
57
|
var import_i18n9 = require("@wordpress/i18n");
|
|
@@ -376,17 +376,14 @@ var Storage = class {
|
|
|
376
376
|
}
|
|
377
377
|
};
|
|
378
378
|
|
|
379
|
+
// src/create-style-variables-repository.ts
|
|
380
|
+
var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
|
|
381
|
+
|
|
379
382
|
// src/prop-types/font-variable-prop-type.ts
|
|
380
383
|
var import_editor_props2 = require("@elementor/editor-props");
|
|
381
384
|
var import_schema2 = require("@elementor/schema");
|
|
382
385
|
var fontVariablePropTypeUtil = (0, import_editor_props2.createPropUtils)("global-font-variable", import_schema2.z.string());
|
|
383
386
|
|
|
384
|
-
// src/sync/enqueue-font.ts
|
|
385
|
-
var enqueueFont = (fontFamily, context = "preview") => {
|
|
386
|
-
const extendedWindow = window;
|
|
387
|
-
return extendedWindow.elementor?.helpers?.enqueueFont?.(fontFamily, context) ?? null;
|
|
388
|
-
};
|
|
389
|
-
|
|
390
387
|
// src/create-style-variables-repository.ts
|
|
391
388
|
var createStyleVariablesRepository = () => {
|
|
392
389
|
const variables = {};
|
|
@@ -439,7 +436,7 @@ var createStyleVariablesRepository = () => {
|
|
|
439
436
|
return;
|
|
440
437
|
}
|
|
441
438
|
try {
|
|
442
|
-
enqueueFont(value);
|
|
439
|
+
(0, import_editor_v1_adapters.enqueueFont)(value);
|
|
443
440
|
} catch {
|
|
444
441
|
}
|
|
445
442
|
};
|
|
@@ -1076,9 +1073,8 @@ var import_i18n7 = require("@wordpress/i18n");
|
|
|
1076
1073
|
|
|
1077
1074
|
// src/sync/license-info.ts
|
|
1078
1075
|
function getLicenseInfo() {
|
|
1079
|
-
const extendedWindow = window;
|
|
1080
1076
|
return {
|
|
1081
|
-
hasPro: !!
|
|
1077
|
+
hasPro: !!window.elementorPro
|
|
1082
1078
|
};
|
|
1083
1079
|
}
|
|
1084
1080
|
|
|
@@ -1769,10 +1765,10 @@ var { panel, usePanelActions } = (0, import_editor_panels.__createPanel)({
|
|
|
1769
1765
|
component: VariablesManagerPanel,
|
|
1770
1766
|
allowedEditModes: ["edit", id],
|
|
1771
1767
|
onOpen: () => {
|
|
1772
|
-
(0,
|
|
1768
|
+
(0, import_editor_v1_adapters2.changeEditMode)(id);
|
|
1773
1769
|
},
|
|
1774
1770
|
onClose: () => {
|
|
1775
|
-
(0,
|
|
1771
|
+
(0, import_editor_v1_adapters2.changeEditMode)("edit");
|
|
1776
1772
|
},
|
|
1777
1773
|
isOpenPreviousElement: true
|
|
1778
1774
|
});
|
|
@@ -2061,7 +2057,7 @@ function createUnlinkHandler(variable, propTypeKey, setValue) {
|
|
|
2061
2057
|
// src/components/variable-selection-popover.tsx
|
|
2062
2058
|
var React20 = __toESM(require("react"));
|
|
2063
2059
|
var import_react17 = require("react");
|
|
2064
|
-
var
|
|
2060
|
+
var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
|
|
2065
2061
|
|
|
2066
2062
|
// src/context/variable-selection-popover.context.tsx
|
|
2067
2063
|
var React13 = __toESM(require("react"));
|
|
@@ -2762,7 +2758,7 @@ var VariableSelectionPopover = ({ closePopover, propTypeKey, selectedVariable })
|
|
|
2762
2758
|
const [currentView, setCurrentView] = (0, import_react17.useState)(VIEW_LIST);
|
|
2763
2759
|
const [editId, setEditId] = (0, import_react17.useState)("");
|
|
2764
2760
|
const { open } = usePanelActions();
|
|
2765
|
-
const onSettingsAvailable = (0,
|
|
2761
|
+
const onSettingsAvailable = (0, import_editor_v1_adapters3.isExperimentActive)("e_variables_manager") ? () => {
|
|
2766
2762
|
open();
|
|
2767
2763
|
} : void 0;
|
|
2768
2764
|
return /* @__PURE__ */ React20.createElement(VariableTypeProvider, { propTypeKey }, /* @__PURE__ */ React20.createElement(PopoverContentRefContextProvider, null, RenderView({
|
|
@@ -3712,7 +3708,7 @@ function registerVariableTypes() {
|
|
|
3712
3708
|
// src/renderers/style-variables-renderer.tsx
|
|
3713
3709
|
var React36 = __toESM(require("react"));
|
|
3714
3710
|
var import_react25 = require("react");
|
|
3715
|
-
var
|
|
3711
|
+
var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
|
|
3716
3712
|
var import_ui33 = require("@elementor/ui");
|
|
3717
3713
|
var VARIABLES_WRAPPER = "body";
|
|
3718
3714
|
function StyleVariablesRenderer() {
|
|
@@ -3727,7 +3723,7 @@ function StyleVariablesRenderer() {
|
|
|
3727
3723
|
return /* @__PURE__ */ React36.createElement(import_ui33.Portal, { container }, /* @__PURE__ */ React36.createElement("style", { "data-e-style-id": "e-variables", key: wrappedCss }, wrappedCss));
|
|
3728
3724
|
}
|
|
3729
3725
|
function usePortalContainer() {
|
|
3730
|
-
return (0,
|
|
3726
|
+
return (0, import_editor_v1_adapters4.__privateUseListenTo)((0, import_editor_v1_adapters4.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters4.getCanvasIframeDocument)()?.head);
|
|
3731
3727
|
}
|
|
3732
3728
|
function useStyleVariables() {
|
|
3733
3729
|
const [variables, setVariables] = (0, import_react25.useState)({});
|