@dile/crud 0.0.50 → 0.0.52

package/components/action/src/DileCrudActions.js

@@ -131,12 +131,16 @@ export class DileCrudActions extends DileI18nMixin(LitElement) {
                 @dile-confirm-accepted=${this.doAction}
             >
                 <div class="modalcontainer">
-                    ${this.formActionsTemplate(this.selection)}
+                    ${this.actionsTemplateRunner}
                 </div>
             </dile-confirm>
         `;
   }
 
+  get actionsTemplateRunner() {
+    return this.formActionsTemplate(this.selection, this.actionIds);
+  }
+
   setActionIds(items) {
     this.actionIds = items;
   }

package/components/action/src/DileCrudSingleActions.js

@@ -37,6 +37,7 @@ export class DileCrudSingleActions extends DileCrudActions {
   static get properties() {
     return {
       actions: { type: Array },
+      element: { type: Object },
     };
   }
 
@@ -69,7 +70,9 @@ export class DileCrudSingleActions extends DileCrudActions {
         `;
   }
 
-
+  get actionsTemplateRunner() {
+    return html`${this.formActionsTemplate(this.selection, this.element)}`;
+  }
 
   onActionSelected(e) {
     this.selection = e.detail.selected;

package/components/ajax/src/DileAjax.js

@@ -98,6 +98,9 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
         case 405:
             this.dispatchError(this.translations.http_405);
             break;
+        case 413:
+          this.dispatchError(this.translations.http_413);
+          break;
         case 419:
           this.dispatchError(this.translations.http_419);
           break;
@@ -138,7 +141,9 @@ export class DileAjax extends DileAxios(DileI18nMixin(LitElement)) {
       this.createFormData();
     }
     for (const key in data) {
-      this.formData.append(key, data[key]);
+      if (data[key] !== null && data[key] !== undefined) {
+        this.formData.append(key, data[key]);
+      }
     }
   }
 }

package/components/detail/src/DileCrudDetail.js

@@ -14,7 +14,7 @@ export class DileCrudDetail extends DileLoading(LitElement) {
             margin-bottom: 0;
         }
         .detail-data {
-            background-color: #f5f5f5;
+            background-color: var(--dile-crud-detail-data-background-color, #f5f5f5);
             padding: 1rem;
             border-top-left-radius: 0.6rem;
             border-top-right-radius: 0.6rem;

package/components/single/src/DileCrudSingle.js

@@ -115,6 +115,7 @@ export class DileCrudSingle extends DileI18nMixin(DileCrudMixin(LitElement)) {
         endpoint=${this.config.endpoint}
         @crud-action-success=${this.actionSuccess}
         language="${this.language}"
+        .element=${this.element}
       ></dile-crud-single-actions>
     `
   }

package/lib/i18n/en.js

@@ -3,6 +3,7 @@ export const translations = {
   http_404: "Not found error",
   http_401: "Unauthorized",
   http_405: "Method Not Allowed",
+  http_413: "Content Too Large",
   http_419: "Your session has expired. Please refresh the page",
   http_502: "Connection error, invalid gateway",
   http_504: "Connection timeout with the gateway",

package/lib/i18n/es.js

@@ -3,6 +3,7 @@ export const translations = {
   http_404: "Recurso inexistente",
   http_401: "No autorizado",
   http_405: "Método HTTP no permitido",
+  http_413: "Contenido enviado al servidor demasiado largo",
   http_419: "La sesión ha expirado. Refresca la página.",
   http_502: "Error de conexión, gateway no válido",
   http_504: "Error de timeout con el gateway",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "description": "Components to create a generic crud system based on Web Components and Lit",
   "main": "index.js",
   "scripts": {
@@ -24,12 +24,12 @@
   },
   "homepage": "https://dile-components.polydile.com/",
   "dependencies": {
-    "@dile/ui": "^2.1.26",
+    "@dile/ui": "^2.1.28",
     "axios": "^1.7.2",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c1e8ede153723c733a0ae3209cf5f13f93367d69"
+  "gitHead": "2ff303719dd914f0beeee873b285466e3c8eadf5"
 }