@dile/crud 1.1.2 → 1.1.4

package/components/ajax-form/src/DileAjaxForm.js

@@ -55,6 +55,7 @@ export class DileAjaxForm extends DileI18nMixin(LitElement) {
     static get properties() {
       return {
         operation: { type: String },
+        method: { type: String },
         endpoint: { type: String },
         actionLabel: { type: String },
         cancelLabel: { type: String },
@@ -166,8 +167,8 @@ export class DileAjaxForm extends DileI18nMixin(LitElement) {
             ></dile-ajax>
             <dile-ajax
                 id="ajaxsave"
-                method="${this.saveMethod(this.operation)}"
-                url="${this.endpoint}${this.operation == 'insert' ? '' : `/${this.relatedId}`}"
+                method="${this.saveMethod(this.operation, this.method)}"
+                url="${this.generateEndpoint(this.operation, this.method, this.relatedId)}"
                 @ajax-success="${this.doSuccessSave}"
                 @ajax-error="${this.doErrorSave}"
                 language="${this.language}"
@@ -264,16 +265,44 @@ export class DileAjaxForm extends DileI18nMixin(LitElement) {
         
     }
 
-    saveMethod(operation) {
-        switch(operation) {
-            case 'insert':
-                return 'post';
-            case 'update':
-                return 'put';
+    saveMethod(operation, method) {
+        if(this.operation != '') {
+            switch(operation) {
+                case 'insert':
+                    return 'post';
+                case 'update':
+                    return 'put';
+            }
+        } else if(this.isValidMethod(method)) {
+            return method;
         }
         throw this.translations.ajax_form_not_supported;
     }
 
+    isValidMethod(method) {
+        if (!method || typeof method !== 'string') {
+            return false;
+        }
+        const validMethods = ['get', 'post', 'put', 'patch', 'delete'];
+        return validMethods.includes(method.toLowerCase());
+    }
+
+    generateEndpoint(operation, method, relatedId) {
+        if (operation === 'insert') {
+            return this.endpoint;
+        } else if (operation === 'update') {
+            return `${this.endpoint}/${relatedId}`;
+        } else if (method) {
+            const methodLower = method.toLowerCase();
+            if (methodLower === 'post') {
+                return this.endpoint;
+            } else if (['put', 'patch', 'delete'].includes(methodLower) && relatedId) {
+                return `${this.endpoint}/${relatedId}`;
+            }
+        }
+        return this.endpoint;
+    }
+
     clearErrors() {
         this.form.clearErrors();
         this.feedback.clear();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "scripts": {
@@ -31,5 +31,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5e351778fe7c3206effd8c3589ba6ef6992d694b"
+  "gitHead": "e60b713895058e0b14a9b018a1e6f825846813c4"
 }