aril 0.0.6 → 0.0.7

package/theme/layout/app/topbar/app.topbar.component.html

@@ -0,0 +1,41 @@
+<div class="layout-topbar">
+	<div class="topbar-start">
+		<button
+			#menubutton
+			type="button"
+			class="topbar-menubutton p-link p-trigger"
+			(click)="onMenuButtonClick()">
+			<i class="pi pi-bars"></i>
+		</button>
+
+		<!-- <app-breadcrumb class="topbar-breadcrumb"></app-breadcrumb> -->
+	</div>
+
+	<div class="topbar-end">
+		<ul class="topbar-menu">
+			<li class="topbar-search">
+				<span class="p-input-icon-left">
+					<i class="pi pi-search"></i>
+					<input
+						type="text"
+						pInputText
+						placeholder="Search"
+						class="p-inputtext p-component p-element w-12rem sm:w-full" />
+				</span>
+			</li>
+			<!-- <li class="ml-3">
+				<button
+					pButton
+					type="button"
+					icon="pi pi-cog"
+					class="p-button-text p-button-secondary p-button-rounded flex-shrink-0"
+					(click)="onConfigButtonClick()"></button>
+			</li> -->
+			<li class="topbar-profile">
+				<button type="button" class="p-link" (click)="onProfileButtonClick()">
+					<img src="assets/images/avatar.png" alt="Profile" />
+				</button>
+			</li>
+		</ul>
+	</div>
+</div>

package/theme/layout/app/topbar/app.topbar.component.ts

@@ -0,0 +1,29 @@
+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { ButtonModule } from "primeng/button";
+import { LayoutService } from '../../service/app.layout.service';
+import { AppBreadcrumbComponent } from '../breadcrumb/app.breadcrumb.component';
+
+@Component({
+	standalone: true,
+	selector: 'app-topbar',
+	imports: [ButtonModule, AppBreadcrumbComponent],
+	templateUrl: './app.topbar.component.html'
+})
+export class AppTopbarComponent {
+
+	@ViewChild('menubutton') menuButton!: ElementRef;
+
+	constructor(public layoutService: LayoutService) { }
+
+	onMenuButtonClick() {
+		this.layoutService.onMenuToggle();
+	}
+
+	onProfileButtonClick() {
+		this.layoutService.showProfileSidebar();
+	}
+	onConfigButtonClick() {
+		this.layoutService.showConfigSidebar();
+	}
+
+}

package/theme/layout/index.d.ts

@@ -0,0 +1 @@
+export * from './app/layout/app.layout.component';

package/theme/layout/index.ts

@@ -0,0 +1 @@
+export * from './app/layout/app.layout.component';

package/theme/layout/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "./index.ts"
+  }
+}

package/theme/layout/service/app.layout.service.d.ts

