@dile/crud 1.9.1 → 1.9.3

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

@@ -5,6 +5,7 @@ import '../../ajax/ajax.js';
 import '../../ajax-select-crud/ajax-select-crud.js';
 import '@dile/ui/components/icon/icon.js';
 import '@dile/ui/components/spinner/spinner.js';
+import '@dile/ui/components/input/input-message.js';
 
 export class DileManyRelation extends DileI18nMixin(LitElement) {
   static styles = [
@@ -111,7 +112,11 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
       itemTemplate: { type: Object },
       getListItems: { type: Object },
       addRelationLabel: { type: String },
+      emptyListMessage: { type: String },
       bodyIdProperty: { type: String },
+      message: { type: String },
+      errored: { type: Boolean },
+      hideErrorOnInput: { type: Boolean },
 
       // Internal state
       _items: { type: Array, state: true },
@@ -204,7 +209,7 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
       ${this._loadingList
         ? html`<dile-spinner active></dile-spinner>`
         : this._items.length === 0
-          ? html`<p class="empty-msg">${this.translations?.empty_list ?? 'There are no items yet'}</p>`
+          ? html`<p class="empty-msg">${this.emptyListMessageComputed(this.emptyListMessage, this.translations)}</p>`
           : this._items.map(item => html`
               <div class="relation-item">
                 <span class="relation-item-content">${this.itemTemplate(item)}</span>
@@ -217,11 +222,19 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
               </div>
             `)
       }
+      ${this.message
+        ? html`<dile-input-message message="${this.message}" ?errored=${this.errored}></dile-input-message>`
+        : ''
+      }
     `;
   }
 
   _onSelectChanged(e) {
     this._selectedId = e.detail.value || null;
+    if (this.hideErrorOnInput && this.errored) {
+      this.message = '';
+      this.errored = false;
+    }
   }
 
   _addSelectedItem() {
@@ -296,4 +309,8 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
   selectDefaultPlaceholderComputed(value, translations) {
     return value ? value : translations?.select_relation_placeholder ?? 'Select...';
   }
+
+  emptyListMessageComputed(message, translations) {
+    return message ? message : translations?.empty_list ?? 'There are no items yet';
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "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": "f56676f00eb84aed3ee4ffd8a0542988da652d51"
+  "gitHead": "6cce2cd32f997433190f40ba776e501421b771a6"
 }