@ngneers/controls 0.0.1-pre1 → 0.0.1-pre2

package/types/ngneers-controls-table.d.ts

@@ -0,0 +1,157 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnDestroy, OnInit } from '@angular/core';
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { PaginationState } from '@ngneers/controls/paginator';
+import { NgnBase } from '@ngneers/controls/base';
+import * as _ngneers_controls_filter from '@ngneers/controls/filter';
+import { NgnFilterConfig, NgnFilterDataType } from '@ngneers/controls/filter';
+import { AllKeysOfUnion } from '@ngneers/controls/utils';
+import { NgnScrollerItem } from '@ngneers/controls/scroller';
+
+type FormattedTableRow<T> = {
+    kind: 'data' | 'header' | 'footer';
+    id: T[keyof T] & (string | number);
+    data: T;
+    index: number;
+};
+
+declare abstract class NgnTableTemplates<T extends object> extends NgnBase<'table'> {
+    private readonly _headerTemplate;
+    private readonly _bodyTemplate;
+    protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly bodyTemplate: _angular_core.Signal<TemplateRef<{
+        $implicit: FormattedTableRow<T>;
+    }> | undefined>;
+    /**
+     * Types for the calendar templates.
+     */
+    readonly templateTypes: {
+        /**
+         * Type of the template variable for the body template.
+         */
+        body: {
+            $implicit: FormattedTableRow<T>;
+        };
+    } & {
+        $implicit: {
+            body: Partial<{
+                $implicit: FormattedTableRow<T>;
+            }>;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableTemplates<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTableTemplates<any>, "ng-component", never, {}, {}, ["_headerTemplate", "_bodyTemplate"], never, true, never>;
+}
+
+declare class NgnTableTh extends NgnBase<'table'> implements OnDestroy, OnInit {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    private _table?;
+    readonly ngnTableTh: _angular_core.InputSignal<string>;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private prepareDom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableTh, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTableTh, "[ngnTableTh]", never, { "ngnTableTh": { "alias": "ngnTableTh"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NgnTable<T extends object, K extends keyof T> extends NgnTableTemplates<T> {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    private readonly _registeredHeaderCells;
+    readonly rows: _angular_core.InputSignal<readonly T[]>;
+    readonly rowHeight: _angular_core.InputSignal<number | undefined>;
+    readonly fieldId: _angular_core.InputSignal<K>;
+    readonly virtual: _angular_core.InputSignal<boolean>;
+    readonly virtualPadding: _angular_core.InputSignal<number>;
+    readonly striped: _angular_core.InputSignal<boolean>;
+    readonly paginator: _angular_core.InputSignal<boolean>;
+    protected readonly trackById: (item: T) => unknown;
+    readonly sort: _angular_core.ModelSignal<{
+        column: Extract<AllKeysOfUnion<T>, string>;
+        direction: "asc" | "desc";
+    } | null>;
+    readonly filters: _angular_core.ModelSignal<{ [key in Extract<AllKeysOfUnion<T>, string>]?: NgnFilterConfig | undefined; } | null>;
+    protected readonly pageState: _angular_core.WritableSignal<PaginationState | null>;
+    protected readonly formattedRows: _angular_core.Signal<FormattedTableRow<T>[]>;
+    protected readonly pagedRows: _angular_core.Signal<FormattedTableRow<T>[]>;
+    private readonly _filteredRows;
+    private readonly _sortedRows;
+    protected readonly columnCount: _angular_core.Signal<number>;
+    protected pageChanged(event: PaginationState): void;
+    column<V extends AllKeysOfUnion<T> & string>(column: V): V;
+    registerHeaderCell(cell: NgnTableTh): void;
+    unregisterHeaderCell(cell: NgnTableTh): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTable<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTable<any, any>, "ngn-table", never, { "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "fieldId": { "alias": "fieldId"; "required": true; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "virtualPadding": { "alias": "virtualPadding"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "filters": "filtersChange"; }, never, never, true, never>;
+}
+
+declare class NgnTableBodyTr<T> extends NgnScrollerItem {
+    readonly ngnTableBodyTr: _angular_core.InputSignal<FormattedTableRow<T>>;
+    readonly ngnScrollerItem: _angular_core.InputSignal<object>;
+    private readonly _element;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    constructor();
+    private prepareDom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableBodyTr<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTableBodyTr<any>, "[ngnTableBodyTr]", never, { "ngnTableBodyTr": { "alias": "ngnTableBodyTr"; "required": true; "isSignal": true; }; "ngnScrollerItem": { "alias": "ngnScrollerItem"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NgnTableTd extends NgnBase<'table'> {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    protected readonly columnIndex: _angular_core.WritableSignal<number>;
+    constructor();
+    private prepareDom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableTd, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTableTd, "[ngnTableTd]", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgnTableHeadTr extends NgnBase<'table'> {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    constructor();
+    private prepareDom;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableHeadTr, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTableHeadTr, "[ngnTableHeadTr]", never, {}, {}, never, never, true, never>;
+}
+
+declare class NgnTableModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<NgnTableModule, never, [typeof NgnTable, typeof NgnTableBodyTr, typeof NgnTableTd, typeof NgnTableTh, typeof NgnTableHeadTr], [typeof NgnTable, typeof NgnTableBodyTr, typeof NgnTableTd, typeof NgnTableTh, typeof NgnTableHeadTr]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<NgnTableModule>;
+}
+
+declare class NgnTableFilterableColumn implements OnDestroy {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    private readonly _element;
+    private readonly _columnId;
+    readonly ngnTableFilterableColumn: _angular_core.InputSignal<unknown>;
+    private readonly _ngnActionButton;
+    private readonly _ngnFilter;
+    private readonly _table;
+    private readonly _rows;
+    protected readonly filter: _angular_core.Signal<_ngneers_controls_filter.NgnFilterConfig | undefined>;
+    readonly ngnTableFilterableColumnType: _angular_core.InputSignal<NgnFilterDataType>;
+    readonly ngnTableFilterableColumnItems: _angular_core.InputSignal<string[] | null | undefined>;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableFilterableColumn, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTableFilterableColumn, "[ngnTableFilterableColumn]", never, { "ngnTableFilterableColumn": { "alias": "ngnTableFilterableColumn"; "required": false; "isSignal": true; }; "ngnTableFilterableColumnType": { "alias": "ngnTableFilterableColumnType"; "required": true; "isSignal": true; }; "ngnTableFilterableColumnItems": { "alias": "ngnTableFilterableColumnItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NgnTableSortableColumn implements OnDestroy {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"table", ["root", "table", "virtual", "head", "body", "cell", "row", "foot", "even", "striped", "spacer", "sort-control", "sortable-column", "sorted-column", "filter-control", "filterable-column", "filtered-column"], readonly [_ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "row-actions", "match", "footer"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"select", ["root", "combobox", "input", "icon", "input-editable", "popover-content", "filter", "filter-icon", "list-box", "list-box-empty"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"list-box", ["root", "empty", "invalid", "item", "group", "default-item", "default-group", "scroller", "item-selected", "item-highlighted"], readonly [_ngneers_controls_themes.ControlTemplate<"checkbox", ["root", "input", "box", "box-checked", "box-indeterminate", "box-icon", "anim-box-icon-enter", "anim-box-icon-leave", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "spacer", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"input-field", ["root", "host", "disabled", "readonly", "invalid", "label", "clear-button", `labelKind-${string}`], readonly [_ngneers_controls_themes.ControlTemplate<"input", ["root", "invalid", "empty"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>, _ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>, _ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"paginator", ["root", "page-size-options"], readonly [_ngneers_controls_themes.ControlTemplate<"button", ["root", "inline", "loading", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"item-view", ["root", "item", "item-overflowing", "more-items", "more-items-hidden", "more-items-default", "hidden-separator"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>]>>;
+    private readonly _element;
+    readonly ngnTableSortableColumn: _angular_core.InputSignal<unknown>;
+    private readonly _table;
+    protected readonly sort: _angular_core.Signal<"asc" | "desc" | null>;
+    private readonly columnId;
+    private readonly _ngnIcon;
+    constructor();
+    ngOnDestroy(): void;
+    protected toggleSort(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTableSortableColumn, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTableSortableColumn, "[ngnTableSortableColumn]", never, { "ngnTableSortableColumn": { "alias": "ngnTableSortableColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgnTable, NgnTableBodyTr, NgnTableFilterableColumn, NgnTableHeadTr, NgnTableModule, NgnTableSortableColumn, NgnTableTd, NgnTableTh };
+export type { FormattedTableRow };

package/types/ngneers-controls-tabs.d.ts

@@ -0,0 +1,106 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterViewInit } from '@angular/core';
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { NgnBase } from '@ngneers/controls/base';
+
+declare abstract class TabsTemplates extends NgnBase<'tabs'> {
+    private readonly _userHeaderLeftTemplate;
+    /**
+     * Set a custom template for the left side of the tabs header.
+     * Can also be set using an `<ng-template>` element with `#headerLeft` template reference variable.
+     */
+    readonly templateHeaderLeft: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly headerLeftTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
+    private readonly _userHeaderRightTemplate;
+    /**
+     * Set a custom template for the right side of the tabs header.
+     * Can also be set using an `<ng-template>` element with `#headerRight` template reference variable.
+     */
+    readonly templateHeaderRight: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly headerRightTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsTemplates, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabsTemplates, never, never, { "templateHeaderLeft": { "alias": "templateHeaderLeft"; "required": false; "isSignal": true; }; "templateHeaderRight": { "alias": "templateHeaderRight"; "required": false; "isSignal": true; }; }, {}, ["_userHeaderLeftTemplate", "_userHeaderRightTemplate"], never, true, never>;
+}
+
+/**
+ * @category control
+ */
+declare class NgnTabs extends TabsTemplates implements AfterViewInit {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"tabs", ["root", "headers-container", "headers", "header", "header-active", "header-active-indicator", "scroll-left", "scroll-right", "content"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    /**
+     * Whether to lazy load the tab contents when they become visible.
+     */
+    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to cache the tab contents. Only applies to {@link lazy} loaded tabs.
+     */
+    readonly cache: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Get or set the active tab ID.
+     */
+    readonly activeTab: _angular_core.ModelSignal<string>;
+    /**
+     * Icon for the left scroll button.
+     */
+    readonly iconScrollLeft: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Icon for the right scroll button.
+     */
+    readonly iconScrollRight: _angular_core.InputSignal<string | undefined>;
+    protected readonly isFirstRender: _angular_core.WritableSignal<boolean>;
+    protected readonly elementId: string;
+    protected readonly indicatorWidth: _angular_core.WritableSignal<number>;
+    protected readonly indicatorLeft: _angular_core.WritableSignal<number>;
+    private readonly _tabs;
+    private readonly _tabList;
+    private readonly _tabListScrollDirective;
+    private readonly _tabListScroll;
+    private readonly _tabListSize;
+    private readonly _renderedTabHeaders;
+    private readonly _headerElements;
+    private readonly _headerSizes;
+    protected readonly headers: _angular_core.Signal<{
+        id: string;
+        template: _angular_core.TemplateRef<unknown> | undefined;
+    }[]>;
+    protected readonly contents: _angular_core.Signal<{
+        id: string;
+        template: _angular_core.TemplateRef<unknown> | undefined;
+    }[]>;
+    private readonly _totalTabsWidth;
+    protected readonly tabsOverflowingRight: _angular_core.Signal<boolean>;
+    protected readonly tabsOverflowingLeft: _angular_core.Signal<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
+    protected selectTab(tabId: string): void;
+    protected handleTabKeyPress(event: KeyboardEvent, tabId: string): void;
+    private ensureTabHeaderIsScrolledIntoView;
+    private calculateHeaderSliceWidth;
+    private getCutOffTabHeaders;
+    protected scrollHeaders(direction: 'left' | 'right'): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTabs, "ngn-tabs", never, { "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "cache": { "alias": "cache"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "iconScrollLeft": { "alias": "iconScrollLeft"; "required": false; "isSignal": true; }; "iconScrollRight": { "alias": "iconScrollRight"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["_tabs"], never, true, never>;
+}
+
+/**
+ * @category control
+ */
+declare class NgnTab extends NgnBase<'tabs'> {
+    protected readonly theme: null;
+    /**
+     * The unique identifier for the tab.
+     */
+    readonly tabId: _angular_core.InputSignal<string>;
+    /**
+     * Useful for accessing the {@link tabId} in a safe way, without worrying about timing.
+     */
+    readonly safeTabId: _angular_core.WritableSignal<string | null>;
+    readonly content: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly header: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnTab, "ngn-tab", never, { "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, {}, ["content", "header"], never, true, never>;
+}
+
+export { NgnTab, NgnTabs };

package/types/ngneers-controls-tag.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from '@angular/core';
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { NgnBase } from '@ngneers/controls/base';
+
+/**
+ * @category control
+ */
+declare class NgnTag extends NgnBase<'tag'> {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"tag", ["root", "content", "icon", `kind-${string}`, `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    /**
+     * Set an icon to display before the text.
+     */
+    readonly icon: i0.InputSignal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgnTag, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgnTag, "ngn-tag", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { NgnTag };

package/types/ngneers-controls-toast.d.ts

@@ -0,0 +1,70 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Provider, InjectionToken, Injector, OnInit } from '@angular/core';
+import { CustomColor, IconType } from '@ngneers/controls-custom-types';
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { NgnBase } from '@ngneers/controls/base';
+
+type HeaderTemplateType = {
+    header?: string;
+    closable: boolean;
+    closeToast: () => void;
+};
+type ContentTemplateType = {
+    content?: string;
+};
+type NgnToastOptionsMeta = {
+    closable?: boolean;
+    color?: CustomColor;
+    icon?: IconType;
+    autoHide?: number | false;
+};
+type NgnToastOptions = NgnToastOptionsMeta & {
+    header?: string;
+    content?: string;
+    headerTemplate?: TemplateRef<HeaderTemplateType>;
+    contentTemplate?: TemplateRef<ContentTemplateType>;
+};
+type NgnToastRef = {
+    hide: () => void;
+};
+
+type NgnToastFeature = {
+    providers: Provider[];
+};
+declare const NGN_TOAST_USER_DEFAULTS: InjectionToken<NgnToastOptionsMeta>;
+declare function withToasts(defaultOptions?: NgnToastOptionsMeta): NgnToastFeature;
+
+declare class ToastCreator {
+    private readonly _manager;
+    constructor();
+    show(options: NgnToastOptions): NgnToastRef;
+}
+declare function injectToastCreator(injector?: Injector): ToastCreator;
+
+/**
+ * @category control
+ */
+declare class NgnToast extends NgnBase<'toast'> implements OnInit {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"toast", ["root", "host", "anim-enter", "anim-leave", "defaultHeader", "defaultHeaderText", "defaultContent", `color-${string}`], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    readonly header: _angular_core.InputSignal<string | undefined>;
+    readonly content: _angular_core.InputSignal<string | undefined>;
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    readonly closeIcon: _angular_core.InputSignal<string | undefined>;
+    readonly closable: _angular_core.InputSignal<boolean | undefined>;
+    readonly autoHide: _angular_core.InputSignal<number | false | undefined>;
+    readonly templateContent: _angular_core.InputSignal<TemplateRef<ContentTemplateType> | null | undefined>;
+    readonly templateHeader: _angular_core.InputSignal<TemplateRef<HeaderTemplateType> | null | undefined>;
+    readonly closeToast: _angular_core.OutputEmitterRef<void>;
+    private _closeTimeout?;
+    ngOnInit(): void;
+    private startHideTimer;
+    protected close(): void;
+    protected mouseEnter(): void;
+    protected mouseLeave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnToast, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnToast, "ngn-toast", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "autoHide": { "alias": "autoHide"; "required": false; "isSignal": true; }; "templateContent": { "alias": "templateContent"; "required": false; "isSignal": true; }; "templateHeader": { "alias": "templateHeader"; "required": false; "isSignal": true; }; }, { "closeToast": "closeToast"; }, never, never, true, never>;
+}
+
+export { NGN_TOAST_USER_DEFAULTS, NgnToast, injectToastCreator, withToasts };
+export type { ContentTemplateType, HeaderTemplateType, NgnToastFeature, NgnToastOptions, NgnToastOptionsMeta, NgnToastRef };

package/types/ngneers-controls-toggle-button.d.ts

@@ -0,0 +1,46 @@
+import * as _angular_core from '@angular/core';
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { ValueControlBase } from '@ngneers/controls/base';
+
+/**
+ * @category control
+ */
+declare class NgnToggleButton extends ValueControlBase<'toggleButton', boolean> {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"toggle-button", ["root", "invalid", "button", "label", "active", "placeholder", "placeholder-active"], readonly []>>;
+    /**
+     * Optional labels for on and off states.
+     * If not provided, the {@link label} input will be used.
+     */
+    readonly labelOn: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional labels for on and off states.
+     * If not provided, the {@link label} input will be used.
+     */
+    readonly labelOff: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional icon for the button. Can be used instead of the label or in combination with it.
+     * If {@link iconOn} and {@link iconOff} are provided, they will take precedence over this input for their respective states.
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional icons for on and off states.
+     * If not provided, the {@link icon} input will be used.
+     */
+    readonly iconOn: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional icons for on and off states.
+     * If not provided, the {@link icon} input will be used.
+     */
+    readonly iconOff: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If true, the button will always have the width of the longest possible content.
+     * @default false
+     */
+    readonly fixedWidth: _angular_core.InputSignal<boolean>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnToggleButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnToggleButton, "ngn-toggle-button", never, { "labelOn": { "alias": "labelOn"; "required": false; "isSignal": true; }; "labelOff": { "alias": "labelOff"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOn": { "alias": "iconOn"; "required": false; "isSignal": true; }; "iconOff": { "alias": "iconOff"; "required": false; "isSignal": true; }; "fixedWidth": { "alias": "fixedWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgnToggleButton };