@elementor/editor-editing-panel 4.4.0-1067 → 4.4.0-1069

package/dist/index.js

@@ -6172,8 +6172,12 @@ var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_props20 = require("@elementor/editor-props");
 var import_i18n71 = require("@wordpress/i18n");
 var LIST_ITEM_ELEMENT_TYPE = "e-list-item";
+var LIST_ITEM_MARKER_ELEMENT_TYPE = "e-list-item-marker";
+var LIST_ITEM_CONTENT_ELEMENT_TYPE = "e-list-item-content";
+var PARAGRAPH_WIDGET_TYPE2 = "e-paragraph";
+var SVG_WIDGET_TYPE = "e-svg";
 var TRAILING_NUMBER2 = /(\d+)\s*$/;
-var getItemTitle2 = (position) => `Item ${position}`;
+var getItemTitle2 = (position) => `List item ${position}`;
 var getNextItemNumber2 = (existingTitles) => {
   const taken = new Set(existingTitles.filter((title) => Boolean(title)));
   const highest = existingTitles.reduce((max, title) => {
@@ -6187,6 +6191,55 @@ var getNextItemNumber2 = (existingTitles) => {
   }
   return next;
 };
+var buildItemModel2 = (position, showMarkers) => {
+  const itemTitle = getItemTitle2(position);
+  return {
+    elType: LIST_ITEM_ELEMENT_TYPE,
+    id: (0, import_editor_elements20.generateElementId)(),
+    settings: {
+      show_markers: import_editor_props20.booleanPropTypeUtil.create(showMarkers)
+    },
+    editor_settings: {
+      title: itemTitle,
+      initial_position: position
+    },
+    elements: [
+      {
+        elType: LIST_ITEM_MARKER_ELEMENT_TYPE,
+        id: (0, import_editor_elements20.generateElementId)(),
+        editor_settings: {
+          title: (0, import_i18n71.__)("Marker", "elementor")
+        },
+        elements: [
+          {
+            elType: "widget",
+            widgetType: SVG_WIDGET_TYPE,
+            id: (0, import_editor_elements20.generateElementId)(),
+            elements: []
+          }
+        ]
+      },
+      {
+        elType: LIST_ITEM_CONTENT_ELEMENT_TYPE,
+        id: (0, import_editor_elements20.generateElementId)(),
+        editor_settings: {
+          title: (0, import_i18n71.__)("Content", "elementor")
+        },
+        elements: [
+          {
+            elType: "widget",
+            widgetType: PARAGRAPH_WIDGET_TYPE2,
+            id: (0, import_editor_elements20.generateElementId)(),
+            elements: [],
+            settings: {
+              paragraph: import_editor_props20.escapedHtmlPropTypeUtil.create(itemTitle)
+            }
+          }
+        ]
+      }
+    ]
+  };
+};
 var duplicateItem = ({ items: items3 }) => {
   (0, import_editor_elements20.duplicateElements)({
     elementIds: items3.map(({ item }) => item.id),
@@ -6238,17 +6291,7 @@ var addItem = ({
       elements: [
         {
           container: listContainer,
-          model: {
-            elType: LIST_ITEM_ELEMENT_TYPE,
-            settings: {
-              show_markers: import_editor_props20.booleanPropTypeUtil.create(showMarkers)
-            },
-            hydrateDefaultChildren: true,
-            editor_settings: {
-              title: getItemTitle2(position),
-              initial_position: position
-            }
-          },
+          model: buildItemModel2(position, showMarkers),
           options: { at: index }
         }
       ]
@@ -6327,7 +6370,7 @@ var getEffectiveListItemLabel = (label, fallbackLabel) => {
   return label?.trim() ? label : fallbackLabel;
 };
 var getDefaultListItemLabel = (index) => {
-  return `Item ${index + 1}`;
+  return `List item ${index + 1}`;
 };
 var ListItemsControl = ({ label }) => {
   return /* @__PURE__ */ React96.createElement(ListItemsControlContent, { label });
@@ -6381,7 +6424,7 @@ var ListItemsControlContent = ({ label }) => {
       adornment: () => null,
       itemSettings: {
         getId: ({ item }) => item.id,
-        initialValues: { id: "", title: "Item" },
+        initialValues: { id: "", title: "List item" },
         Label: ItemLabel2,
         Content: ItemContent2,
         Icon: () => null