@ngneers/controls 0.0.1-pre5 → 0.0.1-pre7

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

@@ -50,7 +50,7 @@ type NgnFilterOutput<T> = NgnFilterConfig & {
  * @category control
  */
 declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilterConfig | null> {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_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", "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[]>[]>]>>;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"filter", ["root", "inline", "input-field", "summary", "icon", "popover-content", "rows", "row", "operator", "value", "remove-btn", "condition-divider", "footer", "footer-actions", "active-indicator"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], 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"], 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", "box-icon-visible", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "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<"calendar", ["root", "inline", "input", "input-field", "details", "header", "navigation", "days", "week-day", "day", "day-selected", "day-today", "day-other-month", "months", "month", "current-month", "current-year", "time", "next", "previous"], 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<"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"], 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", "box-icon-visible", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "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<"input", ["root", "invalid", "empty"], 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[]>[]>]>]>]>>;
     protected readonly i18n: _ngneers_signal_translate.TranslationsSignal<{
         calendar: {
             today: string;
@@ -96,10 +96,14 @@ declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilte
             addCondition: string;
             removeCondition: string;
             clear: string;
+            apply: string;
+            cancel: string;
             matchModeLabel: string;
             match: {
                 all: string;
                 any: string;
+                and: string;
+                or: string;
             };
             selected: string;
             conditions: string;
@@ -136,6 +140,7 @@ declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilte
         };
     }, "_">;
     protected readonly unsafeI18n: (key: string) => _angular_core.Signal<string>;
+    private readonly _destroyRef;
     /** Data to filter. */
     readonly data: _angular_core.InputSignal<readonly T[]>;
     /** Datatype of the values in {@link data}. */
@@ -164,6 +169,16 @@ declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilte
      * When false, only the filter configuration is emitted (useful for server-side filtering).
      */
     readonly filterLocally: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * When true (default), filters apply automatically as the user types/selects.
+     * When false, the user must click "Apply" to commit the filter.
+     */
+    readonly autoApply: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Debounce time in milliseconds for auto-apply mode.
+     * Only relevant when {@link autoApply} is `true`.
+     */
+    readonly autoApplyDebounce: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Options for the popover (when {@link mode} is not `inline`). */
     readonly popoverOptions: _angular_core.InputSignal<PopoverOptions>;
     protected readonly appliedPopoverOptions: _angular_core.Signal<PopoverOptions>;
@@ -172,11 +187,24 @@ declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilte
     /** Emits the filtered data whenever local filtering is enabled. */
     readonly filterResultChange: _angular_core.OutputEmitterRef<readonly T[]>;
     private readonly _popover;
+    /**
+     * Internal working config that the template binds to.
+     * In auto-apply mode, this syncs to value() via debounce.
+     * In manual mode, only apply() commits this to value().
+     */
+    protected readonly workingConfig: _angular_core.WritableSignal<NgnFilterConfig | null>;
+    /** Snapshot of value() taken when popover opens in manual mode, for cancel to restore. */
+    private _snapshotConfig;
+    /** Debounce timer handle for auto-apply. */
+    private _debounceTimer;
+    /** Whether there is an active filter applied. */
+    protected readonly hasActiveFilter: _angular_core.Signal<boolean>;
     private createCondition;
     private defaultConfig;
     /**
      * Config used for UI rendering.
-     * Falls back to a default config when the actual {@link value} is null.
+     * Always reads from workingConfig (the live editing state).
+     * Falls back to a default config when null.
      */
     protected readonly templateConfig: _angular_core.Signal<NgnFilterConfig>;
     protected readonly templateListSelection: _angular_core.Signal<readonly string[]>;
@@ -278,18 +306,39 @@ declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilte
     protected readonly resolvedListOptions: _angular_core.Signal<readonly NgnItem[]>;
     protected readonly matchModeOptions: readonly NgnItem[];
     protected readonly inputType: _angular_core.Signal<"number" | "date" | "text" | "datetime-local">;
+    protected readonly isDateType: _angular_core.Signal<boolean>;
+    protected readonly isShowTime: _angular_core.Signal<boolean>;
+    /** Parse a rawValue string to a Date for the calendar component. */
+    protected parseRawDate(rawValue: string | null): Date | null;
+    /** Convert a Date from the calendar to a rawValue string. */
+    protected dateToRaw(date: Date | null): string | null;
     protected readonly summaryText: _angular_core.Signal<string | undefined>;
     protected readonly activeConditionConfigs: _angular_core.Signal<readonly NgnFilterConditionConfig[]>;
     protected readonly activeConditions: _angular_core.Signal<readonly NgnFilterCondition[]>;
     protected readonly filteredData: _angular_core.Signal<readonly T[]>;
+    /** The current match mode label for the condition divider */
+    protected readonly matchModeLabel: _angular_core.Signal<string>;
     constructor();
+    /**
+     * Commits the working config to the actual value, with optional debounce.
+     * Called after every working config change.
+     */
+    private commitWorkingConfig;
+    /** Updates the working config and optionally auto-applies. */
+    private updateWorkingConfig;
+    protected toggleMatchMode(): void;
     protected setMatchMode(value: unknown): void;
     protected operatorRequiresValue(operator: NgnFilterOperatorId): boolean;
     protected setOperator(index: number, operator: NgnFilterOperatorId | null): void;
     protected setRawValue(index: number, rawValue: string | null): void;
+    protected setDateValue(index: number, date: Date | null): void;
     protected addCondition(): void;
     protected removeCondition(index: number): void;
     protected setListSelection(value: unknown): void;
+    /** Applies the working config (manual mode). */
+    protected apply(): void;
+    /** Cancels changes and restores the snapshot (manual mode). */
+    protected cancelChanges(): void;
     protected clear(): void;
     /** Shows the filter popup. Only works when {@link mode} is not `inline`. */
     show(): void;
@@ -297,7 +346,7 @@ declare class NgnFilter<T = unknown> extends ValueControlBase<'filter', NgnFilte
     hide(): void;
     protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnFilter<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnFilter<any>, "ngn-filter", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "dataType": { "alias": "dataType"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "listOptions": { "alias": "listOptions"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "filterLocally": { "alias": "filterLocally"; "required": false; "isSignal": true; }; "popoverOptions": { "alias": "popoverOptions"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; "filterResultChange": "filterResultChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnFilter<any>, "ngn-filter", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "dataType": { "alias": "dataType"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "listOptions": { "alias": "listOptions"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "filterLocally": { "alias": "filterLocally"; "required": false; "isSignal": true; }; "autoApply": { "alias": "autoApply"; "required": false; "isSignal": true; }; "autoApplyDebounce": { "alias": "autoApplyDebounce"; "required": false; "isSignal": true; }; "popoverOptions": { "alias": "popoverOptions"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; "filterResultChange": "filterResultChange"; }, never, never, true, never>;
 }
 
 export { NgnFilter };

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

@@ -47,10 +47,14 @@ declare const _default: {
         addCondition: string;
         removeCondition: string;
         clear: string;
+        apply: string;
+        cancel: string;
         matchModeLabel: string;
         match: {
             all: string;
             any: string;
+            and: string;
+            or: string;
         };
         selected: string;
         conditions: string;

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

@@ -1,36 +1,19 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnDestroy } from '@angular/core';
-import { IconType } from '@ngneers/controls-custom-types';
+import { OnDestroy, TemplateRef, InjectionToken, Provider } from '@angular/core';
+import { IconType, NgnIconEntry } from '@ngneers/controls-custom-types';
+export { NgnIconEntry } from '@ngneers/controls-custom-types';
 import * as _ngneers_controls_icon from '@ngneers/controls/icon';
-import * as _angular_platform_browser from '@angular/platform-browser';
 import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
 import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { SafeHtml } from '@angular/platform-browser';
 import { NgnBase } from '@ngneers/controls/base';
-
-declare const DEFAULT_ICONS: {
-    calendar: () => Promise<string>;
-    check: () => Promise<string>;
-    chevron_down: () => Promise<string>;
-    chevron_left: () => Promise<string>;
-    chevron_right: () => Promise<string>;
-    chevron_up: () => Promise<string>;
-    ellipsis: () => Promise<string>;
-    filter: () => Promise<string>;
-    filter_solid: () => Promise<string>;
-    magnifying_glass: () => Promise<string>;
-    minus: () => Promise<string>;
-    sort: () => Promise<string>;
-    sort_down: () => Promise<string>;
-    sort_up: () => Promise<string>;
-    xmark: () => Promise<string>;
-};
+import { IconifyIcon } from '@iconify/types';
 
 type IconTemplateContext = {
     $implicit: {
         icon: IconType;
     };
 };
-type DefaultIcon = keyof typeof DEFAULT_ICONS;
 
 type IconTemplateType = TemplateRef<IconTemplateContext>;
 declare class GlobalIconTemplate implements OnDestroy {
@@ -42,6 +25,14 @@ declare class GlobalIconTemplate implements OnDestroy {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<GlobalIconTemplate>;
 }
 
+declare const NGN_ICON_KEYS: readonly ["accordion-collapse", "accordion-expand", "breadcrumb-separator", "breadcrumb-overflow", "calendar-trigger", "calendar-previous-month", "calendar-next-month", "checkbox-checked", "checkbox-indeterminate", "chip-remove", "dialog-close", "drawer-close", "dropdown-toggle", "edit-confirm", "filter-active", "filter-inactive", "filter-remove", "input-clear", "menu-submenu", "paginator-previous", "paginator-next", "search", "sort-neutral", "sort-ascending", "sort-descending", "table-group-toggle", "tabs-scroll-left", "tabs-scroll-right", "toast-close"];
+type NgnIconKey = (typeof NGN_ICON_KEYS)[number];
+type NgnIconRegistry = Record<NgnIconKey, IconifyIcon | NgnIconEntry>;
+type NgnCustomIconRegistry = Record<NgnIconKey, IconType>;
+declare const NGN_ICON_REGISTRY: InjectionToken<NgnIconRegistry | NgnCustomIconRegistry>;
+declare const NGN_CUSTOM_ICONS: InjectionToken<boolean>;
+declare function provideNgnCustomIcons(registry: NgnCustomIconRegistry): Provider[];
+
 /**
  * @category control
  */
@@ -49,26 +40,18 @@ declare class NgnIcon extends NgnBase<'icon'> {
     protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"icon", ["root", "default"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
     private readonly _globalIconTemplate;
     private readonly _sanitizer;
-    readonly defaultIcon: _angular_core.InputSignal<"calendar" | "filter" | "check" | "chevron_down" | "chevron_left" | "chevron_right" | "chevron_up" | "ellipsis" | "filter_solid" | "magnifying_glass" | "minus" | "sort" | "sort_down" | "sort_up" | "xmark" | undefined>;
-    readonly icon: _angular_core.InputSignal<string | undefined>;
-    protected readonly templateType: IconTemplateContext & {
-        $implicit: {
-            $implicit: Partial<{
-                icon: IconType;
-            }>;
-        };
-    };
-    protected readonly defaultIconSvg: {
-        (): _angular_platform_browser.SafeHtml | null;
-        isRunning: _angular_core.Signal<boolean>;
-        firstRunCompleted: _angular_core.Signal<boolean>;
-    };
-    private readonly _defaultIconTemplate;
-    protected readonly usedIconTemplate: _angular_core.Signal<_ngneers_controls_icon.IconTemplateType>;
+    private readonly _registry;
+    private readonly _isCustom;
+    readonly defaultIcon: _angular_core.InputSignal<"accordion-collapse" | "accordion-expand" | "breadcrumb-separator" | "breadcrumb-overflow" | "calendar-trigger" | "calendar-previous-month" | "calendar-next-month" | "checkbox-checked" | "checkbox-indeterminate" | "chip-remove" | "dialog-close" | "drawer-close" | "dropdown-toggle" | "edit-confirm" | "filter-active" | "filter-inactive" | "filter-remove" | "input-clear" | "menu-submenu" | "paginator-previous" | "paginator-next" | "search" | "sort-neutral" | "sort-ascending" | "sort-descending" | "table-group-toggle" | "tabs-scroll-left" | "tabs-scroll-right" | "toast-close" | undefined>;
+    readonly icon: _angular_core.InputSignal<IconifyIcon | NgnIconEntry | undefined>;
+    protected readonly iconSvg: _angular_core.Signal<SafeHtml | null>;
+    protected readonly defaultIconSvg: _angular_core.Signal<SafeHtml | null>;
+    protected readonly customDefaultIcon: _angular_core.Signal<IconifyIcon | NgnIconEntry | null>;
+    protected readonly iconTemplate: _angular_core.Signal<_ngneers_controls_icon.IconTemplateType>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnIcon, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnIcon, "ngn-icon", never, { "defaultIcon": { "alias": "defaultIcon"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { GlobalIconTemplate, NgnIcon };
-export type { DefaultIcon, IconTemplateContext, IconTemplateType };
+export { GlobalIconTemplate, NGN_CUSTOM_ICONS, NGN_ICON_KEYS, NGN_ICON_REGISTRY, NgnIcon, provideNgnCustomIcons };
+export type { IconTemplateContext, IconTemplateType, NgnCustomIconRegistry, NgnIconKey, NgnIconRegistry };

package/types/ngneers-controls-input-field.d.ts

@@ -1,3 +1,5 @@
+import * as _ngneers_controls_custom_types from '@ngneers/controls-custom-types';
+import * as _iconify_types from '@iconify/types';
 import * as _angular_core from '@angular/core';
 import { InjectionToken } from '@angular/core';
 import * as _ngneers_signal_translate from '@ngneers/signal-translate';
@@ -55,10 +57,14 @@ declare class NgnInputField extends NgnBase<'inputField'> {
             addCondition: string;
             removeCondition: string;
             clear: string;
+            apply: string;
+            cancel: string;
             matchModeLabel: string;
             match: {
                 all: string;
                 any: string;
+                and: string;
+                or: string;
             };
             selected: string;
             conditions: string;
@@ -124,7 +130,7 @@ declare class NgnInputField extends NgnBase<'inputField'> {
     /**
      * Custom icon for the clear button. Use with `showClearButton`.
      */
-    readonly iconClearButton: _angular_core.InputSignal<string | undefined>;
+    readonly iconClearButton: _angular_core.InputSignal<_iconify_types.IconifyIcon | _ngneers_controls_custom_types.NgnIconEntry | undefined>;
     /**
      * Tabindex for the input field itself.
      * When another focusable (input) element is present inside the input field, this should be set to -1.

package/types/ngneers-controls-item-view.d.ts

@@ -1,9 +1,11 @@
+import * as _ngneers_controls_custom_types from '@ngneers/controls-custom-types';
+import { IconType } from '@ngneers/controls-custom-types';
+import * as _iconify_types from '@iconify/types';
 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';
-import { IconType } from '@ngneers/controls-custom-types';
 
 type OverflowStrategy = 'start' | 'end' | 'center' | 'aroundIndex';
 
@@ -158,7 +160,7 @@ declare class NgnItemView<T extends object, IdField extends keyof T> extends Ite
     /**
      * A separator icon to be displayed between items.
      */
-    readonly iconItemSeparator: _angular_core.InputSignal<string | undefined>;
+    readonly iconItemSeparator: _angular_core.InputSignal<_iconify_types.IconifyIcon | _ngneers_controls_custom_types.NgnIconEntry | undefined>;
     /**
      * Strategy to use when there are more items than can be displayed in the available space.
      * The value determines where the items should start to overflow.

package/types/ngneers-controls-list-box.d.ts

@@ -126,10 +126,14 @@ declare class NgnListBox<Items extends readonly NgnItem[], Multiple extends bool
             addCondition: string;
             removeCondition: string;
             clear: string;
+            apply: string;
+            cancel: string;
             matchModeLabel: string;
             match: {
                 all: string;
                 any: string;
+                and: string;
+                or: string;
             };
             selected: string;
             conditions: string;
@@ -165,7 +169,7 @@ declare class NgnListBox<Items extends readonly NgnItem[], Multiple extends bool
             close: string;
         };
     }, "_">;
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_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", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>>;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_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", "box-icon-visible", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "item-sticky"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>>;
     private readonly _scroller;
     readonly items: _angular_core.InputSignal<Items>;
     readonly scrollToSelectedItemOnInit: _angular_core.InputSignal<boolean | ScrollLogicalPosition>;

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

@@ -1,6 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, TemplateRef } from '@angular/core';
 import { NgnActionItem } from '@ngneers/controls/api';
+import * as _ngneers_controls_custom_types from '@ngneers/controls-custom-types';
+import * as _iconify_types from '@iconify/types';
 import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
 import { Openable, Anchor } from '@ngneers/controls/api/ng';
 import * as _ngneers_controls_themes from '@ngneers/controls-themes';
@@ -84,7 +86,7 @@ declare abstract class MenuTemplates extends NgnBase<'menu'> {
  * @category control
  */
 declare class NgnMenu extends MenuTemplates implements Openable {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"menu", ["root", "submenu", "popover", "item", "item-opened", "icon-children", "separator"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>>;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"menu", ["root", "submenu", "popover", "item", "item-opened", "icon-children", "separator"], readonly [_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>]>>;
     protected readonly elementId: _angular_core.InputSignal<string>;
     /**
      * The element to which the menu is anchored. Required if `popover` is true.
@@ -111,7 +113,7 @@ declare class NgnMenu extends MenuTemplates implements Openable {
     /**
      * Icon type for children indicator (submenu indicator). If not set, a default icon will be used.
      */
-    readonly iconSubmenuIndicator: _angular_core.InputSignal<string | undefined>;
+    readonly iconSubmenuIndicator: _angular_core.InputSignal<_iconify_types.IconifyIcon | _ngneers_controls_custom_types.NgnIconEntry | undefined>;
     /**
      * Whether this menu is a submenu. Used internally.
      * @internal

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

@@ -1,4 +1,6 @@
 import * as i0 from '@angular/core';
+import * as _ngneers_controls_custom_types from '@ngneers/controls-custom-types';
+import * as _iconify_types from '@iconify/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';
@@ -11,7 +13,7 @@ declare class NgnMessage extends NgnBase<'message'> {
     /**
      * Set an icon to display before the text.
      */
-    readonly icon: i0.InputSignal<string | undefined>;
+    readonly icon: i0.InputSignal<_iconify_types.IconifyIcon | _ngneers_controls_custom_types.NgnIconEntry | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgnMessage, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgnMessage, "ngn-message", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -76,10 +76,14 @@ declare class NgnPaginator extends NgnBase<'paginator'> {
             addCondition: string;
             removeCondition: string;
             clear: string;
+            apply: string;
+            cancel: string;
             matchModeLabel: string;
             match: {
                 all: string;
                 any: string;
+                and: string;
+                or: string;
             };
             selected: string;
             conditions: string;

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

@@ -31,7 +31,7 @@ type PopoverOptions = {
  * @category control
  */
 declare class NgnPopover extends NgnBase<'popover'> implements Openable {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing", "anim-in", "anim-out"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"popover", ["root", "content", "content-closing"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
     /**
      * Emits when the popover has fully closed.
      */
@@ -76,6 +76,7 @@ declare class NgnPopover extends NgnBase<'popover'> implements Openable {
         padding?: number;
     }>;
     private readonly _injector;
+    private readonly _cdr;
     private readonly _popoverRef;
     private readonly _popover;
     private readonly _autoPos;

package/types/ngneers-controls-scroll-shadow.d.ts

@@ -0,0 +1,16 @@
+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';
+
+declare class NgnScrollShadow {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"scrollShadow", ["root", "scrolled-start", "scrolled-end", "scrolled-top", "scrolled-bottom"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    private readonly _el;
+    private readonly _injector;
+    readonly ngnScrollShadow: _angular_core.InputSignal<"horizontal" | "vertical" | "both">;
+    readonly scrollShadowTarget: _angular_core.InputSignal<HTMLElement | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnScrollShadow, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnScrollShadow, "[ngnScrollShadow]", never, { "ngnScrollShadow": { "alias": "ngnScrollShadow"; "required": false; "isSignal": true; }; "scrollShadowTarget": { "alias": "scrollShadowTarget"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgnScrollShadow };

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

@@ -86,8 +86,18 @@ declare class NgnScroller<T> extends ScrollerTemplates<T> {
      * If set, the scroller will stick the items with a truthy value for the specified field to the top of the scroller.
      */
     readonly fieldSticky: _angular_core.InputSignal<AllKeysOfUnion<T> | null>;
-    private readonly _elementSize;
+    /**
+     * Viewport size — tracks the scroll ancestor's dimensions so that virtual
+     * scrolling works when an outer element handles overflow (e.g. table wrapper).
+     */
+    private readonly _viewportSize;
     private readonly _itemHeightPx;
+    /**
+     * Vertical offset between the scroll container's top and the scroller element.
+     * Non-zero when a parent (e.g. table wrapper) owns the scroll and the scroller
+     * is positioned below other content (e.g. a sticky header row).
+     */
+    private readonly _scrollOffset;
     private readonly _visibleItemCount;
     private readonly _scrollTop;
     /**
@@ -121,7 +131,7 @@ declare class NgnScroller<T> extends ScrollerTemplates<T> {
         index: number;
     }): unknown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnScroller<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnScroller<any>, "ngn-scroller, [ngn-scroller]", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "fieldId": { "alias": "fieldId"; "required": false; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "virtualPadding": { "alias": "virtualPadding"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "fieldSticky": { "alias": "fieldSticky"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgnScrollAmount; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnScroller<any>, "ngn-scroller, [ngn-scroller]", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "fieldId": { "alias": "fieldId"; "required": false; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; "virtualPadding": { "alias": "virtualPadding"; "required": false; "isSignal": true; }; "focusable": { "alias": "focusable"; "required": false; "isSignal": true; }; "fieldSticky": { "alias": "fieldSticky"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgnScrollAmount; inputs: { "scrollContainer": "scrollContainer"; }; outputs: {}; }]>;
 }
 
 declare class NgnScrollerItem implements AfterViewInit {

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

@@ -1,9 +1,11 @@
+import * as _ngneers_controls_custom_types from '@ngneers/controls-custom-types';
+import * as _iconify_types from '@iconify/types';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal } from '@angular/core';
 import * as _ngneers_signal_translate from '@ngneers/signal-translate';
 import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
 import * as _ngneers_controls_themes from '@ngneers/controls-themes';
-import { NgnItem, FilterConfig, FilterConfigInternal, FilterFn } from '@ngneers/controls/api';
+import { NgnItem, FilterConfig, FilterFn, FilterConfigInternal } from '@ngneers/controls/api';
 import { PopoverOptions } from '@ngneers/controls/popover';
 import { InputGeneric, maybeCallback } from '@ngneers/controls/utils';
 import { ValueControlBase } from '@ngneers/controls/base';
@@ -106,7 +108,7 @@ type SelectFilterFn<T extends object> = FilterFn<NgnItem<T>>;
  * @category control
  */
 declare class NgnSelect<V, Editable extends boolean = false, Multiple extends boolean = false> extends SelectTemplates<V, Editable, Multiple> {
-    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_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", "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[]>[]>]>]>>;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_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"], 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", "box-icon-visible", "invalid"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>, _ngneers_controls_themes.ControlTemplate<"scroller", ["root", "virtual", "item", "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[]>[]>]>]>>;
     protected readonly i18n: _ngneers_signal_translate.TranslationsSignal<{
         calendar: {
             today: string;
@@ -152,10 +154,14 @@ declare class NgnSelect<V, Editable extends boolean = false, Multiple extends bo
             addCondition: string;
             removeCondition: string;
             clear: string;
+            apply: string;
+            cancel: string;
             matchModeLabel: string;
             match: {
                 all: string;
                 any: string;
+                and: string;
+                or: string;
             };
             selected: string;
             conditions: string;
@@ -198,14 +204,7 @@ declare class NgnSelect<V, Editable extends boolean = false, Multiple extends bo
      * Options for the popover.
      */
     readonly popoverOptions: _angular_core.InputSignal<PopoverOptions>;
-    protected readonly appliedPopoverOptions: Signal<{
-        sizeConstraints: {
-            width: number;
-            maxWidth: number;
-            minHeight: string;
-            maxHeight: string;
-        };
-    } & PopoverOptions>;
+    protected readonly appliedPopoverOptions: Signal<PopoverOptions>;
     /**
      * The available options to choose from. They can either be
      * * A list of {@link NgnItem} objects
@@ -225,11 +224,11 @@ declare class NgnSelect<V, Editable extends boolean = false, Multiple extends bo
     /**
      * The icon to display in the filter input.
      */
-    readonly filterIcon: _angular_core.InputSignal<string | undefined>;
+    readonly filterIcon: _angular_core.InputSignal<_iconify_types.IconifyIcon | _ngneers_controls_custom_types.NgnIconEntry | undefined>;
     /**
      * The icon to display in the dropdown.
      */
-    readonly dropdownIcon: _angular_core.InputSignal<string | undefined>;
+    readonly dropdownIcon: _angular_core.InputSignal<_iconify_types.IconifyIcon | _ngneers_controls_custom_types.NgnIconEntry | undefined>;
     /**
      * Whether the select is virtualized.
      * @default `false`

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { Injector, ElementRef, Signal } from '@angular/core';
+import { ElementRef, Signal, Injector } from '@angular/core';
 import { CustomColor } 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';