@kris701/ez-ui 0.0.9 → 1.0.0

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

@@ -0,0 +1,348 @@
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, SimpleChanges, ElementRef, TemplateRef } from '@angular/core';
+import { TuiDay, TuiTime } from '@taiga-ui/cdk/date-time';
+import { HttpClient } from '@angular/common/http';
+import { TuiResponsiveDialogService } from '@taiga-ui/addon-mobile';
+import { TuiNotificationService } from '@taiga-ui/core';
+
+declare class EzUIDateInput implements OnChanges {
+    icon: string;
+    label: string;
+    size: "l" | "m" | "s";
+    disabled: boolean;
+    min: Date | null;
+    max: Date | null;
+    TuiDay: typeof TuiDay;
+    value: Date | string;
+    valueChange: EventEmitter<string | Date>;
+    internalValue: TuiDay | null;
+    ngOnChanges(changes: SimpleChanges): void;
+    updateValue(): void;
+    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>;
+}
+
+declare class EzUIFileInput {
+    files: i0.WritableSignal<File[]>;
+    clear(): void;
+    protected onChange(files: File[] | File): void;
+    removeFile(file: File): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUIFileInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIFileInput, "ezui-fileinput", never, {}, {}, never, never, true, never>;
+}
+
+interface MenuBarItem {
+    label: string | null;
+    icon: string | null;
+    items: MenuBarItem[];
+    disabled: boolean;
+    expanded: boolean;
+    command(): Promise<any>;
+}
+
+declare class EzUIMarkdownEditor implements OnChanges {
+    preview: ElementRef<HTMLDivElement> | undefined;
+    editor: ElementRef<HTMLTextAreaElement> | undefined;
+    fileUpload: ElementRef<HTMLInputElement> | undefined;
+    disabled: boolean;
+    value: string | null;
+    valueChange: EventEmitter<string | null>;
+    unsavedValue: i0.WritableSignal<string>;
+    isFirst: boolean;
+    isEditing: i0.WritableSignal<boolean>;
+    items: i0.WritableSignal<MenuBarItem[]>;
+    onFileSelected(event: any): Promise<void>;
+    toBase65(file: File): Promise<unknown>;
+    onPaste(event: any): Promise<void>;
+    insertImageInEditor(file: File): Promise<void>;
+    replaceSection(newStr: string, finalStart: number, finalFinish: number): Promise<void>;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    formatPreview(): Promise<void>;
+    toggleEdit(save: boolean): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUIMarkdownEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUIMarkdownEditor, "ezui-markdowneditor", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class EzUIMultiSelect implements OnChanges {
+    icon: string;
+    label: string;
+    size: "l" | "m" | "s";
+    optionLabel: string | undefined;
+    optionValue: string | undefined;
+    options: any[];
+    disabled: boolean;
+    selected: any[] | null | undefined;
+    selectedChange: EventEmitter<any[] | null | undefined>;
+    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; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
+}
+
+declare class EzUINumberInput implements OnChanges {
+    icon: string;
+    label: string;
+    size: "l" | "m" | "s";
+    disabled: boolean;
+    min: number | null;
+    max: number | null;
+    value: number | string;
+    valueChange: EventEmitter<string | number>;
+    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; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+declare class EzUIPasswordInput implements OnChanges {
+    icon: string;
+    label: string;
+    size: "l" | "m" | "s";
+    disabled: boolean;
+    value: string;
+    valueChange: EventEmitter<string>;
+    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>;
+}
+
+interface EzUITableFilter {
+    column: string;
+    value: any;
+    expression: string;
+}
+
+interface EzUITableSort {
+    column: string;
+    state: 'asc' | 'desc' | 'none';
+}
+
+interface EzUITableSortFilterPreset {
+    id: string;
+    name: string;
+    sorts: EzUITableSort[];
+    filters: EzUITableFilter[];
+    edit: boolean;
+}
+
+interface EzUITableFilterMethod {
+    key: string;
+    action: string;
+    filter(values: any[], column: string, value: any): any[];
+}
+
+interface EzUITableSortMethod {
+    state: 'asc' | 'desc' | 'none';
+    sort(a: any, b: any, column: string): number;
+}
+
+declare class EzUITableFilterService {
+    sortMethods: EzUITableSortMethod[];
+    filterMethods: EzUITableFilterMethod[];
+    sort(values: any[], sort: EzUITableSort): any[];
+    filter(values: any[], filter: EzUITableFilter): any[];
+}
+
+declare class EzUITablePresets implements OnChanges {
+    private table;
+    storageKey: string | null;
+    currentPreset: i0.WritableSignal<EzUITableSortFilterPreset | null>;
+    presets: i0.WritableSignal<EzUITableSortFilterPreset[]>;
+    constructor(table: EzUITable);
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    ngOnInit(): void;
+    onPresetChange: EventEmitter<EzUITableSortFilterPreset | null>;
+    saveCurrentPreset(): void;
+    selectPreset(id: string): void;
+    createPreset(): void;
+    removePreset(id: string): void;
+    savePresets(): void;
+    clearFilters(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUITablePresets, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITablePresets, "ezui-table-presets", never, { "storageKey": { "alias": "storageKey"; "required": false; }; }, { "onPresetChange": "onPresetChange"; }, never, never, true, never>;
+}
+
+declare class EzUITable implements OnChanges {
+    private filterService;
+    tableHeader: TemplateRef<any> | undefined;
+    tableRows: TemplateRef<any> | undefined;
+    tableExpandedrow: TemplateRef<any> | undefined;
+    presetHeader: EzUITablePresets | undefined;
+    disabled: boolean;
+    isLoading: i0.WritableSignal<boolean>;
+    showAdd: boolean;
+    showRefresh: boolean;
+    showClearFilters: boolean;
+    expandable: boolean;
+    values: any[];
+    internalValues: any[];
+    displayValues: i0.WritableSignal<any[]>;
+    sorts: i0.WritableSignal<EzUITableSort[]>;
+    filters: i0.WritableSignal<EzUITableFilter[]>;
+    storageKey: string | null;
+    allowPresets: boolean;
+    constructor(filterService: EzUITableFilterService);
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    onAddItem: EventEmitter<any>;
+    onLoadItems: EventEmitter<any>;
+    onRowExpanded: EventEmitter<any>;
+    onPresetChange: EventEmitter<EzUITableSortFilterPreset | null>;
+    pageSize: i0.WritableSignal<number>;
+    page: i0.WritableSignal<number>;
+    pages: i0.WritableSignal<number>;
+    readonly pageSizes: number[];
+    processPage(): void;
+    applySorts(): void;
+    applyFilter(): void;
+    state: Record<number, boolean>;
+    setSort(sort: EzUITableSort): void;
+    clearSort(column: string): void;
+    setFilter(filter: EzUITableFilter): void;
+    clearFilter(column: string): void;
+    clearFilters(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUITable, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITable, "ezui-table", never, { "disabled": { "alias": "disabled"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "showAdd": { "alias": "showAdd"; "required": false; }; "showRefresh": { "alias": "showRefresh"; "required": false; }; "showClearFilters": { "alias": "showClearFilters"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "values": { "alias": "values"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "allowPresets": { "alias": "allowPresets"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; }, { "onAddItem": "onAddItem"; "onLoadItems": "onLoadItems"; "onRowExpanded": "onRowExpanded"; "onPresetChange": "onPresetChange"; }, ["tableHeader", "tableRows", "tableExpandedrow"], never, true, never>;
+}
+
+declare class EzUITableDateFilter {
+    column: string;
+    filterApplied: i0.WritableSignal<boolean>;
+    filterVisible: i0.WritableSignal<boolean>;
+    table: EzUITable;
+    value: [TuiDay, TuiTime];
+    filterType: any;
+    filterTypes: any[];
+    protected readonly stringify: (item: any) => string;
+    constructor(table: EzUITable);
+    applyFilter(expression: string): void;
+    clearFilter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUITableDateFilter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITableDateFilter, "ezui-table-datefilter", never, { "column": { "alias": "column"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EzUITableSelectFilter {
+    column: string;
+    filterApplied: i0.WritableSignal<boolean>;
+    filterVisible: i0.WritableSignal<boolean>;
+    table: EzUITable;
+    options: string[];
+    selected: string[];
+    filterType: any;
+    filterTypes: any[];
+    protected readonly stringify: (item: any) => string;
+    constructor(table: EzUITable);
+    applyFilter(expression: string): void;
+    clearFilter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUITableSelectFilter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITableSelectFilter, "ezui-table-selectfilter", never, { "column": { "alias": "column"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EzUITableTextFilter {
+    column: string;
+    filterApplied: i0.WritableSignal<boolean>;
+    filterVisible: i0.WritableSignal<boolean>;
+    table: EzUITable;
+    value: string;
+    filterType: any;
+    filterTypes: any[];
+    protected readonly stringify: (item: any) => string;
+    constructor(table: EzUITable);
+    applyFilter(expression: string): void;
+    clearFilter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUITableTextFilter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITableTextFilter, "ezui-table-textfilter", never, { "column": { "alias": "column"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EzUIFilterHelpers {
+    static textFilter(values: any[], fn: (i: string) => boolean, column: string): any[];
+    static dateFilter(values: any[], fn: (i: Date) => boolean, column: string): any[];
+}
+
+interface EzUITableSortFilterPresetSave {
+    current: string | null;
+    presets: EzUITableSortFilterPreset[];
+}
+
+declare class EzUITTableSortableColumn {
+    column: string;
+    table: EzUITable;
+    state: 'asc' | 'desc' | 'none';
+    icon: i0.WritableSignal<string | null | undefined>;
+    constructor(table: EzUITable);
+    sort(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EzUITTableSortableColumn, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EzUITTableSortableColumn, "ezui-table-sortable", never, { "column": { "alias": "column"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class EzUITextInput implements OnChanges {
+    icon: string;
+    label: string;
+    size: "l" | "m" | "s";
+    disabled: boolean;
+    value: string;
+    valueChange: EventEmitter<string>;
+    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>;
+}
+
+declare const compressImage: (file: File, quality: number, maxHeight: number, maxWidth: number, convertSize?: number) => Promise<File | Blob>;
+
+declare abstract class BaseCRUDInterface {
+    http: HttpClient;
+    messageService: TuiNotificationService;
+    confirmationService: TuiResponsiveDialogService;
+    isLoading: i0.WritableSignal<boolean>;
+    allItems: i0.WritableSignal<any[]>;
+    currentItem: i0.WritableSignal<any>;
+    newItemTemplate(): any;
+    getAllEndpoint: string;
+    getEndpoint: string;
+    patchEndpoint: string;
+    postEndpoint: string;
+    deleteEndpoint: string;
+    canRead: boolean;
+    canWrite: boolean;
+    showDialog: i0.WritableSignal<boolean>;
+    loadOnInit: boolean;
+    showDeleteDialog: boolean;
+    deleteDialogMessage: string;
+    showSaveDialog: boolean;
+    savewDialogMessage: string;
+    constructor(http: HttpClient, messageService: TuiNotificationService, confirmationService: TuiResponsiveDialogService);
+    ngOnInit(): Promise<void>;
+    loadItems(): Promise<void>;
+    saveItem(): Promise<void>;
+    saveItemInner(): Promise<void>;
+    deleteItem(): Promise<void>;
+    deleteItemInner(): Promise<void>;
+    showEditItem(id: string): Promise<void>;
+    showAddItem(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseCRUDInterface, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseCRUDInterface, never, never, {}, {}, never, never, true, never>;
+}
+
+declare class BaseListService<T, TList extends IIdentifiable> {
+    http: HttpClient;
+    items: i0.WritableSignal<TList[]>;
+    getAllEndpoint: string;
+    getEndpoint: string;
+    isLoaded: boolean;
+    isLoading: boolean;
+    onUpdated: EventEmitter<any>;
+    constructor(http: HttpClient);
+    Load(): Promise<void>;
+    List(): Promise<TList[]>;
+    ListGet(id: string): Promise<TList | null>;
+    Get(id: string): Promise<T>;
+    waitForValue(test: any): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseListService<any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseListService<any, any>, never, never, {}, {}, never, never, true, never>;
+}
+interface IIdentifiable {
+    id: string;
+}
+
+export { BaseCRUDInterface, BaseListService, EzUIDateInput, EzUIFileInput, EzUIFilterHelpers, EzUIMarkdownEditor, EzUIMultiSelect, EzUINumberInput, EzUIPasswordInput, EzUITTableSortableColumn, EzUITable, EzUITableDateFilter, EzUITableFilterService, EzUITableSelectFilter, EzUITableTextFilter, EzUITextInput, compressImage };
+export type { EzUITableFilter, EzUITableFilterMethod, EzUITableSort, EzUITableSortFilterPreset, EzUITableSortFilterPresetSave, EzUITableSortMethod, IIdentifiable };

package/index.ts

@@ -1,2 +0,0 @@
-export * from './public-api';
-

package/ng-package.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/ez-ui",
-  "lib": {
-    "entryFile": "public-api.ts"
-  },
-  "allowedNonPeerDependencies":[
-		"@taiga-ui/addon-mobile",
-		"@taiga-ui/core",
-		"@taiga-ui/kit",
-		"@taiga-ui/icons",
-		"compressorjs",
-		"marked"
-	]
-}

package/public-api.ts

@@ -1,15 +0,0 @@
-// Components
-export * from './src/components/dateinput';
-export * from './src/components/markdowneditor';
-export * from './src/components/multiselect';
-export * from './src/components/numberinput';
-export * from './src/components/passwordinput';
-export * from './src/components/textinput';
-
-// Helpers
-export * from './src/helpers/compressImage';
-
-// Interfaces
-export * from './src/interfaces/baseCRUDInterface';
-export * from './src/interfaces/baseListService';
-

package/src/components/dateinput.ts

@@ -1,58 +0,0 @@
-import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { TuiDay } from '@taiga-ui/cdk/date-time';
-import { TuiInput } from '@taiga-ui/core';
-import { TuiInputDate } from '@taiga-ui/kit';
-
-@Component({
-    selector: 'ezui-dateinput',
-    imports: [
-		FormsModule,
-		TuiInput,
-		TuiInputDate
-	],
-    template: `
-		<tui-textfield [tuiTextfieldSize]="size" [iconStart]="icon">
-			@if(label){
-				<label tuiLabel>{{label}}</label>
-			}
-			<input tuiInputDate [(ngModel)]="internalValue" (ngModelChange)="updateValue()" [disabled]="disabled" [min]="min ? TuiDay.fromLocalNativeDate(min) : null" [max]="max ? TuiDay.fromLocalNativeDate(max) : null"/>
-			<tui-calendar *tuiDropdown />
-		</tui-textfield>
-    `,
-    styles: `
-    `
-})
-export class EzUIDateInput implements OnChanges {
-    @Input() icon: string = '';
-    @Input() label: string = '';
-
-	@Input() size: "l" | "m" | "s" = 'm';
-
-    @Input() disabled: boolean = false;
-
-	@Input() min : Date | null = null;
-	@Input() max : Date | null = null;
-
-	TuiDay = TuiDay;
-
-    @Input() value: Date | string = new Date;
-    @Output() valueChange = new EventEmitter<Date | string>();
-
-	internalValue : TuiDay | null = null;
-
-    ngOnChanges(changes: SimpleChanges) {
-        if (changes['value'] && changes['value'].currentValue != changes['value'].previousValue) {
-            this.value = changes['value'].currentValue;
-			this.value = new Date(this.value);
-			this.internalValue = TuiDay.fromUtcNativeDate(this.value);
-        }
-    }
-
-	updateValue(){
-		if (this.internalValue){
-			this.value = this.internalValue?.toUtcNativeDate();
-			this.valueChange.emit(this.value);
-		}
-	}
-}

package/src/components/floatfileupload.ts

@@ -1,52 +0,0 @@
-import { Component, signal } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { TuiFiles } from '@taiga-ui/kit';
-
-@Component({
-	selector: 'app-floatfileupload',
-    imports: [FormsModule, TuiFiles],
-	template:`
-		<label tuiInputFiles>
-			<input
-				#validator="tuiInputFilesValidator"
-				accept="*/*"
-				tuiInputFiles
-				[ngModel]="files()"
-				(ngModelChange)="onChange($event)"
-			/>
-		</label>
-
-		<tui-files>
-			@for(file of files(); track file){
-				<tui-file
-					state="normal"
-					[file]="file"
-					(remove)="removeFile(file)"
-				/>
-			}
-		</tui-files>
-	`
-})
-export default class FloatFileUpload {
-	public files = signal<File[]>([]);
-
-	public clear(){
-		this.files.set([]);
-	}
-
-	protected onChange(files: File[] | File): void {
-		if (files instanceof File)
-			this.files.set([files]);
-		else
-			this.files.set(files);
-	}
-
-	removeFile(file : File){
-		var files = this.files();
-		var index = files.indexOf(file);
-		if (index != -1){
-			files.splice(index, 1);
-			this.files.set(files);
-		}
-	}
-}

package/src/components/floattable/filters/tuiThDateFilter.ts

@@ -1,159 +0,0 @@
-import { CommonModule } from "@angular/common";
-import { Component, Input, signal } from "@angular/core";
-import { FormsModule } from "@angular/forms";
-import { TuiDay, TuiTime } from "@taiga-ui/cdk/date-time";
-import { TuiButton, TuiDropdown, TuiInput } from "@taiga-ui/core";
-import { TuiBadgeNotification, TuiBadgedContent, TuiButtonSelect, TuiDataListWrapper, TuiInputDateTime, TuiStringifyContentPipe } from "@taiga-ui/kit";
-import { FloatTable } from "../floattable";
-import { FloatTableFilter } from "../models/FloatTableFilter";
-
-@Component({
-    selector: 'tuiThDateFilter',
-    imports: [CommonModule, FormsModule, TuiDropdown, TuiDataListWrapper, TuiButton, TuiButtonSelect, TuiStringifyContentPipe, TuiBadgeNotification, TuiBadgedContent, TuiInput, TuiInputDateTime],
-    template: `
-		@if(tuiThDateFilter){
-			<tui-badged-content>
-				@if(filterApplied()){
-					<tui-badge-notification
-						size="s"
-						tuiSlot="top"
-					>
-						1
-					</tui-badge-notification>
-				}
-				<button
-					tuiButton size="s"
-					iconStart="funnel"
-					appearance="flat-grayscale"
-					style="opacity:0.72"
-					[tuiDropdown]="filterPop"
-					[(tuiDropdownOpen)]="filterVisible"
-					(click)="filterVisible.set(true)"
-				></button>
-			</tui-badged-content>
-
-			<ng-template #filterPop>
-				<div class="flex flex-col gap-2 p-4" style="min-width:20rem">
-					<button
-						appearance="outline-grayscale"
-						size="s"
-						tuiButton
-						tuiButtonSelect
-						[(ngModel)]="filterType"
-					>
-						{{ filterType.label }}
-						<tui-data-list-wrapper
-							*tuiDropdown
-							[itemContent]="stringify | tuiStringifyContent"
-							[items]="filterTypes"
-						/>
-					</button>
-
-					<tui-textfield (keydown.enter)="applyFilter(filterType.expression)">
-						<label tuiLabel>Choose a date</label>
-						<input
-							tuiInputDateTime
-							[(ngModel)]="value"
-						/>
-						<tui-calendar *tuiDropdown />
-					</tui-textfield>
-					<button
-						tuiButton size="s"
-						iconStart="funnel"
-						tuiButton
-						(click)="applyFilter(filterType.expression)"
-					>
-						Apply
-					</button>
-
-					@if(filterApplied()){
-						<button
-							tuiButton size="s"
-							iconStart="circle-x"
-							tuiButton
-							(click)="clearFilter()"
-						>
-							Clear
-						</button>
-					}
-				</div>
-			</ng-template>
-		}
-    `
-})
-export class TableDateFilter {
-    @Input() tuiThDateFilter!: string;
-
-	filterApplied = signal<boolean>(false);
-	filterVisible = signal<boolean>(false);
-
-	table : FloatTable;
-
-	value : [TuiDay, TuiTime] = [TuiDay.currentLocal(), TuiTime.currentLocal()];
-	filterType : any;
-	filterTypes : any[];
-
-	protected readonly stringify = (item: any): string => `${item.label}`;
-
-	constructor(table : FloatTable){
-		this.table = table;
-
-		this.filterTypes = [
-			{
-				label: 'After',
-				expression: 'dat;aft'
-			},
-			{
-				label: 'Before',
-				expression: 'dat;bef'
-			}
-		];
-		this.filterType = this.filterTypes[0];
-
-		this.table.onPresetChange.subscribe(x => {
-			if (!x)
-			{
-				this.filterType = this.filterTypes[0];
-				this.value = [TuiDay.currentLocal(), TuiTime.currentLocal()];
-				this.filterApplied.set(false);
-				return;
-			}
-			var filter = x.filters.find(x => x.column == this.tuiThDateFilter);
-			if (!filter)
-			{
-				this.filterType = this.filterTypes[0];
-				this.value = [TuiDay.currentLocal(), TuiTime.currentLocal()];
-				this.filterApplied.set(false);
-				return;
-			}
-			var type = this.filterTypes.find(x => x.expression == filter!.expression);
-			if (!type)
-			{
-				this.filterType = this.filterTypes[0];
-				this.value = [TuiDay.currentLocal(), TuiTime.currentLocal()];
-				this.filterApplied.set(false);
-				return;
-			}
-
-			this.filterType = type;
-			this.value = filter.value;
-			this.filterApplied.set(true);
-		})
-	}
-
-	applyFilter(expression : string){
-		this.table.setFilter({
-			column: this.tuiThDateFilter,
-			value: this.value,
-			expression: expression,
-		} as FloatTableFilter);
-		this.filterVisible.set(false);
-		this.filterApplied.set(true);
-	}
-
-	clearFilter(){
-		this.table.clearFilter(this.tuiThDateFilter);
-		this.filterVisible.set(false);
-		this.filterApplied.set(false);
-	}
-}