allow to configure the minimal id to be generated

form-stamp.js

@@ -1,35 +1,51 @@
 /* jshint esversion: 6 */
 const defaults = {
     nameToReplace: 'idx',
-    removeSelector: '.remove'
+    removeSelector: '.remove',
+    minimalId: 'auto'
 }
 
 export function formStamp(element, options = {})
 {
     const {
         nameToReplace,
-        removeSelector
+        removeSelector,
+        minimalId
     } = { ...defaults, ...element.dataset, ...options };
     const container = element.parentElement;
     const template = element.querySelector('template');
     const itemSelector = '.' + template.content.firstElementChild.className.replace(/ /g, '.');
-    const initialItemCount = container.querySelectorAll(itemSelector).length;
+    const startWithId = minimalId === 'auto' ? container.querySelectorAll(itemSelector).length : parseInt(minimalId);
     let created = 0;
-    const removeRow = (element) => () => {
+    const afterDomManipulation = () => {
-        const rowToDelete = element.closest(itemSelector);
+        element.dispatchEvent(new CustomEvent('afterStampDomManipulation'));
+    }
+    const removeRow = (removeItem) => () => {
+        const rowToDelete = removeItem.closest(itemSelector);
         // Flow renders identity fields directly at the form tag, so we need to look
         if (rowToDelete.dataset.stampRemoveWithMe) {
             container.closest('form')
                 .querySelectorAll(rowToDelete.dataset.stampRemoveWithMe)
                 .forEach(child => child.remove())
         }
-        rowToDelete.remove();
+        if (element.dispatchEvent(new CustomEvent(
+            'beforeStampRemoval',
+            {
+                cancelable: true,
+                detail: {
+                    toBeRemoved: rowToDelete
+                }
+            }
+        ))) {
+            rowToDelete.remove();
+            afterDomManipulation();
+        }
     }
 
     element.addEventListener('click', () => {
         const clone = template.content.cloneNode(true);
         clone.querySelectorAll('input, select, textarea').forEach(child => {
-            child.name = child.name.replace(nameToReplace, initialItemCount + created);
+            child.name = child.name.replace(nameToReplace, startWithId + created);
         });
         clone.querySelectorAll(removeSelector).forEach(child => {
             child.onclick = removeRow(child);
@@ -38,13 +54,14 @@ export function formStamp(element, options = {})
             'beforeStampInsert',
             {
                 detail: {
-                    i: initialItemCount + created,
+                    i: startWithId + created,
                     node: clone
                 },
                 cancelable: true
             }
         ))) {
             element.before(clone);
+            afterDomManipulation();
             created++;
         }
     });

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digicomp/form-stamp",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "duplicates an entry form field group",
   "main": "form-stamp.js",
   "scripts": {