@kris701/ez-ui 1.3.3 → 1.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kris701/ez-ui",
-  "version": "1.3.3",
+  "version": "1.3.5",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0"

package/types/kris701-ez-ui.d.ts

@@ -31,13 +31,14 @@ declare class EzUIDateInput implements OnChanges {
     value: Date | string | null;
     valueChange: EventEmitter<string | Date | null>;
     internalValue: i0.WritableSignal<TuiDay | null>;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     updateValue(): void;
     toTuiDate(date: Date | null): TuiDay | null;
     fromTuiDate(date: TuiDay | null): Date | null;
     toDateOrNull(value: Date | string | null): Date | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUIDateInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIDateInput, "ezui-dateinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIDateInput, "ezui-dateinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class EzUIDateTimeInput implements OnChanges {
@@ -53,6 +54,7 @@ declare class EzUIDateTimeInput implements OnChanges {
     value: Date | string | null;
     valueChange: EventEmitter<string | Date | null>;
     internalValue: i0.WritableSignal<[TuiDay, TuiTime] | null>;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     updateValue(): void;
     toTuiDateTime(date: Date | null): [TuiDay, TuiTime] | null;
@@ -61,7 +63,7 @@ declare class EzUIDateTimeInput implements OnChanges {
     setMinutes(value: number): void;
     toDateOrNull(value: Date | string | null): Date | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUIDateTimeInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIDateTimeInput, "ezui-datetimeinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIDateTimeInput, "ezui-datetimeinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class EzUIDialog {
@@ -166,12 +168,13 @@ declare class EzUIMultiSelect implements OnChanges {
     };
     enableSearch: boolean;
     searchValue: string;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     stringify: (value: string) => string;
     getOptionLabel(item: any): any;
     getOptionValue(item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUIMultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIMultiSelect, "ezui-multiselect", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "appearanceMap": { "alias": "appearanceMap"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIMultiSelect, "ezui-multiselect", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "appearanceMap": { "alias": "appearanceMap"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["itemTemplate"], never, true, never>;
 }
 
 declare class EzUITreeMultiSelect implements OnChanges {
@@ -186,6 +189,7 @@ declare class EzUITreeMultiSelect implements OnChanges {
     selectedChange: EventEmitter<TreeMultiSelectNode[] | null | undefined>;
     enableSearch: boolean;
     searchValue: i0.WritableSignal<string>;
+    showClear: boolean;
     protected map: Map<TreeMultiSelectNode, boolean>;
     ngOnChanges(changes: SimpleChanges): void;
     stringify: (value: TreeMultiSelectNode) => string;
@@ -196,7 +200,7 @@ declare class EzUITreeMultiSelect implements OnChanges {
     searchChange(): void;
     expandSearchRec(from: TreeMultiSelectNode, newMap: Map<TreeMultiSelectNode, boolean>): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUITreeMultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITreeMultiSelect, "ezui-treemultiselect", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITreeMultiSelect, "ezui-treemultiselect", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["itemTemplate"], never, true, never>;
 }
 interface TreeMultiSelectNode {
     icon?: string;
@@ -217,9 +221,36 @@ declare class EzUINumberInput implements OnChanges {
     step: number;
     value: number | string;
     valueChange: EventEmitter<string | number>;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUINumberInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUINumberInput, "ezui-numberinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUINumberInput, "ezui-numberinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "value": { "alias": "value"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+interface PopoutMenuItem {
+    label: string | null;
+    icon: string | null;
+    items: PopoutMenuItem[];
+    disabled: boolean;
+    expanded: boolean;
+    command(): Promise<any>;
+    style: string;
+}
+declare class EzUIPopoutMenuSubDataList {
+    popsubdatalist: PopoutMenuItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUIPopoutMenuSubDataList, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIPopoutMenuSubDataList, "tui-data-list[popsubdatalist]", never, { "popsubdatalist": { "alias": "popsubdatalist"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class EzUIPopoutMenu implements OnChanges {
+    items: PopoutMenuItem[];
+    dropdownOpen: i0.WritableSignal<boolean>;
+    icon: string;
+    label: string;
+    size: "l" | "m" | "s";
+    appearance: string;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUIPopoutMenu, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIPopoutMenu, "ezui-popoutmenu", never, { "items": { "alias": "items"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class EzUIPasswordInput implements OnChanges {
@@ -229,9 +260,10 @@ declare class EzUIPasswordInput implements OnChanges {
     disabled: boolean;
     value: string;
     valueChange: EventEmitter<string>;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUIPasswordInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIPasswordInput, "ezui-passwordinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIPasswordInput, "ezui-passwordinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class EzUISelect implements OnChanges {
@@ -251,13 +283,14 @@ declare class EzUISelect implements OnChanges {
     };
     enableSearch: boolean;
     searchValue: string;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     getSelectedItem(value: string): any;
     stringify: (value: string) => string;
     getOptionLabel(item: any): any;
     getOptionValue(item: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUISelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUISelect, "ezui-select", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "appearanceMap": { "alias": "appearanceMap"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["selectedTemplate", "itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUISelect, "ezui-select", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "appearanceMap": { "alias": "appearanceMap"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["selectedTemplate", "itemTemplate"], never, true, never>;
 }
 
 declare class EzUITreeSelect implements OnChanges {
@@ -273,6 +306,7 @@ declare class EzUITreeSelect implements OnChanges {
     selectedChange: EventEmitter<TreeSelectNode | null | undefined>;
     enableSearch: boolean;
     searchValue: i0.WritableSignal<string>;
+    showClear: boolean;
     protected map: Map<TreeSelectNode, boolean>;
     ngOnChanges(changes: SimpleChanges): void;
     expandAll(): void;
@@ -282,7 +316,7 @@ declare class EzUITreeSelect implements OnChanges {
     searchChange(): void;
     expandSearchRec(from: TreeSelectNode, newMap: Map<TreeSelectNode, boolean>): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUITreeSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITreeSelect, "ezui-treeselect", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["selectedTemplate", "itemTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITreeSelect, "ezui-treeselect", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["selectedTemplate", "itemTemplate"], never, true, never>;
 }
 interface TreeSelectNode {
     icon?: string;
@@ -531,9 +565,10 @@ declare class EzUITextInput implements OnChanges {
     disabled: boolean;
     value: string;
     valueChange: EventEmitter<string>;
+    showClear: boolean;
     ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EzUITextInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITextInput, "ezui-textinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITextInput, "ezui-textinput", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare const compressImage: (file: File, quality: number, maxHeight: number, maxWidth: number, convertSize?: number) => Promise<File | Blob>;
@@ -661,5 +696,5 @@ declare class EzUILayout {
     static ɵcmp: i0.ɵɵComponentDeclaration<EzUILayout, "ezui-layout", never, { "sidebarItems": { "alias": "sidebarItems"; "required": false; }; "sidebarFooterItems": { "alias": "sidebarFooterItems"; "required": false; }; "baseRoute": { "alias": "baseRoute"; "required": false; }; }, {}, ["topbarright", "topbarlogo"], never, true, never>;
 }
 
-export { BaseCRUDInterface, BaseListInterface, EzUIBooleanInput, EzUIDateInput, EzUIDateTimeInput, EzUIDialog, EzUIFileInput, EzUIFilterHelpers, EzUIIconSelector, EzUILayout, EzUILayoutService, EzUIMarkdownEditor, EzUIMenuBar, EzUIMenuBarSubDataList, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUISelect, EzUIShowMoreText, EzUITTableSortableColumn, EzUITable, EzUITableBooleanFilter, EzUITableDateFilter, EzUITableDateTimeFilter, EzUITableFilterService, EzUITableNumberFilter, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, EzUITreeMultiSelect, EzUITreeSelect, compressImage };
-export type { EzUITableFilter, EzUITableFilterMethod, EzUITableSort, EzUITableSortFilterPreset, EzUITableSortFilterPresetSave, EzUITableSortMethod, IIdentifiable, MenuBarItem, MenuItem, TreeMultiSelectNode, TreeSelectNode };
+export { BaseCRUDInterface, BaseListInterface, EzUIBooleanInput, EzUIDateInput, EzUIDateTimeInput, EzUIDialog, EzUIFileInput, EzUIFilterHelpers, EzUIIconSelector, EzUILayout, EzUILayoutService, EzUIMarkdownEditor, EzUIMenuBar, EzUIMenuBarSubDataList, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUIPopoutMenu, EzUIPopoutMenuSubDataList, EzUISelect, EzUIShowMoreText, EzUITTableSortableColumn, EzUITable, EzUITableBooleanFilter, EzUITableDateFilter, EzUITableDateTimeFilter, EzUITableFilterService, EzUITableNumberFilter, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, EzUITreeMultiSelect, EzUITreeSelect, compressImage };
+export type { EzUITableFilter, EzUITableFilterMethod, EzUITableSort, EzUITableSortFilterPreset, EzUITableSortFilterPresetSave, EzUITableSortMethod, IIdentifiable, MenuBarItem, MenuItem, PopoutMenuItem, TreeMultiSelectNode, TreeSelectNode };