@ecodev/natural 58.0.0 → 58.0.2

package/lib/modules/file/component/file.component.d.ts

@@ -15,14 +15,14 @@ export declare class NaturalFileComponent implements OnInit, OnChanges {
     action: 'upload' | 'download' | null;
     backgroundSize: string;
     /**
-     * Comma-separated list of unique file type specifiers. Like the native element
+     * Comma-separated list of unique file type specifiers. Like the native element,
      * it can be a mix of mime-type and file extensions.
      *
      * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
      */
     accept: string;
     /**
-     * If given it will be called when a new file is selected. The callback should typically upload the file
+     * If given, it will be called when a new file is selected. The callback should typically upload the file
      * to the server and link the newly uploaded file to the existing related object.
      *
      * The callback **must** be able to run even if the calling component has been destroyed. That means in most

package/lib/services/abstract-model.service.d.ts

@@ -37,7 +37,7 @@ export declare abstract class NaturalAbstractModelService<Tone, Vone extends {
     private readonly creatingCache;
     protected readonly apollo: Apollo;
     protected readonly naturalDebounceService: NaturalDebounceService;
-    constructor(name: string, oneQuery: DocumentNode | null, allQuery: DocumentNode | null, createMutation: DocumentNode | null, updateMutation: DocumentNode | null, deleteMutation: DocumentNode | null);
+    constructor(name: string, oneQuery: DocumentNode | null, allQuery: DocumentNode | null, createMutation: DocumentNode | null, updateMutation: DocumentNode | null, deleteMutation: DocumentNode | null, plural?: string | null);
     /**
      * List of individual fields validators
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "58.0.0",
+  "version": "58.0.2",
   "license": "MIT",
   "repository": "github:Ecodev/natural",
   "sideEffects": false,

package/src/lib/modules/panels/_panels.external.scss

@@ -1,23 +1,23 @@
 .cdk-overlay-container {
     .panel {
-        max-width: calc(100vw - 84px);
         margin: 10px;
+        max-width: calc(100vw - 84px);
 
         @media (max-width: 960px) {
             max-width: calc(100vw - 20px);
         }
 
         .mat-dialog-container {
-            border-radius: 0 !important;
             display: flex;
             flex-direction: column;
-            max-width: none;
+            border-radius: 0 !important;
             padding: 0;
+            max-width: none;
 
             & > * {
                 display: flex;
-                flex-direction: column;
                 flex: 1;
+                flex-direction: column;
             }
         }
 
@@ -33,8 +33,8 @@
             // Align header with content (padding 20px)
             &.isFrontPanel > div > div > div.mat-headline-5.no-margin,
             &.isFrontPanel natural-detail-header > div {
-                padding-left: 20px;
                 padding-right: 20px;
+                padding-left: 20px;
             }
 
             .panelBody {
@@ -42,22 +42,22 @@
             }
 
             &:not(.isFrontPanel) {
+                position: relative;
+
+                cursor: pointer;
                 .panelBody {
                     display: none !important;
                 }
 
-                cursor: pointer;
-                position: relative;
-
                 &:hover::before {
-                    content: '';
                     display: block;
                     position: absolute;
                     top: 0;
-                    left: 0;
                     right: 0;
                     bottom: 0;
+                    left: 0;
                     background: rgba(0, 0, 0, 0.2);
+                    content: '';
                 }
             }
         }

package/src/lib/modules/search/input/_input.theme.scss

@@ -5,15 +5,15 @@
 @mixin natural-input($theme) {
     natural-input {
         .mat-mdc-form-field-infix {
-            margin-left: 10px;
             margin-right: 10px;
+            margin-left: 10px;
             width: auto;
         }
 
         .mat-form-field-flex {
-            padding-left: 0;
-            padding-right: 0;
             align-items: flex-start; // Fix firefox misalignment with baseline and mat-icon-button that seems not accepted by @a/material
+            padding-right: 0;
+            padding-left: 0;
         }
 
         .mat-mdc-form-field {

package/src/lib/modules/sidenav/_sidenav.theme.scss

@@ -17,8 +17,8 @@
             }
 
             natural-sidenav {
-                flex: 1;
                 display: flex;
+                flex: 1;
                 min-height: 0;
             }
         }

package/src/lib/styles/_table.scss

@@ -31,8 +31,8 @@
             }
 
             &:not(:first-child):not(:last-child) {
-                padding-left: 5px;
                 padding-right: 5px;
+                padding-left: 5px;
             }
 
             &[natural-align-right] {