@dile/crud 1.12.3 → 1.12.5

package/components/detail/src/DileCrudDetail.js

@@ -1,5 +1,6 @@
 import { LitElement, html, css } from 'lit';
 import { formStyles } from '../../../styles/form-styles.js';
+import { crudStyles } from '../../../styles/crud-styles.js';
 import { DileLoading, loadingStyles } from '../../../lib/DileLoading.js';
 import '../../ajax/ajax.js';
 import { ResponseApiAdapter } from '../../../lib/ResponseApiAdapter.js';
@@ -7,6 +8,7 @@ import { ResponseApiAdapter } from '../../../lib/ResponseApiAdapter.js';
 export class DileCrudDetail extends DileLoading(LitElement) {
   static styles = [
     formStyles,
+    crudStyles,
     loadingStyles,
     css`
         :host {
@@ -42,11 +44,6 @@ export class DileCrudDetail extends DileLoading(LitElement) {
             padding: 0.25rem 0 0;
             font-size: 0.85rem;
         }
-        h1 {
-            font-size: 1.5rem;
-            margin-bottom: 0.5rem;
-            margin-top: 0;
-        }
         aside {
             padding: 1rem 0;
             min-width: 32px;
@@ -61,9 +58,6 @@ export class DileCrudDetail extends DileLoading(LitElement) {
             main {
                 --dile-icon-size: 64px;
             }
-            h1 {
-                font-size: 1.8rem;
-            }
         }
     `
   ];

package/components/insert/src/DileCrudInsert.js

@@ -1,12 +1,14 @@
 import { LitElement, html, css } from 'lit';
 import '../../ajax-form/ajax-form.js'
 import { formStyles } from '../../../styles/form-styles.js';
+import { crudStyles } from '../../../styles/crud-styles.js';
 import { ResponseApiAdapter } from '../../../lib/ResponseApiAdapter.js';
 import { DileI18nMixin } from '../../../lib/DileI18nMixin.js';
 
 export class DileCrudInsert extends DileI18nMixin(LitElement) {
     static styles = [
         formStyles,
+        crudStyles,
         css`
             
         `

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

@@ -257,7 +257,7 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
     this._ajaxadd.generateRequest();
   }
 
-  _onAddSuccess() {
+  _onAddSuccess(e) {
     this._selectedId = null;
     this._clearSelect();
     this._refreshList();
@@ -265,11 +265,11 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
       this.message = '';
       this.errored = false;
     }
-    this._dispatch('many-relation-add-success');
+    this._dispatch('many-relation-add-success', e.detail);
   }
 
-  _onAddError() {
-    this._dispatch('many-relation-add-error');
+  _onAddError(e) {
+    this._dispatch('many-relation-add-error', e.detail);
   }
 
   _removeItem(item) {
@@ -312,8 +312,12 @@ export class DileManyRelation extends DileI18nMixin(LitElement) {
     }
   }
 
-  _dispatch(eventName) {
-    this.dispatchEvent(new CustomEvent(eventName, { bubbles: true, composed: true }));
+  _dispatch(eventName, detail = null) {
+    this.dispatchEvent(new CustomEvent(eventName, { 
+      bubbles: true, 
+      composed: true,
+      detail
+     }));
   }
 
   addRelationLabelComputed(label, translations) {

package/components/update/src/DileCrudUpdate.js

@@ -1,12 +1,14 @@
 import { LitElement, html, css } from 'lit';
 import '../../ajax-form/ajax-form.js'
 import { formStyles } from '../../../styles/form-styles.js';
+import { crudStyles } from '../../../styles/crud-styles.js';
 import { ResponseApiAdapter } from '../../../lib/ResponseApiAdapter.js';
 import { DileI18nMixin } from '../../../lib/DileI18nMixin.js';
 
 export class DileCrudUpdate extends DileI18nMixin(LitElement) {
   static styles = [
     formStyles,
+    crudStyles,
     css`
             
         `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/crud",
-  "version": "1.12.3",
+  "version": "1.12.5",
   "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.24.2",
+    "@dile/ui": "^2.25.0",
     "axios": "^1.16.0",
     "lit": "^2.7.0 || ^3.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1fd283a53d99d94277dd1f3f2e3bd4b0304e9187"
+  "gitHead": "f65c62d5678f82edf5c921058c7e25dfc6ee2922"
 }

package/styles/crud-styles.js

@@ -1,6 +1,9 @@
 import { css } from 'lit';
 
 export const crudStyles = css`
-
-    
+h1 {
+  font-size: var(--dile-crud-h1-font-size, 1.5rem);
+  font-weight: var(--dile-crud-h1-font-weight, bold);
+  margin: var(--dile-crud-h1-margin, 0 0 1rem 0);
+}
 `;

package/styles/form-styles.js

@@ -9,10 +9,6 @@ export const formStyles = css`
   --dile-modal-close-icon-top: 1rem;
   --dile-modal-close-icon-color: #f66;
 }
-h1 {
-  font-size: 1.5rem;
-  margin-top: 0;
-}
 @media(min-width: 380px) {
   :host {
     --dile-modal-width: 85vw;