@dile/crud 1.10.5 → 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,15 +26,20 @@ 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 {
+        --dile-icon-color: var(--many-relation-list-icon-color, #666);
+        --dile-icon-size: var(--many-relation-list-icon-size, 24px);
+      }
       button.remove-btn,
       button.add-btn {
         background: none;
@@ -111,6 +116,7 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
       // Related list customisation
       itemTemplate: { type: Object },
       getListItems: { type: Object },
+      listIcon: { type: Object },
       addRelationLabel: { type: String },
       emptyListMessage: { type: String },
       bodyIdProperty: { type: String },
@@ -212,6 +218,7 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
           ? html`<p class="empty-msg">${this.emptyListMessageComputed(this.emptyListMessage, this.translations)}</p>`
           : this._items.map(item => html`
               <div class="relation-item">
+                ${this.listIcon ? html`<dile-icon .icon="${this.listIcon}"></dile-icon>` : ''}
                 <span class="relation-item-content">${this.itemTemplate(item)}</span>
                 <button
                   class="remove-btn"

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.5",
+  "version": "1.10.7",
   "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.com/",
   "dependencies": {
-    "@dile/ui": "^2.23.9",
+    "@dile/ui": "^2.23.10",
     "axios": "^1.16.0",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1316dda03f0b497d3adfe6396d91ded99865e6b5"
+  "gitHead": "55837f27bec72372e2be12f49583738aa5944f8f"
 }