@ecodev/natural 70.2.4 → 70.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecodev/natural",
-  "version": "70.2.4",
+  "version": "70.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/lib/_natural.scss

@@ -72,6 +72,13 @@ body {
     font-weight: 500;
 }
 
+.nat-fixed-fab {
+    position: fixed !important;
+    right: 32px;
+    bottom: 32px;
+    z-index: 999;
+}
+
 // Most of our sidenav menus (mainly in admin) use simple nat-gradient-* that applies a contrasted text color
 // that is overridden by material on child element
 // This instruction activate text color inheritance to simplify html and css for active routes.

package/src/lib/modules/fixed-button/fixed-button.component.scss

@@ -1,13 +1,6 @@
 @use '@angular/material' as mat;
 
 :host {
-    position: fixed !important;
-    right: 32px;
-
-    // Default bottom right
-    bottom: 32px;
-    z-index: 999; // < than 1000 that is the z-index of overlay contents
-
     @include mat.fab-overrides(
         (
             container-color: var(--mat-sys-tertiary-container),

package/types/ecodev-natural.d.ts

@@ -3107,12 +3107,13 @@ declare class NaturalFileComponent implements OnInit, OnChanges {
 declare const commonImageMimeTypes = "image/avif,image/bmp,image/x-ms-bmp,image/gif,image/heic,image/heif,image/jpeg,image/pjpeg,image/png,image/svg+xml,image/svg,image/webp";
 
 declare class NaturalFixedButtonComponent {
-    readonly icon: i0.InputSignal<string>;
+    readonly icon: i0.InputSignal<string | undefined>;
+    readonly label: i0.InputSignal<string | undefined>;
     readonly link: i0.InputSignal<string | readonly any[] | _angular_router.UrlTree | null | undefined>;
     readonly color: i0.InputSignal<NaturalPalette>;
     readonly disabled: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NaturalFixedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonComponent, "natural-fixed-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NaturalFixedButtonComponent, "natural-fixed-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type Model = {