@elementor/editor-editing-panel 4.0.0-515 → 4.0.0-517

package/dist/index.d.mts

@@ -14,7 +14,6 @@ import * as _elementor_editor_controls from '@elementor/editor-controls';
 import { ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
 import * as zod from 'zod';
 import * as _elementor_utils from '@elementor/utils';
-import * as _elementor_editor_canvas from '@elementor/editor-canvas';
 
 type ValidationResult = {
     isValid: true;
@@ -1291,15 +1290,6 @@ type Colors = {
 };
 declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
 
-declare const stylesInheritanceTransformersRegistry: {
-    register(type: _elementor_editor_props.PropTypeKey, transformer: _elementor_editor_canvas.AnyTransformer): any;
-    registerFallback(transformer: _elementor_editor_canvas.AnyTransformer): any;
-    get(type: _elementor_editor_props.PropTypeKey): _elementor_editor_canvas.AnyTransformer | null;
-    all(): {
-        [x: string]: _elementor_editor_canvas.AnyTransformer;
-    };
-};
-
 type FieldType = 'settings' | 'styles';
 type FieldIndicator = {
     id: string;
@@ -1371,4 +1361,4 @@ type TagInstance = {
 
 declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
+export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };

package/dist/index.d.ts

@@ -14,7 +14,6 @@ import * as _elementor_editor_controls from '@elementor/editor-controls';
 import { ControlComponent, AdornmentComponent } from '@elementor/editor-controls';
 import * as zod from 'zod';
 import * as _elementor_utils from '@elementor/utils';
-import * as _elementor_editor_canvas from '@elementor/editor-canvas';
 
 type ValidationResult = {
     isValid: true;
@@ -1291,15 +1290,6 @@ type Colors = {
 };
 declare const registerStyleProviderToColors: (provider: string, colors: Colors) => void;
 
-declare const stylesInheritanceTransformersRegistry: {
-    register(type: _elementor_editor_props.PropTypeKey, transformer: _elementor_editor_canvas.AnyTransformer): any;
-    registerFallback(transformer: _elementor_editor_canvas.AnyTransformer): any;
-    get(type: _elementor_editor_props.PropTypeKey): _elementor_editor_canvas.AnyTransformer | null;
-    all(): {
-        [x: string]: _elementor_editor_canvas.AnyTransformer;
-    };
-};
-
 type FieldType = 'settings' | 'styles';
 type FieldIndicator = {
     id: string;
@@ -1371,4 +1361,4 @@ type TagInstance = {
 
 declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
+export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };

package/dist/index.js

@@ -59,7 +59,6 @@ __export(index_exports, {
   registerFieldIndicator: () => registerFieldIndicator,
   registerStyleProviderToColors: () => registerStyleProviderToColors,
   setLicenseConfig: () => setLicenseConfig,
-  stylesInheritanceTransformersRegistry: () => stylesInheritanceTransformersRegistry,
   useClassesProp: () => useClassesProp,
   useCustomCss: () => useCustomCss,
   useElement: () => useElement,
@@ -5972,7 +5971,7 @@ var import_i18n67 = require("@wordpress/i18n");
 // src/styles-inheritance/components/styles-inheritance-infotip.tsx
 var React95 = __toESM(require("react"));
 var import_react42 = require("react");
-var import_editor_canvas6 = require("@elementor/editor-canvas");
+var import_editor_canvas5 = require("@elementor/editor-canvas");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_ui45 = require("@elementor/ui");
 var import_i18n66 = require("@wordpress/i18n");
@@ -6049,10 +6048,6 @@ var getTransformedValue = async (item, bind, resolve) => {
   }
 };
 
-// src/styles-inheritance/styles-inheritance-transformers-registry.tsx
-var import_editor_canvas5 = require("@elementor/editor-canvas");
-var stylesInheritanceTransformersRegistry = (0, import_editor_canvas5.createTransformersRegistry)();
-
 // src/styles-inheritance/components/infotip/breakpoint-icon.tsx
 var React91 = __toESM(require("react"));
 var import_editor_responsive4 = require("@elementor/editor-responsive");
@@ -6179,8 +6174,8 @@ var StylesInheritanceInfotip = ({
   const key = path.join(".");
   const sectionWidth = (0, import_editor_ui11.useSectionWidth)();
   const resolve = (0, import_react42.useMemo)(() => {
-    return (0, import_editor_canvas6.createPropsResolver)({
-      transformers: stylesInheritanceTransformersRegistry,
+    return (0, import_editor_canvas5.createPropsResolver)({
+      transformers: import_editor_canvas5.stylesInheritanceTransformersRegistry,
       schema: { [key]: propType }
     });
   }, [key, propType]);
@@ -6385,7 +6380,7 @@ var getLabel = ({ isFinalValue, hasValue }) => {
 };
 
 // src/styles-inheritance/init-styles-inheritance-transformers.ts
-var import_editor_canvas14 = require("@elementor/editor-canvas");
+var import_editor_canvas13 = require("@elementor/editor-canvas");
 
 // src/styles-inheritance/consts.ts
 var excludePropTypeTransformers = /* @__PURE__ */ new Set([
@@ -6403,9 +6398,9 @@ var excludePropTypeTransformers = /* @__PURE__ */ new Set([
 
 // src/styles-inheritance/transformers/array-transformer.tsx
 var React97 = __toESM(require("react"));
-var import_editor_canvas7 = require("@elementor/editor-canvas");
+var import_editor_canvas6 = require("@elementor/editor-canvas");
 var import_ui46 = require("@elementor/ui");
-var arrayTransformer = (0, import_editor_canvas7.createTransformer)((values) => {
+var arrayTransformer = (0, import_editor_canvas6.createTransformer)((values) => {
   if (!values || values.length === 0) {
     return null;
   }
@@ -6414,9 +6409,9 @@ var arrayTransformer = (0, import_editor_canvas7.createTransformer)((values) =>
 
 // src/styles-inheritance/transformers/background-color-overlay-transformer.tsx
 var React98 = __toESM(require("react"));
-var import_editor_canvas8 = require("@elementor/editor-canvas");
+var import_editor_canvas7 = require("@elementor/editor-canvas");
 var import_ui47 = require("@elementor/ui");
-var backgroundColorOverlayTransformer = (0, import_editor_canvas8.createTransformer)((value) => /* @__PURE__ */ React98.createElement(import_ui47.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(ItemLabelColor, { value })));
+var backgroundColorOverlayTransformer = (0, import_editor_canvas7.createTransformer)((value) => /* @__PURE__ */ React98.createElement(import_ui47.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React98.createElement(ItemLabelColor, { value })));
 var ItemLabelColor = ({ value: { color } }) => {
   return /* @__PURE__ */ React98.createElement("span", null, color);
 };
@@ -6430,10 +6425,10 @@ var StyledUnstableColorIndicator = (0, import_ui47.styled)(import_ui47.UnstableC
 
 // src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx
 var React99 = __toESM(require("react"));
-var import_editor_canvas9 = require("@elementor/editor-canvas");
+var import_editor_canvas8 = require("@elementor/editor-canvas");
 var import_ui48 = require("@elementor/ui");
 var import_i18n68 = require("@wordpress/i18n");
-var backgroundGradientOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */ React99.createElement(import_ui48.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React99.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React99.createElement(ItemLabelGradient, { value })));
+var backgroundGradientOverlayTransformer = (0, import_editor_canvas8.createTransformer)((value) => /* @__PURE__ */ React99.createElement(import_ui48.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React99.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React99.createElement(ItemLabelGradient, { value })));
 var ItemIconGradient = ({ value }) => {
   const gradient = getGradientValue(value);
   return /* @__PURE__ */ React99.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: gradient });
@@ -6454,11 +6449,11 @@ var getGradientValue = (gradient) => {
 
 // src/styles-inheritance/transformers/background-image-overlay-transformer.tsx
 var React100 = __toESM(require("react"));
-var import_editor_canvas10 = require("@elementor/editor-canvas");
+var import_editor_canvas9 = require("@elementor/editor-canvas");
 var import_editor_ui12 = require("@elementor/editor-ui");
 var import_ui49 = require("@elementor/ui");
 var import_wp_media = require("@elementor/wp-media");
-var backgroundImageOverlayTransformer = (0, import_editor_canvas10.createTransformer)((value) => /* @__PURE__ */ React100.createElement(import_ui49.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React100.createElement(ItemIconImage, { value }), /* @__PURE__ */ React100.createElement(ItemLabelImage, { value })));
+var backgroundImageOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */ React100.createElement(import_ui49.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React100.createElement(ItemIconImage, { value }), /* @__PURE__ */ React100.createElement(ItemLabelImage, { value })));
 var ItemIconImage = ({ value }) => {
   const { imageUrl } = useImage(value);
   return /* @__PURE__ */ React100.createElement(
@@ -6503,9 +6498,9 @@ var getFileExtensionFromFilename = (filename) => {
 
 // src/styles-inheritance/transformers/box-shadow-transformer.tsx
 var React101 = __toESM(require("react"));
-var import_editor_canvas11 = require("@elementor/editor-canvas");
+var import_editor_canvas10 = require("@elementor/editor-canvas");
 var import_ui50 = require("@elementor/ui");
-var boxShadowTransformer = (0, import_editor_canvas11.createTransformer)((value) => {
+var boxShadowTransformer = (0, import_editor_canvas10.createTransformer)((value) => {
   if (!value) {
     return null;
   }
@@ -6518,7 +6513,7 @@ var boxShadowTransformer = (0, import_editor_canvas11.createTransformer)((value)
 
 // src/styles-inheritance/transformers/color-transformer.tsx
 var React102 = __toESM(require("react"));
-var import_editor_canvas12 = require("@elementor/editor-canvas");
+var import_editor_canvas11 = require("@elementor/editor-canvas");
 var import_ui51 = require("@elementor/ui");
 function isValidCSSColor(value) {
   if (!value.trim()) {
@@ -6533,7 +6528,7 @@ var StyledColorIndicator = (0, import_ui51.styled)(import_ui51.UnstableColorIndi
   outline: `1px solid ${theme.palette.action.disabled}`,
   flexShrink: 0
 }));
-var colorTransformer = (0, import_editor_canvas12.createTransformer)((value) => {
+var colorTransformer = (0, import_editor_canvas11.createTransformer)((value) => {
   if (!isValidCSSColor(value)) {
     return value;
   }
@@ -6542,10 +6537,10 @@ var colorTransformer = (0, import_editor_canvas12.createTransformer)((value) =>
 
 // src/styles-inheritance/transformers/repeater-to-items-transformer.tsx
 var React103 = __toESM(require("react"));
-var import_editor_canvas13 = require("@elementor/editor-canvas");
+var import_editor_canvas12 = require("@elementor/editor-canvas");
 var import_ui52 = require("@elementor/ui");
 var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") => {
-  return (0, import_editor_canvas13.createTransformer)((value, options12) => {
+  return (0, import_editor_canvas12.createTransformer)((value, options12) => {
     const stringResult = originalTransformer(value, options12);
     if (!stringResult || typeof stringResult !== "string") {
       return stringResult;
@@ -6560,43 +6555,43 @@ var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") =>
 
 // src/styles-inheritance/init-styles-inheritance-transformers.ts
 function initStylesInheritanceTransformers() {
-  const originalStyleTransformers = import_editor_canvas14.styleTransformersRegistry.all();
+  const originalStyleTransformers = import_editor_canvas13.styleTransformersRegistry.all();
   Object.entries(originalStyleTransformers).forEach(([propType, transformer]) => {
     if (excludePropTypeTransformers.has(propType)) {
       return;
     }
-    stylesInheritanceTransformersRegistry.register(propType, transformer);
+    import_editor_canvas13.stylesInheritanceTransformersRegistry.register(propType, transformer);
   });
-  stylesInheritanceTransformersRegistry.registerFallback(
-    (0, import_editor_canvas14.createTransformer)((value) => {
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.registerFallback(
+    (0, import_editor_canvas13.createTransformer)((value) => {
       return value;
     })
   );
   registerCustomTransformers(originalStyleTransformers);
 }
 function registerCustomTransformers(originalStyleTransformers) {
-  stylesInheritanceTransformersRegistry.register("color", colorTransformer);
-  stylesInheritanceTransformersRegistry.register("background-color-overlay", backgroundColorOverlayTransformer);
-  stylesInheritanceTransformersRegistry.register(
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register("color", colorTransformer);
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register("background-color-overlay", backgroundColorOverlayTransformer);
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register(
     "background-gradient-overlay",
     backgroundGradientOverlayTransformer
   );
-  stylesInheritanceTransformersRegistry.register("background-image-overlay", backgroundImageOverlayTransformer);
-  stylesInheritanceTransformersRegistry.register("shadow", boxShadowTransformer);
-  stylesInheritanceTransformersRegistry.register(
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register("background-image-overlay", backgroundImageOverlayTransformer);
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register("shadow", boxShadowTransformer);
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register(
     "filter",
     createRepeaterToItemsTransformer(originalStyleTransformers.filter)
   );
-  stylesInheritanceTransformersRegistry.register(
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register(
     "backdrop-filter",
     createRepeaterToItemsTransformer(originalStyleTransformers["backdrop-filter"])
   );
-  stylesInheritanceTransformersRegistry.register(
+  import_editor_canvas13.stylesInheritanceTransformersRegistry.register(
     "transition",
     createRepeaterToItemsTransformer(originalStyleTransformers.transition, ", ")
   );
   ["background-overlay", "box-shadow", "transform-functions"].forEach(
-    (propType) => stylesInheritanceTransformersRegistry.register(propType, arrayTransformer)
+    (propType) => import_editor_canvas13.stylesInheritanceTransformersRegistry.register(propType, arrayTransformer)
   );
 }
 
@@ -6662,7 +6657,6 @@ var blockV1Panel = () => {
   registerFieldIndicator,
   registerStyleProviderToColors,
   setLicenseConfig,
-  stylesInheritanceTransformersRegistry,
   useClassesProp,
   useCustomCss,
   useElement,