dolfo-angular 1.228.0 → 1.230.0

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "dolfo-angular",
-  "version": "1.228.0",
+  "version": "1.230.0",
   "peerDependencies": {
-    "@angular/common": "^22.0.7",
-    "@angular/core": "^22.0.7",
-    "@angular/forms": "^22.0.7",
-    "@angular/platform-browser": "^22.0.7",
-    "@angular/router": "^22.0.7"
+    "@angular/common": "^22.1.1",
+    "@angular/core": "^22.1.1",
+    "@angular/forms": "^22.1.1",
+    "@angular/platform-browser": "^22.1.1",
+    "@angular/router": "^22.1.1"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/styles/components/grid.scss

@@ -75,11 +75,23 @@
         thead tr{
             background-color: $white;
             
+            &:not(.dolfo-grid-tolbar) th{
+                @include text-center;
+                font-weight: 700
+            }
+
             th{
                 @include relative;
-                text-align: center;
-                border-top: $border;
-                font-weight: 700
+                border-top: $border
+            }
+
+            &.dolfo-grid-toolbar th{
+                @include text-left;
+
+                button{
+                    padding: 0.1rem 0.3rem;
+                    font-weight: normal
+                }
             }
     
             &:first-child{

package/types/dolfo-angular.d.ts

@@ -113,6 +113,12 @@ interface GridAction {
     readonly color?: ButtonColor;
     readonly onClick: () => void;
 }
+interface GridToolbarButton {
+    readonly label: string;
+    readonly disabled?: boolean | (() => boolean);
+    readonly icon?: string;
+    readonly onClick: () => void;
+}
 interface GridColumn {
     readonly label: string;
     readonly field: string;
@@ -130,6 +136,9 @@ interface IGridConfig<T> {
         readonly showSelectAll?: boolean;
         readonly defaultSelected?: (item: T) => boolean;
     };
+    readonly toolbar?: {
+        readonly buttons?: GridToolbarButton[];
+    };
     readonly events?: {
         onRowClick?: (item: T) => void;
         onSelectionChange?: (item: T[]) => void;
@@ -144,6 +153,8 @@ declare class GridConfig<T> {
     private loading$;
     private selectedItems;
     private actions$;
+    private toolbar;
+    private prevSub;
     constructor(config: IGridConfig<T>);
     refreshGrid: () => void;
     getRowClass: (item: T) => string;
@@ -159,7 +170,7 @@ declare class GridConfig<T> {
     };
     getUniqueId: (item: T) => string | number;
     isLoading$: () => Observable<boolean>;
-    toggleLoading: () => void;
+    setLoading: (v: boolean) => void;
     getSelectedItems: () => T[];
     toggleSelection: (item: T) => void;
     isItemSelected: (item: T) => boolean;
@@ -172,6 +183,11 @@ declare class GridConfig<T> {
     private emitSelectionChange;
     isAllSelected: () => boolean;
     get hasActions(): boolean;
+    get hasToolbar(): boolean;
+    getToolbarButtons(): GridToolbarButton[];
+    setToolbar: (toolbar: IGridConfig<T>["toolbar"]) => {
+        readonly buttons?: GridToolbarButton[];
+    };
 }
 
 type NotificationType = "success" | "error" | "info" | "warning";
@@ -796,13 +812,14 @@ declare class DialogHeaderComponent implements OnInit {
     title: string;
     icon: DialogIcon;
     showCloseX: boolean;
+    onCancel: EventEmitter<any>;
     private cdr;
     private dialogService;
     ngOnInit(): void;
     close: () => void;
     getIcon: () => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "dolfo-dialog-header", never, { "title": { "alias": "title"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "showCloseX": { "alias": "showCloseX"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "dolfo-dialog-header", never, { "title": { "alias": "title"; "required": true; }; "icon": { "alias": "icon"; "required": false; }; "showCloseX": { "alias": "showCloseX"; "required": false; }; }, { "onCancel": "onCancel"; }, never, never, false, never>;
     static ngAcceptInputType_showCloseX: unknown;
 }
 
@@ -851,6 +868,7 @@ declare class GridComponent<T> {
     private sanitizer;
     resolveField: (item: T, { field, formatter, dataType, onLink }: GridColumn) => _angular_platform_browser.SafeHtml;
     checkLink: (e: Event, col: GridColumn, item: T, cell: HTMLTableCellElement) => void;
+    isToolbarBtnDisabled: (disabled: boolean | (() => boolean)) => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent<any>, "dolfo-grid", never, { "config": { "alias": "config"; "required": true; }; }, {}, never, never, false, never>;
 }
@@ -866,4 +884,4 @@ declare const authInterceptor: (req: HttpRequest<unknown>, next: HttpHandlerFn)
 declare const errorInterceptor: (req: HttpRequest<unknown>, next: HttpHandlerFn) => rxjs.Observable<_angular_common_http.HttpEvent<unknown>>;
 
 export { AutocompleteComponent, BaseAppComponent, BaseFormInput, ButtonComponent, CONTEXT_MENU_DESTROY_TOKEN, ColumnAlign, ColumnDataType, ComboboxComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuService, DatepickerComponent, DialogActionType, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogLayoutComponent, DialogLayoutModule, DialogService, DialogUtilsService, DirectivesModule, FormComponent, FormModule, Formable, GridComponent, GridConfig, GridModule, ICON_COMPONENT, IconComponent, IconWrapperComponent, InputCheckboxComponent, InputContainerComponent, InputRadioComponent, InputTextComponent, LANGUAGE_TOKEN, LayoutModule, LoaderComponent, MAX_DEVICE_SIZE, MAX_SMALL_DEVICE, NavigateDirective, NotificationComponent, NotificationService, OverlayManager, POPOVER_DESTROY_TOKEN, PopoverComponent, PopoverDirective, PopoverService, ROUTE_CHECK_SERVICE, RouteCheckService, RouteConfig, ScrollDragDirective, StorageValues, StoreService, Subscriptable, TOOLTIP_DESTROY_TOKEN, TRANSLATE_STORAGE_KEY, TooltipComponent, TooltipDirective, TooltipService, TranslatePipe, TranslateService, authInterceptor, errorInterceptor, isDeepEqual, passwordValidator, provideDolfoLanguages, samePasswordValidator };
-export type { AutocompleteConfig, ButtonColor, ButtonSize, CheckRoute, ComboInput, ComboOption, ContextMenuItem, DialogComponentInput, DialogFooterButton, DialogForm, DialogIcon, DialogOutput, DialogType, GridAction, GridColumn, IContextMenu, IDialogInput, IGridConfig, ILanguage, ILanguageToken, INotificationInput, IPopover, IStore, ITooltip, IconName, InputType, NotificationAction, NotificationType, OnBlur, OnClick, OnFocus, TooltipDirection };
+export type { AutocompleteConfig, ButtonColor, ButtonSize, CheckRoute, ComboInput, ComboOption, ContextMenuItem, DialogComponentInput, DialogFooterButton, DialogForm, DialogIcon, DialogOutput, DialogType, GridAction, GridColumn, GridToolbarButton, IContextMenu, IDialogInput, IGridConfig, ILanguage, ILanguageToken, INotificationInput, IPopover, IStore, ITooltip, IconName, InputType, NotificationAction, NotificationType, OnBlur, OnClick, OnFocus, TooltipDirection };