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

package/dist/index.mjs

@@ -6247,15 +6247,20 @@ import { __ as __73 } from "@wordpress/i18n";
 import {
   createElements as createElements2,
   duplicateElements as duplicateElements2,
+  generateElementId as generateElementId2,
   getContainer as getContainer4,
   moveElements as moveElements2,
   removeElements as removeElements2
 } from "@elementor/editor-elements";
-import { booleanPropTypeUtil as booleanPropTypeUtil5 } from "@elementor/editor-props";
+import { booleanPropTypeUtil as booleanPropTypeUtil5, escapedHtmlPropTypeUtil as escapedHtmlPropTypeUtil3 } from "@elementor/editor-props";
 import { __ as __71 } from "@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) => {
@@ -6269,6 +6274,55 @@ var getNextItemNumber2 = (existingTitles) => {
   }
   return next;
 };
+var buildItemModel2 = (position, showMarkers) => {
+  const itemTitle = getItemTitle2(position);
+  return {
+    elType: LIST_ITEM_ELEMENT_TYPE,
+    id: generateElementId2(),
+    settings: {
+      show_markers: booleanPropTypeUtil5.create(showMarkers)
+    },
+    editor_settings: {
+      title: itemTitle,
+      initial_position: position
+    },
+    elements: [
+      {
+        elType: LIST_ITEM_MARKER_ELEMENT_TYPE,
+        id: generateElementId2(),
+        editor_settings: {
+          title: __71("Marker", "elementor")
+        },
+        elements: [
+          {
+            elType: "widget",
+            widgetType: SVG_WIDGET_TYPE,
+            id: generateElementId2(),
+            elements: []
+          }
+        ]
+      },
+      {
+        elType: LIST_ITEM_CONTENT_ELEMENT_TYPE,
+        id: generateElementId2(),
+        editor_settings: {
+          title: __71("Content", "elementor")
+        },
+        elements: [
+          {
+            elType: "widget",
+            widgetType: PARAGRAPH_WIDGET_TYPE2,
+            id: generateElementId2(),
+            elements: [],
+            settings: {
+              paragraph: escapedHtmlPropTypeUtil3.create(itemTitle)
+            }
+          }
+        ]
+      }
+    ]
+  };
+};
 var duplicateItem = ({ items: items3 }) => {
   duplicateElements2({
     elementIds: items3.map(({ item }) => item.id),
@@ -6320,17 +6374,7 @@ var addItem = ({
       elements: [
         {
           container: listContainer,
-          model: {
-            elType: LIST_ITEM_ELEMENT_TYPE,
-            settings: {
-              show_markers: booleanPropTypeUtil5.create(showMarkers)
-            },
-            hydrateDefaultChildren: true,
-            editor_settings: {
-              title: getItemTitle2(position),
-              initial_position: position
-            }
-          },
+          model: buildItemModel2(position, showMarkers),
           options: { at: index }
         }
       ]
@@ -6409,7 +6453,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 });
@@ -6463,7 +6507,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