@dile/crud 1.10.6 → 1.10.7

package/components/crud/src/DileCrud.js

@@ -294,11 +294,12 @@ export class DileCrud extends DileI18nMixin(DileCrudMixin(LitElement)) {
 
     updateRequest(e) {
         const itemId = e.detail.itemId;
+        const item = e.detail.item;
         if (this.config.updateOperation?.type === 'modal') {
             this.editItem(itemId);
             this.modalUpdate.open();
         } else if (this.config.updateOperation?.type == 'handler') {
-            this.config.updateOperation.handler(itemId, this);
+            this.config.updateOperation.handler(itemId, this, item);
         }        
     }
 

package/components/list/src/DileCrudList.js

@@ -203,6 +203,7 @@ export class DileCrudList extends DileI18nMixin(DileLoading(LitElement)) {
         return html`
             ${this.elements.map(element => html`
                 <dile-crud-list-item 
+                    .item=${element}
                     itemId="${this.computeItemId(element)}"
                     .actionIds="${this.actionIds}"
                     ?disableEdit=${!this.isItemEditable(element)}

package/components/list/src/DileCrudListItem.js

@@ -52,6 +52,7 @@ export class DileCrudListItem extends LitElement {
 
   static get properties() {
     return {
+      item: { type: Object },
       itemId: { type: String },
       actionIds: { type: Array },
       disableEdit: { type: Boolean },
@@ -129,33 +130,26 @@ export class DileCrudListItem extends LitElement {
     }));
   }
 
-  editClick() {
-    this.dispatchEvent(new CustomEvent('crud-item-edit', {
+  _dispatchItemEvent(eventName) {
+    this.dispatchEvent(new CustomEvent(eventName, {
       bubbles: true,
       composed: true,
       detail: {
-        itemId: this.itemId
+        item: this.item,
+        itemId: this.itemId,
       }
     }));
   }
 
+  editClick() {
+    this._dispatchItemEvent('crud-item-edit');
+  }
+
   deleteClick() {
-    this.dispatchEvent(new CustomEvent('crud-item-delete', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        itemId: this.itemId
-      }
-    }));
+    this._dispatchItemEvent('crud-item-delete');
   }
 
   restoreClick() {
-    this.dispatchEvent(new CustomEvent('crud-item-restore', {
-      bubbles: true,
-      composed: true,
-      detail: {
-        itemId: this.itemId
-      }
-    }));
+    this._dispatchItemEvent('crud-item-restore');
   }
 }

package/components/many-relation/src/DileManyRelation.js

@@ -26,13 +26,14 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
       .relation-item {
         display: flex;
         align-items: center;
-        gap: 0.5rem;
+        gap: var(--many-relation-item-gap, 0.5rem);
         padding: 0.25rem 0;
       }
       .relation-item-content {
         flex: 1;
-        padding-left: 0.4rem;
+        padding-left: var(--many-relation-item-content-padding-left, 0.4rem);
         font-size: var(--many-relation-item-font-size, 0.9rem);
+        font-weight: var(--many-relation-item-content-font-weight, normal);
         color: var(--many-relation-item-color, inherit);
       }
       .relation-item > dile-icon {

package/components/single/src/DileCrudSingle.js

@@ -149,7 +149,7 @@ export class DileCrudSingle extends DileI18nMixin(DileCrudMixin(LitElement)) {
       this.updateElement.edit(this.relatedId);
       this.modalUpdate.open();
     } else if (this.config.updateOperation?.type == 'handler') {
-      this.config.updateOperation.handler(this.relatedId, this);
+      this.config.updateOperation.handler(this.relatedId, this, element);
     }  
 
     

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "1.10.6",
+  "version": "1.10.7",
   "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": "d7a4a5656ebfc843fb67a8c8c81d83cab95a7429"
+  "gitHead": "55837f27bec72372e2be12f49583738aa5944f8f"
 }