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

package/dist/index.mjs

@@ -6055,7 +6055,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,
@@ -6070,7 +6070,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: booleanPropTypeUtil2.create(showIcon) },
+        settings: {
+          show_icon: booleanPropTypeUtil2.create(showIcon),
+          different_open_icon: booleanPropTypeUtil2.create(differentOpenIcon)
+        },
         elements: [
           {
             elType: ACCORDION_ITEM_TITLE_ELEMENT_TYPE,
@@ -6116,7 +6119,8 @@ var useActions = () => {
     accordionId,
     existingTitles,
     items: items3,
-    showIcon
+    showIcon,
+    differentOpenIcon = false
   }) => {
     const accordion = getContainer2(accordionId);
     if (!accordion) {
@@ -6138,7 +6142,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
+            )
           }
         ]
       });
@@ -6253,6 +6261,56 @@ function getAccordionHeaderIds(accordionId) {
   ).filter((header) => Boolean(header));
   return headerContainers.map((header) => header.id);
 }
+var cascadeDifferentOpenIconToHeaders = undoable5(
+  {
+    do: ({ accordionId, differentOpenIcon }) => {
+      const headerIds = getAccordionHeaderIds(accordionId);
+      const previous = Object.fromEntries(
+        headerIds.map(
+          (headerId) => [
+            headerId,
+            getElementSettings2(headerId, [
+              "different_open_icon"
+            ]).different_open_icon
+          ]
+        )
+      );
+      headerIds.forEach((headerId) => {
+        updateElementSettings4({
+          id: headerId,
+          props: { different_open_icon: booleanPropTypeUtil3.create(differentOpenIcon) },
+          withHistory: false
+        });
+      });
+      return { previous };
+    },
+    undo: (_payload, { previous }) => {
+      Object.entries(previous).forEach(([headerId, previousValue]) => {
+        updateElementSettings4({
+          id: headerId,
+          props: { different_open_icon: previousValue ?? null },
+          withHistory: false
+        });
+      });
+    }
+  },
+  {
+    title: __70("Accordion", "elementor"),
+    subtitle: __70("Different icon when open", "elementor"),
+    debounce: { wait: HISTORY_DEBOUNCE_WAIT }
+  }
+);
+function useDifferentOpenIconWriteThrough(accordionId, differentOpenIcon) {
+  const previousRef = useRef20(null);
+  useEffect9(() => {
+    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 = useRef20(null);
   useEffect9(() => {
@@ -6275,7 +6333,9 @@ var AccordionItemsControl = ({ label }) => {
     { includeSelfAsParent: true }
   );
   const showIcon = booleanPropTypeUtil4.extract(settings.show_icon) ?? true;
+  const differentOpenIcon = booleanPropTypeUtil4.extract(settings.different_open_icon) ?? false;
   useShowIconWriteThrough(element.id, showIcon);
+  useDifferentOpenIconWriteThrough(element.id, differentOpenIcon);
   const repeaterValues = items3.map((item, index) => {
     return {
       id: item.id,
@@ -6291,7 +6351,8 @@ var AccordionItemsControl = ({ label }) => {
         // see `getNextItemNumber`.
         existingTitles: repeaterValues.map(({ title }) => title),
         items: meta.action.payload,
-        showIcon
+        showIcon,
+        differentOpenIcon
       });
     }
     if (meta?.action?.type === "remove") {