@@ -0,0 +1,51 @@
+import * as i0 from "@angular/core";
+export type MenuMode = 'static' | 'overlay' | 'horizontal' | 'slim' | 'slim-plus' | 'reveal' | 'drawer';
+export type ColorScheme = 'light' | 'dark' | 'dim';
+export type MenuColorScheme = 'colorScheme' | 'primaryColor' | 'transparent';
+export interface AppConfig {
+    inputStyle: string;
+    colorScheme: ColorScheme;
+    theme: string;
+    ripple: boolean;
+    menuMode: MenuMode;
+    scale: number;
+    menuTheme: MenuColorScheme;
+}
+interface LayoutState {
+    staticMenuDesktopInactive: boolean;
+    overlayMenuActive: boolean;
+    profileSidebarVisible: boolean;
+    configSidebarVisible: boolean;
+    staticMenuMobileActive: boolean;
+    menuHoverActive: boolean;
+    sidebarActive: boolean;
+    anchored: boolean;
+}
+export declare class LayoutService {
+    _config: AppConfig;
+    config: import("@angular/core").WritableSignal<AppConfig>;
+    state: LayoutState;
+    private configUpdate;
+    private overlayOpen;
+    configUpdate$: import("rxjs").Observable<AppConfig>;
+    overlayOpen$: import("rxjs").Observable<any>;
+    constructor();
+    updateStyle(config: AppConfig): boolean;
+    onMenuToggle(): void;
+    onOverlaySubmenuOpen(): void;
+    showProfileSidebar(): void;
+    showConfigSidebar(): void;
+    isOverlay(): boolean;
+    isDesktop(): boolean;
+    isSlim(): boolean;
+    isSlimPlus(): boolean;
+    isHorizontal(): boolean;
+    isMobile(): boolean;
+    onConfigUpdate(): void;
+    changeTheme(): void;
+    replaceThemeLink(href: string): void;
+    changeScale(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LayoutService>;
+}
+export {};

package/theme/layout/service/app.layout.service.ts

@@ -0,0 +1,197 @@
+import { Injectable, effect, signal } from '@angular/core';
+
+import { Subject } from 'rxjs';
+
+export type MenuMode =
+	| 'static'
+	| 'overlay'
+	| 'horizontal'
+	| 'slim'
+	| 'slim-plus'
+	| 'reveal'
+	| 'drawer';
+
+export type ColorScheme = 'light' | 'dark' | 'dim';
+
+export type MenuColorScheme = 'colorScheme' | 'primaryColor' | 'transparent';
+
+export interface AppConfig {
+	inputStyle: string;
+	colorScheme: ColorScheme;
+	theme: string;
+	ripple: boolean;
+	menuMode: MenuMode;
+	scale: number;
+	menuTheme: MenuColorScheme;
+}
+
+interface LayoutState {
+	staticMenuDesktopInactive: boolean;
+	overlayMenuActive: boolean;
+	profileSidebarVisible: boolean;
+	configSidebarVisible: boolean;
+	staticMenuMobileActive: boolean;
+	menuHoverActive: boolean;
+	sidebarActive: boolean;
+	anchored: boolean;
+}
+
+@Injectable({
+	providedIn: 'root',
+})
+export class LayoutService {
+	_config: AppConfig = {
+		ripple: false,
+		inputStyle: 'filled',
+		menuMode: 'horizontal',
+		colorScheme: 'light',
+		theme: 'indigo',
+		scale: 12,
+		menuTheme: 'colorScheme',
+	};
+
+	// TODO: Set User Config
+	config = signal<AppConfig>(this._config);
+
+	state: LayoutState = {
+		staticMenuDesktopInactive: false,
+		overlayMenuActive: false,
+		profileSidebarVisible: false,
+		configSidebarVisible: false,
+		staticMenuMobileActive: false,
+		menuHoverActive: false,
+		sidebarActive: false,
+		anchored: false,
+	};
+
+	private configUpdate = new Subject<AppConfig>();
+
+	private overlayOpen = new Subject<any>();
+
+	configUpdate$ = this.configUpdate.asObservable();
+
+	overlayOpen$ = this.overlayOpen.asObservable();
+
+	constructor() {
+		effect(() => {
+			const config = this.config();
+			if (this.updateStyle(config)) {
+				this.changeTheme();
+			}
+			this.changeScale(config.scale);
+			this.onConfigUpdate();
+		});
+	}
+
+	updateStyle(config: AppConfig) {
+		return (
+			config.theme !== this._config.theme ||
+			config.colorScheme !== this._config.colorScheme
+		);
+	}
+
+	onMenuToggle() {
+		if (this.isOverlay()) {
+			this.state.overlayMenuActive = !this.state.overlayMenuActive;
+
+			if (this.state.overlayMenuActive) {
+				this.overlayOpen.next(null);
+			}
+		}
+
+		if (this.isDesktop()) {
+			this.state.staticMenuDesktopInactive =
+				!this.state.staticMenuDesktopInactive;
+		} else {
+			this.state.staticMenuMobileActive =
+				!this.state.staticMenuMobileActive;
+
+			if (this.state.staticMenuMobileActive) {
+				this.overlayOpen.next(null);
+			}
+		}
+	}
+
+	onOverlaySubmenuOpen() {
+		this.overlayOpen.next(null);
+	}
+
+	showProfileSidebar() {
+		this.state.profileSidebarVisible = true;
+	}
+
+	showConfigSidebar() {
+		this.state.configSidebarVisible = true;
+	}
+
+	isOverlay() {
+		return this.config().menuMode === 'overlay';
+	}
+
+	isDesktop() {
+		return window.innerWidth > 991;
+	}
+
+	isSlim() {
+		return this.config().menuMode === 'slim';
+	}
+
+	isSlimPlus() {
+		return this.config().menuMode === 'slim-plus';
+	}
+
+	isHorizontal() {
+		return this.config().menuMode === 'horizontal';
+	}
+
+	isMobile() {
+		return !this.isDesktop();
+	}
+
+	onConfigUpdate() {
+		this._config = { ...this.config() };
+		this.configUpdate.next(this.config());
+	}
+
+	changeTheme() {
+		const config = this.config();
+		const themeLink = <HTMLLinkElement>(
+			document.getElementById('theme-link')
+		);
+		const themeLinkHref = themeLink.getAttribute('href')!;
+		const newHref = themeLinkHref
+			.split('/')
+			.map((el) =>
+				el == this._config.theme
+					? (el = config.theme)
+					: el == `theme-${this._config.colorScheme}`
+						? (el = `theme-${config.colorScheme}`)
+						: el
+			)
+			.join('/');
+
+		this.replaceThemeLink(newHref);
+	}
+
+	replaceThemeLink(href: string) {
+		const id = 'theme-link';
+		let themeLink = <HTMLLinkElement>document.getElementById(id);
+		const cloneLinkElement = <HTMLLinkElement>themeLink.cloneNode(true);
+
+		cloneLinkElement.setAttribute('href', href);
+		cloneLinkElement.setAttribute('id', id + '-clone');
+
+		themeLink.parentNode!.insertBefore(
+			cloneLinkElement,
+			themeLink.nextSibling
+		);
+		cloneLinkElement.addEventListener('load', () => {
+			themeLink.remove();
+			cloneLinkElement.setAttribute('id', id);
+		});
+	}
+
+	changeScale(value: number) {
+		document.documentElement.style.fontSize = `${value}px`;
+	}
+}

package/theme/layout/service/app.menu.service.d.ts

@@ -0,0 +1,14 @@
+import { MenuItem } from 'primeng/api';
+import { MenuChangeEvent } from './menuchangeevent';
+import * as i0 from "@angular/core";
+export declare class MenuService {
+    private menuSource;
+    private resetSource;
+    menuItems: import("@angular/core").WritableSignal<MenuItem[]>;
+    menuSource$: import("rxjs").Observable<MenuChangeEvent>;
+    resetSource$: import("rxjs").Observable<unknown>;
+    onMenuStateChange(event: MenuChangeEvent): void;
+    reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MenuService>;
+}

package/theme/layout/service/app.menu.service.ts

@@ -0,0 +1,28 @@
+import { Injectable, signal } from '@angular/core';
+
+import { Subject } from 'rxjs';
+import { MenuItem } from 'primeng/api';
+
+import { MenuChangeEvent } from './menuchangeevent';
+
+@Injectable({
+	providedIn: 'root'
+})
+export class MenuService {
+
+	private menuSource = new Subject<MenuChangeEvent>();
+	private resetSource = new Subject();
+
+	public menuItems = signal<MenuItem[]>([]);
+
+	menuSource$ = this.menuSource.asObservable();
+	resetSource$ = this.resetSource.asObservable();
+
+	onMenuStateChange(event: MenuChangeEvent) {
+		this.menuSource.next(event);
+	}
+
+	reset() {
+		this.resetSource.next(true);
+	}
+}

package/theme/layout/service/menuchangeevent.d.ts

@@ -0,0 +1,4 @@
+export interface MenuChangeEvent {
+    key: string;
+    routeEvent?: boolean;
+}

package/theme/layout/service/menuchangeevent.ts

@@ -0,0 +1,4 @@
+export interface MenuChangeEvent {
+	key: string;
+	routeEvent?: boolean;
+}

package/ui/calendar/src/calendar.component.d.ts

@@ -1,7 +1,7 @@
 import { OnChanges } from '@angular/core';
 import { PrimeNGConfig } from 'primeng/api';
-import { BaseInputComponent } from 'aril/ui/lib';
 import { Types } from 'aril/util/lib';
+import { BaseInputComponent } from 'aril/ui/lib';
 import "aril/util/primitive-extensions";
 import * as i0 from "@angular/core";
 import * as i1 from "aril/ui/lib";

package/ui/form/index.d.ts

@@ -1,2 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./src/form.component";
+import * as i2 from "./src/form-submit-button.component";
+import * as i3 from "aril/ui/button";
 export * from './src/form.component';
 export * from './src/form-submit-button.component';
+export declare class FormModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormModule, [typeof i1.FormComponent, typeof i2.FormSubmitButtonComponent], [typeof i3.ButtonComponent], [typeof i1.FormComponent, typeof i2.FormSubmitButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormModule>;
+}

package/ui/form/src/form-submit-button.component.d.ts

@@ -10,5 +10,5 @@ export declare class FormSubmitButtonComponent extends ButtonComponent {
         [key: string]: any;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSubmitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "aril-form-submit", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, { "inValidEvent": "inValidEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormSubmitButtonComponent, "aril-form-submit", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, { "inValidEvent": "inValidEvent"; }, never, never, false, never>;
 }

package/ui/form/src/form.component.d.ts

@@ -4,5 +4,5 @@ import * as i1 from "aril/ui/lib";
 export declare class FormComponent {
     formGroup: FormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "aril-form", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.FlexGridDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.FormErrorMessageDirective; inputs: { "formErrorMessage": "formGroup"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormComponent, "aril-form", never, { "formGroup": { "alias": "formGroup"; "required": true; }; }, {}, never, ["*"], false, [{ directive: typeof i1.FlexGridDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.FormErrorMessageDirective; inputs: { "formErrorMessage": "formGroup"; }; outputs: {}; }]>;
 }

package/ui/table/index.d.ts

@@ -1,2 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./src/table.component";
+import * as i2 from "./src/table-column.component";
+import * as i3 from "primeng/table";
+import * as i4 from "aril/ui/button";
+import * as i5 from "aril/ui/text";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/common";
+/** for tree-table.component */
 export * from './src/table.component';
 export * from './src/table-column.component';
+export declare class ARiLTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ARiLTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ARiLTableModule, [typeof i1.TableComponent, typeof i2.TableColumnComponent], [typeof i3.TableModule, typeof i4.ButtonComponent, typeof i5.TextComponent, typeof i6.FormsModule, typeof i7.NgForOf, typeof i7.NgForOf, typeof i7.NgTemplateOutlet], [typeof i1.TableComponent, typeof i2.TableColumnComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ARiLTableModule>;
+}

package/ui/table/src/table-column.component.d.ts

@@ -1,10 +1,10 @@
 import { TemplateRef } from "@angular/core";
 import * as i0 from "@angular/core";
-export type ValueTypes = 'text' | 'numeric' | 'date' | 'boolean' | 'custom';
+type ValueTypes = 'text' | 'numeric' | 'date' | 'boolean' | 'custom';
 export interface TableColumns {
     _results: Array<TableColumn>;
 }
-export interface TableColumn {
+interface TableColumn {
     field: string;
     header: string;
     type: ValueTypes;
@@ -15,8 +15,9 @@ export declare class TableColumnComponent {
     field: string;
     header: string;
     type: ValueTypes;
-    isOperation?: boolean;
+    isOperation: boolean;
     template: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnComponent, "aril-table-column", never, { "field": { "alias": "field"; "required": true; }; "header": { "alias": "header"; "required": true; }; "type": { "alias": "type"; "required": false; }; "isOperation": { "alias": "isOperation"; "required": false; }; }, {}, ["template"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnComponent, "aril-table-column", never, { "field": { "alias": "field"; "required": true; }; "header": { "alias": "header"; "required": true; }; "type": { "alias": "type"; "required": true; }; "isOperation": { "alias": "isOperation"; "required": false; }; }, {}, ["template"], ["*"], false, never>;
 }
+export {};

package/ui/table/src/table.component.d.ts

@@ -1,30 +1,22 @@
 import { EventEmitter } from '@angular/core';
-import { MenuItem, PrimeNGConfig } from 'primeng/api';
+import { PrimeNGConfig } from 'primeng/api';
 import { ProxyTypes } from 'aril/http';
 import { TableColumns } from './table-column.component';
 import * as i0 from "@angular/core";
-type SelectionModes = "single" | "multiple";
 export declare class TableComponent {
     private primengConfig;
     constructor(primengConfig: PrimeNGConfig);
-    data: any[];
-    checkboxSelection: boolean;
-    rows: number;
-    rowsPerPageOptions: number[];
-    paginator: boolean;
-    loading: boolean;
-    selectionMode: SelectionModes;
-    contextMenu: MenuItem[];
-    proxy: ProxyTypes;
+    data: import("@angular/core").InputSignal<any[], any[]>;
+    checkboxSelection: import("@angular/core").InputSignal<boolean | undefined, boolean | undefined>;
+    pageSize: import("@angular/core").InputSignal<number, number>;
+    proxy: import("@angular/core").InputSignal<ProxyTypes, ProxyTypes>;
     selectionEvent: EventEmitter<any>;
     columns: TableColumns;
     filterText: string;
     selectedRows: any;
-    filteredRows: any;
-    setFilteredRows(rows: any): void;
+    pageOptions: number[];
     excelExport(): void;
     saveAsExcelFile(buffer: any, fileName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "aril-table", never, { "data": { "alias": "data"; "required": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "proxy": { "alias": "proxy"; "required": false; }; }, { "selectionEvent": "selectionEvent"; }, ["columns"], ["[footer]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "aril-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "proxy": { "alias": "proxy"; "required": false; "isSignal": true; }; }, { "selectionEvent": "selectionEvent"; }, ["columns"], ["[footer]"], false, never>;
 }
-export {};

package/ui/tree/src/tree.component.d.ts

@@ -1,25 +1,20 @@
 import { EventEmitter } from '@angular/core';
-import { TreeNode } from 'primeng/api';
+import { MenuItem, TreeNode } from 'primeng/api';
 import * as i0 from "@angular/core";
 type SelectionModes = "multiple" | "checkbox" | "single";
 export declare class TreeComponent {
-    items: TreeNode[];
-    selectionMode: SelectionModes;
-    contextMenu: any;
-    metaKeySelection: boolean;
-    propagateSelectionUp: boolean;
-    propagateSelectionDown: boolean;
-    loading: boolean;
-    loadingIcon: string;
-    filter: boolean;
-    filterMode: string;
-    filterBy: string;
-    filterPlaceholder: string;
-    nodeSelect: EventEmitter<unknown>;
-    nodeUnselect: EventEmitter<unknown>;
-    nodeExpand: EventEmitter<unknown>;
-    nodeCollapse: EventEmitter<unknown>;
+    data: import("@angular/core").InputSignal<TreeNode<any>[], TreeNode<any>[]>;
+    contextMenu: import("@angular/core").InputSignal<MenuItem[] | undefined, MenuItem[] | undefined>;
+    filterPlaceholder: import("@angular/core").InputSignal<string, string>;
+    filter: import("@angular/core").InputSignal<boolean, boolean>;
+    selectionMode: import("@angular/core").InputSignal<SelectionModes | undefined, SelectionModes | undefined>;
+    expandEvent: EventEmitter<unknown>;
+    selectionEvent: EventEmitter<any>;
+    isExpended: boolean;
+    selectedNodes: TreeNode | TreeNode[] | null;
+    toggleTree(): void;
+    expandRecursive(node: TreeNode[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "aril-tree", never, { "items": { "alias": "items"; "required": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "contextMenu": { "alias": "contextMenu"; "required": false; }; "metaKeySelection": { "alias": "metaKeySelection"; "required": false; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "filterBy": { "alias": "filterBy"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; }, { "nodeSelect": "nodeSelect"; "nodeUnselect": "nodeUnselect"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeComponent, "aril-tree", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "contextMenu": { "alias": "contextMenu"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; }, { "expandEvent": "expandEvent"; "selectionEvent": "selectionEvent"; }, never, never, true, never>;
 }
 export {};

package/ui/treeTable/src/tree-table.component.d.ts

@@ -1,25 +1,21 @@
 import { EventEmitter } from '@angular/core';
 import { TreeNode, TreeTableNode } from 'primeng/api';
+import { TableColumns } from 'aril/ui/table';
 import * as i0 from "@angular/core";
-type SortMode = 'single' | 'multiple';
-type FilterMode = 'lenient' | 'strict';
-type SelectionModes = 'single' | 'multiple' | 'checkbox';
 export declare class TreeTableComponent {
-    items: TreeNode[];
-    columns: Array<object>;
-    rows: number;
-    rowsPerPageOptions: number[];
-    scrollable: boolean;
-    scrollHeight: string;
-    loading: boolean;
-    sortMode: SortMode;
-    filterMode: FilterMode;
-    selectionMode: SelectionModes;
-    selectEvent: EventEmitter<any>;
+    data: import("@angular/core").InputSignal<TreeNode<any>[], TreeNode<any>[]>;
+    checkboxSelection: import("@angular/core").InputSignal<boolean | undefined, boolean | undefined>;
+    pageSize: import("@angular/core").InputSignal<number, number>;
+    scrollable: import("@angular/core").InputSignal<boolean, boolean>;
+    scrollHeight: import("@angular/core").InputSignal<string | undefined, string | undefined>;
+    expandEvent: EventEmitter<unknown>;
+    selectionEvent: EventEmitter<any>;
+    columns: TableColumns;
+    filterText: string;
+    pageOptions: number[];
     selectedNodes: TreeTableNode<any> | TreeTableNode<any>[] | null;
-    getFilterTargetValue(event: Event): string;
-    emitSelectedRows(): void;
+    excelExport(): void;
+    saveAsExcelFile(buffer: any, fileName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TreeTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeTableComponent, "aril-tree-table", never, { "items": { "alias": "items"; "required": true; }; "columns": { "alias": "columns"; "required": true; }; "rows": { "alias": "rows"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, { "selectEvent": "selectEvent"; }, never, ["[exportBtn]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TreeTableComponent, "aril-tree-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "checkboxSelection": { "alias": "checkboxSelection"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; }, { "expandEvent": "expandEvent"; "selectionEvent": "selectionEvent"; }, ["columns"], ["[footer]"], true, never>;
 }
-export {};