@elementor/editor-editing-panel 4.2.0-879 → 4.2.0-881

package/dist/index.js

@@ -229,7 +229,6 @@ var React11 = __toESM(require("react"));
 var import_react10 = require("react");
 var import_editor_styles_repository10 = require("@elementor/editor-styles-repository");
 var import_editor_ui4 = require("@elementor/editor-ui");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_icons2 = require("@elementor/icons");
 var import_locations2 = require("@elementor/locations");
 var import_ui7 = require("@elementor/ui");
@@ -1292,18 +1291,12 @@ var validateLabel = (newLabel) => {
 // src/components/css-classes/css-class-selector.tsx
 var ID = "elementor-css-class-selector";
 var TAGS_LIMIT = 50;
-var EVENT_OPEN_GLOBAL_CLASSES_MANAGER = "elementor/open-global-classes-manager";
-var EVENT_TOGGLE_DESIGN_SYSTEM = "elementor/toggle-design-system";
 function openClassManagerPanel() {
-  if ((0, import_editor_v1_adapters2.isExperimentActive)("e_editor_design_system_panel")) {
-    window.dispatchEvent(
-      new CustomEvent(EVENT_TOGGLE_DESIGN_SYSTEM, {
-        detail: { tab: "classes" }
-      })
-    );
-    return;
-  }
-  window.dispatchEvent(new CustomEvent(EVENT_OPEN_GLOBAL_CLASSES_MANAGER));
+  window.dispatchEvent(
+    new CustomEvent("elementor/toggle-design-system", {
+      detail: { tab: "classes" }
+    })
+  );
 }
 var EMPTY_OPTION = {
   label: (0, import_i18n6.__)("local", "elementor"),
@@ -1557,7 +1550,7 @@ var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_props3 = require("@elementor/editor-props");
 var import_editor_styles3 = require("@elementor/editor-styles");
 var import_editor_styles_repository13 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_utils2 = require("@elementor/utils");
 
 // src/hooks/use-styles-fields.ts
@@ -1566,7 +1559,7 @@ var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_styles2 = require("@elementor/editor-styles");
 var import_editor_styles_repository11 = require("@elementor/editor-styles-repository");
 var import_editor_styles_repository12 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
 
 // src/hooks/use-styles-rerender.ts
@@ -1617,7 +1610,7 @@ function useUndoableActions({
   return (0, import_react12.useMemo)(() => {
     const meta = { breakpoint, state };
     const createStyleArgs = { elementId, classesProp, meta, label: import_editor_styles_repository12.ELEMENTS_STYLES_RESERVED_LABEL };
-    return (0, import_editor_v1_adapters3.undoable)(
+    return (0, import_editor_v1_adapters2.undoable)(
       {
         do: (payload) => {
           if ((0, import_editor_elements4.shouldCreateNewLocalStyle)(payload)) {
@@ -1756,7 +1749,7 @@ function useUndoableActions2({
   return (0, import_react13.useMemo)(() => {
     const meta = { breakpoint, state };
     const createStyleArgs = { elementId, classesProp, meta, label: import_editor_styles_repository13.ELEMENTS_STYLES_RESERVED_LABEL };
-    return (0, import_editor_v1_adapters4.undoable)(
+    return (0, import_editor_v1_adapters3.undoable)(
       {
         do: (payload) => {
           if ((0, import_editor_elements5.shouldCreateNewLocalStyle)(payload)) {
@@ -1918,7 +1911,7 @@ function EditorPanelErrorFallback() {
 var import_react38 = require("react");
 var React86 = __toESM(require("react"));
 var import_editor_elements12 = require("@elementor/editor-elements");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_ui41 = require("@elementor/ui");
 var import_i18n60 = require("@wordpress/i18n");
 
@@ -2431,7 +2424,7 @@ var import_react19 = require("react");
 var import_editor_controls2 = require("@elementor/editor-controls");
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_elements6 = require("@elementor/editor-elements");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n8 = require("@wordpress/i18n");
 
 // src/controls-registry/create-top-level-object-type.ts
@@ -2483,7 +2476,7 @@ function useUndoableUpdateElementProp({
   propDisplayName
 }) {
   return (0, import_react19.useMemo)(() => {
-    return (0, import_editor_v1_adapters5.undoable)(
+    return (0, import_editor_v1_adapters4.undoable)(
       {
         do: (newSettings) => {
           const prevPropValue = (0, import_editor_elements6.getElementSettings)(elementId, Object.keys(newSettings));
@@ -3204,11 +3197,11 @@ var import_ui19 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 
 // src/hooks/use-direction.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_ui17 = require("@elementor/ui");
 function useDirection() {
   const theme = (0, import_ui17.useTheme)();
-  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!(0, import_editor_v1_adapters6.getElementorFrontendConfig)()?.is_rtl;
+  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!(0, import_editor_v1_adapters5.getElementorFrontendConfig)()?.is_rtl;
   return { isSiteRtl, isUiRtl };
 }
 
@@ -3454,18 +3447,18 @@ var EffectsSection = () => {
 var React55 = __toESM(require("react"));
 var import_editor_controls30 = require("@elementor/editor-controls");
 var import_editor_elements11 = require("@elementor/editor-elements");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_i18n33 = require("@wordpress/i18n");
 
 // src/hooks/use-computed-style.ts
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 function useComputedStyle(elementId) {
-  return (0, import_editor_v1_adapters7.__privateUseListenTo)(
+  return (0, import_editor_v1_adapters6.__privateUseListenTo)(
     [
-      (0, import_editor_v1_adapters7.windowEvent)("elementor/device-mode/change"),
-      (0, import_editor_v1_adapters7.commandEndEvent)("document/elements/reset-style"),
-      (0, import_editor_v1_adapters7.commandEndEvent)("document/elements/settings"),
-      (0, import_editor_v1_adapters7.commandEndEvent)("document/elements/paste-style")
+      (0, import_editor_v1_adapters6.windowEvent)("elementor/device-mode/change"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/reset-style"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/settings"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/paste-style")
     ],
     () => {
       if (!elementId) {
@@ -3755,7 +3748,7 @@ var getOptions2 = (parentStyleDirection) => {
 var React44 = __toESM(require("react"));
 var import_react24 = require("react");
 var import_editor_controls19 = require("@elementor/editor-controls");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_i18n22 = require("@wordpress/i18n");
 var DISPLAY_LABEL = (0, import_i18n22.__)("Display", "elementor");
 var displayFieldItems = [
@@ -3798,7 +3791,7 @@ var displayFieldItems = [
 ];
 var DisplayField = () => {
   const placeholder = useDisplayPlaceholderValue();
-  const isGridActive = (0, import_editor_v1_adapters8.isExperimentActive)("e_css_grid");
+  const isGridActive = (0, import_editor_v1_adapters7.isExperimentActive)("e_css_grid");
   const items3 = (0, import_react24.useMemo)(
     () => isGridActive ? displayFieldItems : displayFieldItems.filter((item) => item.value !== "grid"),
     [isGridActive]
@@ -4465,7 +4458,7 @@ var LayoutSection = () => {
     history: { propDisplayName: DISPLAY_LABEL2 }
   });
   const displayPlaceholder = useDisplayPlaceholderValue();
-  const isGridExperimentActive = (0, import_editor_v1_adapters9.isExperimentActive)("e_css_grid");
+  const isGridExperimentActive = (0, import_editor_v1_adapters8.isExperimentActive)("e_css_grid");
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const isDisplayGrid = "grid" === (display?.value ?? displayPlaceholder?.value);
   const { element } = useElement();
@@ -5457,7 +5450,7 @@ var PanelTabContent = () => {
   const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
-  const isInteractionsActive = (0, import_editor_v1_adapters10.isExperimentActive)("e_interactions");
+  const isInteractionsActive = (0, import_editor_v1_adapters9.isExperimentActive)("e_interactions");
   const isPromotedElement = !!(0, import_editor_elements12.getWidgetsCache)()?.[element.type]?.meta?.is_pro_promotion;
   const [storedTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
   const currentTab = isPromotedElement && storedTab === "settings" ? "style" : storedTab;
@@ -5502,11 +5495,11 @@ var EditingPanel = () => {
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_panels3 = require("@elementor/editor-panels");
-var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-open-editor-panel.ts
 var import_react39 = require("react");
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 
 // src/panel.ts
 var import_editor_panels2 = require("@elementor/editor-panels");
@@ -5530,7 +5523,7 @@ var isAtomicWidgetSelected = () => {
 var useOpenEditorPanel = () => {
   const { open } = usePanelActions();
   (0, import_react39.useEffect)(() => {
-    return (0, import_editor_v1_adapters11.__privateListenTo)((0, import_editor_v1_adapters11.commandStartEvent)("panel/editor/open"), () => {
+    return (0, import_editor_v1_adapters10.__privateListenTo)((0, import_editor_v1_adapters10.commandStartEvent)("panel/editor/open"), () => {
       if (isAtomicWidgetSelected()) {
         open();
       }
@@ -5979,7 +5972,7 @@ var import_react42 = require("react");
 var import_editor_controls59 = require("@elementor/editor-controls");
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-license-config.ts
 var import_react41 = require("react");
@@ -6002,7 +5995,7 @@ function useLicenseConfig() {
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var getAtomicDynamicTags = (shouldFilterByLicense = true) => {
-  const { atomicDynamicTags } = (0, import_editor_v1_adapters12.getElementorConfig)();
+  const { atomicDynamicTags } = (0, import_editor_v1_adapters11.getElementorConfig)();
   if (!atomicDynamicTags) {
     return null;
   }
@@ -6025,7 +6018,7 @@ var filterByLicense = (tags) => {
 
 // src/dynamics/utils.ts
 var import_editor_props18 = require("@elementor/editor-props");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_schema = require("@elementor/schema");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
 var dynamicPropTypeUtil = (0, import_editor_props18.createPropUtils)(
@@ -6037,7 +6030,7 @@ var dynamicPropTypeUtil = (0, import_editor_props18.createPropUtils)(
   })
 );
 var isDynamicTagSupported = (tagName) => {
-  return !!(0, import_editor_v1_adapters13.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
+  return !!(0, import_editor_v1_adapters12.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
 };
 var isDynamicPropType = (prop) => prop.key === DYNAMIC_PROP_TYPE_KEY;
 var getDynamicPropType = (propType) => {
@@ -7364,7 +7357,7 @@ function init4() {
   init();
 }
 var blockV1Panel = () => {
-  (0, import_editor_v1_adapters14.blockCommand)({
+  (0, import_editor_v1_adapters13.blockCommand)({
     command: "panel/editor/open",
     condition: isAtomicWidgetSelected
   });