@kris701/ez-ui 1.4.7 → 1.4.8

package/fesm2022/kris701-ez-ui.mjs

@@ -414,7 +414,7 @@ class EzUIDialog {
 				</tui-loader>
 			}
 
-			@if(!isLoading() && (showSave || showDelete)){
+			@if(!isLoading() && (showSave || showDelete || footer)){
 				<footer class="dialog-footer">
 					@if(showSave){
 						<button tuiButton iconStart="save" size="s" (click)="onSaveItem.emit()">Save</button>
@@ -459,7 +459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 				</tui-loader>
 			}
 
-			@if(!isLoading() && (showSave || showDelete)){
+			@if(!isLoading() && (showSave || showDelete || footer)){
 				<footer class="dialog-footer">
 					@if(showSave){
 						<button tuiButton iconStart="save" size="s" (click)="onSaveItem.emit()">Save</button>
@@ -4835,6 +4835,7 @@ class EzUITable {
     tableHeader;
     tableRows;
     tableExpandedrow;
+    actionsHeader;
     presetHeader;
     disabled = false;
     isLoading = signal(false, /* @ts-ignore */
@@ -4949,7 +4950,7 @@ class EzUITable {
         this.applyFilter();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUITable, deps: [{ token: EzUITableFilterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITable, isStandalone: true, selector: "ezui-table", inputs: { disabled: "disabled", isLoading: "isLoading", showAdd: "showAdd", showRefresh: "showRefresh", showClearFilters: "showClearFilters", expandable: "expandable", clickable: "clickable", values: "values", storageKey: "storageKey", allowPresets: "allowPresets", showContextMenu: "showContextMenu", contextMenuItems: "contextMenuItems", pageSize: "pageSize" }, outputs: { onAddItem: "onAddItem", onLoadItems: "onLoadItems", onRowExpanded: "onRowExpanded", onRowClick: "onRowClick", onPresetChange: "onPresetChange" }, host: { classAttribute: "w-full h-full" }, queries: [{ propertyName: "tableHeader", first: true, predicate: ["tableHeader"], descendants: true }, { propertyName: "tableRows", first: true, predicate: ["tableRows"], descendants: true }, { propertyName: "tableExpandedrow", first: true, predicate: ["tableExpandedrow"], descendants: true }], viewQueries: [{ propertyName: "presetHeader", first: true, predicate: ["presetHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: EzUITable, isStandalone: true, selector: "ezui-table", inputs: { disabled: "disabled", isLoading: "isLoading", showAdd: "showAdd", showRefresh: "showRefresh", showClearFilters: "showClearFilters", expandable: "expandable", clickable: "clickable", values: "values", storageKey: "storageKey", allowPresets: "allowPresets", showContextMenu: "showContextMenu", contextMenuItems: "contextMenuItems", pageSize: "pageSize" }, outputs: { onAddItem: "onAddItem", onLoadItems: "onLoadItems", onRowExpanded: "onRowExpanded", onRowClick: "onRowClick", onPresetChange: "onPresetChange" }, host: { classAttribute: "w-full h-full" }, queries: [{ propertyName: "tableHeader", first: true, predicate: ["tableHeader"], descendants: true }, { propertyName: "tableRows", first: true, predicate: ["tableRows"], descendants: true }, { propertyName: "tableExpandedrow", first: true, predicate: ["tableExpandedrow"], descendants: true }, { propertyName: "actionsHeader", first: true, predicate: ["actionsHeader"], descendants: true }], viewQueries: [{ propertyName: "presetHeader", first: true, predicate: ["presetHeader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
 		<div class="ezui-table">
 			<tui-loader [inheritColor]="true" [overlay]="true" size="xxl" [loading]="isLoading()">
 				@if(values === null || values.length == 0){
@@ -4974,7 +4975,7 @@ class EzUITable {
 					}
 				}
 				@else {
-					@if(showAdd || showRefresh || showClearFilters){
+					@if(showAdd || showRefresh || showClearFilters || actionsHeader || allowPresets){
 						<div class="ezui-table-header">
 							@if(showRefresh){
 								<button tuiButton iconStart="rotate-cw" size="s" appearance="info" (click)="onLoadItems.emit()" tuiHint="Refresh the table"></button>
@@ -4985,6 +4986,9 @@ class EzUITable {
 							@if(showClearFilters){
 								<button tuiButton iconStart="funnel-x" size="s" appearance="info" (click)="clearFilters()" tuiHint="Clear filters"></button>
 							}
+							@if(actionsHeader){
+								<ng-container [ngTemplateOutlet]="actionsHeader"></ng-container>
+							}
 
 							@if(allowPresets){
 								<div class="seperator"></div>
@@ -5131,7 +5135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 					}
 				}
 				@else {
-					@if(showAdd || showRefresh || showClearFilters){
+					@if(showAdd || showRefresh || showClearFilters || actionsHeader || allowPresets){
 						<div class="ezui-table-header">
 							@if(showRefresh){
 								<button tuiButton iconStart="rotate-cw" size="s" appearance="info" (click)="onLoadItems.emit()" tuiHint="Refresh the table"></button>
@@ -5142,6 +5146,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 							@if(showClearFilters){
 								<button tuiButton iconStart="funnel-x" size="s" appearance="info" (click)="clearFilters()" tuiHint="Clear filters"></button>
 							}
+							@if(actionsHeader){
+								<ng-container [ngTemplateOutlet]="actionsHeader"></ng-container>
+							}
 
 							@if(allowPresets){
 								<div class="seperator"></div>
@@ -5271,6 +5278,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
             }], tableExpandedrow: [{
                 type: ContentChild,
                 args: ['tableExpandedrow', { static: false }]
+            }], actionsHeader: [{
+                type: ContentChild,
+                args: ['actionsHeader', { static: false }]
             }], presetHeader: [{
                 type: ViewChild,
                 args: ['presetHeader', { static: false }]