@elementor/editor-editing-panel 4.4.0-1120 → 4.4.0-1122

package/dist/index.js

@@ -5975,7 +5975,7 @@ var getNextItemNumber = (existingTitles) => {
   }
   return next;
 };
-var buildItemModel = (position, showIcon) => {
+var buildItemModel = (position, showIcon, differentOpenIcon) => {
   const numberedTitle = getItemTitle(position);
   return {
     elType: ACCORDION_ITEM_ELEMENT_TYPE,
@@ -5990,7 +5990,10 @@ var buildItemModel = (position, showIcon) => {
         // has already turned Show Icon off, a newly added item must start with its icon hidden
         // too, not re-show one just because the item itself is brand new. See the comment on
         // the mirrored prop in `Atomic_Accordion_Item_Header` for why this duplication exists.
-        settings: { show_icon: import_editor_props18.booleanPropTypeUtil.create(showIcon) },
+        settings: {
+          show_icon: import_editor_props18.booleanPropTypeUtil.create(showIcon),
+          different_open_icon: import_editor_props18.booleanPropTypeUtil.create(differentOpenIcon)
+        },
         elements: [
           {
             elType: ACCORDION_ITEM_TITLE_ELEMENT_TYPE,
@@ -6036,7 +6039,8 @@ var useActions = () => {
     accordionId,
     existingTitles,
     items: items3,
-    showIcon
+    showIcon,
+    differentOpenIcon = false
   }) => {
     const accordion = (0, import_editor_elements17.getContainer)(accordionId);
     if (!accordion) {
@@ -6058,7 +6062,11 @@ var useActions = () => {
             // *existing* element out of the document, not for describing one to create. A single
             // cast is enough (the two types overlap enough for TS to allow it directly); no
             // `unknown` escape hatch needed.
-            model: buildItemModel(position, showIcon)
+            model: buildItemModel(
+              position,
+              showIcon,
+              differentOpenIcon
+            )
           }
         ]
       });
@@ -6173,6 +6181,56 @@ function getAccordionHeaderIds(accordionId) {
   ).filter((header) => Boolean(header));
   return headerContainers.map((header) => header.id);
 }
+var cascadeDifferentOpenIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
+  {
+    do: ({ accordionId, differentOpenIcon }) => {
+      const headerIds = getAccordionHeaderIds(accordionId);
+      const previous = Object.fromEntries(
+        headerIds.map(
+          (headerId) => [
+            headerId,
+            (0, import_editor_elements18.getElementSettings)(headerId, [
+              "different_open_icon"
+            ]).different_open_icon
+          ]
+        )
+      );
+      headerIds.forEach((headerId) => {
+        (0, import_editor_elements18.updateElementSettings)({
+          id: headerId,
+          props: { different_open_icon: import_editor_props19.booleanPropTypeUtil.create(differentOpenIcon) },
+          withHistory: false
+        });
+      });
+      return { previous };
+    },
+    undo: (_payload, { previous }) => {
+      Object.entries(previous).forEach(([headerId, previousValue]) => {
+        (0, import_editor_elements18.updateElementSettings)({
+          id: headerId,
+          props: { different_open_icon: previousValue ?? null },
+          withHistory: false
+        });
+      });
+    }
+  },
+  {
+    title: (0, import_i18n70.__)("Accordion", "elementor"),
+    subtitle: (0, import_i18n70.__)("Different icon when open", "elementor"),
+    debounce: { wait: HISTORY_DEBOUNCE_WAIT }
+  }
+);
+function useDifferentOpenIconWriteThrough(accordionId, differentOpenIcon) {
+  const previousRef = (0, import_react41.useRef)(null);
+  (0, import_react41.useEffect)(() => {
+    const previous = previousRef.current;
+    previousRef.current = { accordionId, differentOpenIcon };
+    if (!previous || previous.accordionId !== accordionId || previous.differentOpenIcon === differentOpenIcon) {
+      return;
+    }
+    cascadeDifferentOpenIconToHeaders({ accordionId, differentOpenIcon });
+  }, [accordionId, differentOpenIcon]);
+}
 function useShowIconWriteThrough(accordionId, showIcon) {
   const previousRef = (0, import_react41.useRef)(null);
   (0, import_react41.useEffect)(() => {
@@ -6195,7 +6253,9 @@ var AccordionItemsControl = ({ label }) => {
     { includeSelfAsParent: true }
   );
   const showIcon = import_editor_props20.booleanPropTypeUtil.extract(settings.show_icon) ?? true;
+  const differentOpenIcon = import_editor_props20.booleanPropTypeUtil.extract(settings.different_open_icon) ?? false;
   useShowIconWriteThrough(element.id, showIcon);
+  useDifferentOpenIconWriteThrough(element.id, differentOpenIcon);
   const repeaterValues = items3.map((item, index) => {
     return {
       id: item.id,
@@ -6211,7 +6271,8 @@ var AccordionItemsControl = ({ label }) => {
         // see `getNextItemNumber`.
         existingTitles: repeaterValues.map(({ title }) => title),
         items: meta.action.payload,
-        showIcon
+        showIcon,
+        differentOpenIcon
       });
     }
     if (meta?.action?.type === "remove") {