@kris701/ez-ui 1.4.1 → 1.4.3

package/fesm2022/kris701-ez-ui.mjs

@@ -407,9 +407,11 @@ class EzUIDialog {
 				</hgroup>
 			</header>
 
-			<tui-loader [overlay]="true" [loading]="isLoading()">
-				<ng-container [ngTemplateOutlet]="content"></ng-container>
-			</tui-loader>
+			@if(showDialog()){
+				<tui-loader [overlay]="true" [loading]="isLoading()">
+					<ng-container [ngTemplateOutlet]="content"></ng-container>
+				</tui-loader>
+			}
 
 			@if(!isLoading() && (showSave || showDelete)){
 				<footer class="dialog-footer">
@@ -447,9 +449,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 				</hgroup>
 			</header>
 
-			<tui-loader [overlay]="true" [loading]="isLoading()">
-				<ng-container [ngTemplateOutlet]="content"></ng-container>
-			</tui-loader>
+			@if(showDialog()){
+				<tui-loader [overlay]="true" [loading]="isLoading()">
+					<ng-container [ngTemplateOutlet]="content"></ng-container>
+				</tui-loader>
+			}
 
 			@if(!isLoading() && (showSave || showDelete)){
 				<footer class="dialog-footer">
@@ -4810,7 +4814,7 @@ class EzUITable {
     showClearFilters = false;
     expandable = false;
     clickable = false;
-    values = [];
+    values = null;
     internalValues = [];
     displayValues = signal([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "displayValues" }] : /* istanbul ignore next */ []));
@@ -4853,16 +4857,18 @@ class EzUITable {
         this.internalValues = sorted;
     }
     applyFilter() {
-        let filtered = [...this.values];
-        for (const filter of this.filters())
-            filtered = this.filterService.filter(filtered, filter);
-        this.internalValues = filtered;
-        this.applySorts();
-        this.state = [];
-        this.page.set(0);
-        this.pages.set(Math.floor(this.internalValues.length / this.pageSize()) + 1);
-        this.processPage();
-        this.presetHeader?.saveCurrentPreset();
+        if (this.values) {
+            let filtered = [...this.values];
+            for (const filter of this.filters())
+                filtered = this.filterService.filter(filtered, filter);
+            this.internalValues = filtered;
+            this.applySorts();
+            this.state = [];
+            this.page.set(0);
+            this.pages.set(Math.floor(this.internalValues.length / this.pageSize()) + 1);
+            this.processPage();
+            this.presetHeader?.saveCurrentPreset();
+        }
     }
     state = {};
     setSort(sort) {
@@ -4914,7 +4920,7 @@ class EzUITable {
     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", 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: `
 		<div class="ezui-table">
 			<tui-loader [inheritColor]="true" [overlay]="true" size="xxl" [loading]="isLoading()">
-				@if(values.length == 0){
+				@if(values === null || values.length == 0){
 					@if(showAdd || showRefresh){
 						<div class="ezui-table-header">
 							@if(showRefresh){
@@ -5032,7 +5038,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
             args: [{ selector: 'ezui-table', imports: [FormsModule, CommonModule, TuiTable, TuiScrollbar, TuiButton, TuiChevron, TuiDropdown, TuiDataListWrapper, TuiTablePagination, TuiLoader, TuiBlockStatus, TuiIcon, TuiInput, EzUITablePresets, TuiHint], template: `
 		<div class="ezui-table">
 			<tui-loader [inheritColor]="true" [overlay]="true" size="xxl" [loading]="isLoading()">
-				@if(values.length == 0){
+				@if(values === null || values.length == 0){
 					@if(showAdd || showRefresh){
 						<div class="ezui-table-header">
 							@if(showRefresh){