@lukfel/ng-scaffold 22.3.1 → 22.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukfel/ng-scaffold",
-  "version": "22.3.1",
+  "version": "22.3.3",
   "description": "This Angular library provides a basic UI scaffold and services for modern web and mobile apps",
   "license": "MIT",
   "author": {

package/styles/_variables.scss

@@ -43,6 +43,10 @@
     --floating-button-right: 24px;
     --floating-button-bottom: 24px;
     --floating-button-snackbar-offset: 56px; // Snackbar surface plus its container margin
+    --floating-button-group-radius: var(--mdc-extended-fab-container-shape, 24px);
+    --floating-button-group-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
+    --floating-button-divider-color: #0000001f;
+    --floating-button-secondary-padding: 16px;
     --floating-button-min-width: 56px;
     --floating-button-label-max-width: 256px;
     --floating-button-label-font-size: 16px;

package/types/lukfel-ng-scaffold.d.ts

@@ -66,6 +66,7 @@ interface FloatingButtonConfig {
     autoHide?: boolean;
     sticky?: boolean;
     cssClass?: string;
+    secondaryButton?: MenuButton;
 }
 
 interface NavigationLink {
@@ -162,7 +163,7 @@ interface ListItem {
     routerLink?: string | (string | number)[];
     href?: string;
     externalTab?: boolean;
-    buttons?: Button[];
+    buttons?: MenuButton[];
     hiddenButtonIds?: string[];
     disabledButtonIds?: string[];
     data?: any;
@@ -173,7 +174,7 @@ interface ListHeader {
     svgIcon?: string;
     avatar?: string;
     items?: ListHeaderItem[];
-    buttons?: Button[];
+    buttons?: MenuButton[];
 }
 interface ListConfig {
     enableSelection?: boolean;
@@ -391,7 +392,7 @@ declare class ListComponent {
     readonly header: _angular_core.InputSignal<ListHeader | null>;
     readonly items: _angular_core.InputSignal<ListItem[]>;
     readonly groupedItems: _angular_core.InputSignal<Map<string, ListItem[]>>;
-    readonly buttons: _angular_core.InputSignal<Button[]>;
+    readonly buttons: _angular_core.InputSignal<MenuButton[]>;
     readonly dropListId: _angular_core.InputSignal<string | undefined>;
     readonly connectedDropListIds: _angular_core.InputSignal<string[] | undefined>;
     readonly sortChangeEvent: _angular_core.OutputEmitterRef<{
@@ -424,7 +425,7 @@ declare class ListComponent {
         buttonId: string;
         item: ListItem;
     }, click: Event): void;
-    getCombinedButtons(item: ListItem): Button[];
+    getCombinedButtons(item: ListItem): MenuButton[];
     isLink(item: ListItem): boolean;
     onImageError(event: Event): void;
     stopPropagation(click: Event): void;