@kris701/ez-ui 1.4.0 → 1.4.2

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){
@@ -7093,8 +7099,12 @@ class EzUISideBar {
             let index = 0;
             for (let item of from.items) {
                 let subOpen = this.getOpenStatesRec(item);
-                for (let value of subOpen)
-                    open.push(index + ";" + value);
+                for (let value of subOpen) {
+                    if (value == "")
+                        open.push(index + "");
+                    else
+                        open.push(index + ";" + value);
+                }
                 index++;
             }
         }
@@ -7181,15 +7191,11 @@ class EzUISideBar {
 				</footer>
 			</aside>
 		}
-    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: i4$2.TuiAsideComponent, selector: "aside[tuiNavigationAside]", inputs: ["tuiNavigationAside"] }, { kind: "component", type: EzUISideBarItem, selector: "ezui-sidebar-item", inputs: ["item"], outputs: ["onItemClick"] }] });
+    `, isInline: true, styles: ["::ng-deep tui-aside-group tui-expand tui-aside-group tui-expand [tuiAsideItem]{padding-inline-start:4rem!important}::ng-deep tui-aside-group tui-expand tui-aside-group tui-expand tui-aside-group tui-expand [tuiAsideItem]{padding-inline-start:6rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: i4$2.TuiAsideComponent, selector: "aside[tuiNavigationAside]", inputs: ["tuiNavigationAside"] }, { kind: "component", type: EzUISideBarItem, selector: "ezui-sidebar-item", inputs: ["item"], outputs: ["onItemClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: EzUISideBar, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'ezui-sidebar',
-                    standalone: true,
-                    imports: [CommonModule, TuiNavigation, EzUISideBarItem],
-                    template: `
+            args: [{ selector: 'ezui-sidebar', standalone: true, imports: [CommonModule, TuiNavigation, EzUISideBarItem], template: `
 		@if(layoutService.isDesktop()){
 			<aside style="height:100%" tuitheme="" [tuiNavigationAside]="layoutService.isMenuExpanded()">
 				@for(item of sidebarItems(); track item){
@@ -7216,8 +7222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 				</footer>
 			</aside>
 		}
-    `
-                }]
+    `, styles: ["::ng-deep tui-aside-group tui-expand tui-aside-group tui-expand [tuiAsideItem]{padding-inline-start:4rem!important}::ng-deep tui-aside-group tui-expand tui-aside-group tui-expand tui-aside-group tui-expand [tuiAsideItem]{padding-inline-start:6rem!important}\n"] }]
         }], ctorParameters: () => [{ type: EzUILayoutService }, { type: i2$2.Router }], propDecorators: { sidebarItems: [{
                 type: Input
             }], sidebarFooterItems: [{