@ngneers/controls 0.0.1-pre1 → 0.0.1-pre2

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

@@ -0,0 +1,304 @@
+import * as _angular_core from '@angular/core';
+import * as _ngneers_signal_translate from '@ngneers/signal-translate';
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import { Anchor } from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import { NgnItem } from '@ngneers/controls/api';
+import { ValueControlBase } from '@ngneers/controls/base';
+import { PopoverOptions } from '@ngneers/controls/popover';
+
+type NgnFilterDataType = 'string' | 'number' | 'date' | 'dateTime' | 'boolean' | 'custom' | 'list';
+type NgnFilterMode = 'inline' | 'input' | 'headless';
+type NgnFilterMatchMode = 'any' | 'all';
+type NgnFilterOperatorId = 'isEqual' | 'isNotEqual' | 'contains' | 'startsWith' | 'endsWith' | 'in' | 'isEmpty' | 'isNotEmpty' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'isTrue' | 'isFalse' | 'custom';
+/**
+ * A single configured filter condition.
+ * This is intentionally data-free and serializable (useful for server-side filtering).
+ */
+type NgnFilterConditionConfig = {
+    operator: NgnFilterOperatorId;
+    /** Raw user-entered value (string from the input), or null when empty. */
+    rawValue: string | null;
+};
+/**
+ * Complete filter configuration without any actual dataset/result.
+ */
+type NgnFilterConfig = {
+    /** The chosen datatype for the filter value. */
+    dataType: NgnFilterDataType;
+    /** How multiple conditions should be combined. */
+    matchMode: NgnFilterMatchMode;
+    /** Configured conditions (may include empty values depending on operator). */
+    conditions: readonly NgnFilterConditionConfig[];
+};
+type NgnFilterCondition = {
+    operator: NgnFilterOperatorId;
+    value: unknown;
+};
+/**
+ * Full client-side filter result (configuration + filtered dataset).
+ * Prefer {@link NgnFilterConfig} when you only need the config.
+ */
+type NgnFilterOutput<T> = NgnFilterConfig & {
+    /** The active (parsed) conditions used for local evaluation. */
+    activeConditions: readonly NgnFilterCondition[];
+    /** The filtered data result. */
+    filtered: readonly T[];
+};
+
+/**
+ * @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", "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[]>[]>]>>;
+    protected readonly i18n: _ngneers_signal_translate.TranslationsSignal<{
+        calendar: {
+            today: string;
+            selectYear: string;
+            weekdays: {
+                monday: string;
+                tuesday: string;
+                wednesday: string;
+                thursday: string;
+                friday: string;
+                saturday: string;
+                sunday: string;
+            };
+            weekdaysShort: {
+                monday: string;
+                tuesday: string;
+                wednesday: string;
+                thursday: string;
+                friday: string;
+                saturday: string;
+                sunday: string;
+            };
+            months: {
+                january: string;
+                february: string;
+                march: string;
+                april: string;
+                may: string;
+                june: string;
+                july: string;
+                august: string;
+                september: string;
+                october: string;
+                november: string;
+                december: string;
+            };
+        };
+        editInplace: {
+            placeholder: string;
+        };
+        filter: {
+            noFilter: string;
+            addCondition: string;
+            removeCondition: string;
+            clear: string;
+            matchModeLabel: string;
+            match: {
+                all: string;
+                any: string;
+            };
+            selected: string;
+            conditions: string;
+            operators: {
+                isEqual: string;
+                isNotEqual: string;
+                contains: string;
+                startsWith: string;
+                endsWith: string;
+                in: string;
+                isEmpty: string;
+                isNotEmpty: string;
+                greaterThan: string;
+                greaterThanOrEqual: string;
+                lessThan: string;
+                lessThanOrEqual: string;
+                after: string;
+                onOrAfter: string;
+                before: string;
+                onOrBefore: string;
+                isTrue: string;
+                isFalse: string;
+                custom: string;
+            };
+        };
+        splitter: {
+            handleLabel: string;
+        };
+        inputField: {
+            clearInput: string;
+        };
+        drawer: {
+            close: string;
+        };
+    }, "_">;
+    protected readonly unsafeI18n: (key: string) => _angular_core.Signal<string>;
+    /** Data to filter. */
+    readonly data: _angular_core.InputSignal<readonly T[]>;
+    /** Datatype of the values in {@link data}. */
+    readonly dataType: _angular_core.InputSignal<NgnFilterDataType>;
+    /** Allows multiple conditions and a match mode (any/all). */
+    readonly allowMultiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Options for `dataType="list"`.
+     * When provided, they are used as-is. When `null` or `undefined`, options are derived from {@link data}.
+     */
+    readonly listOptions: _angular_core.InputSignal<readonly string[] | null | undefined>;
+    /**
+     * Controls how the filter is rendered.
+     * - `inline`: renders the filter rows directly
+     * - `input`: renders an input-like trigger that opens a popover (default)
+     * - `headless`: renders only the popover and can be opened programmatically via {@link show}
+     */
+    readonly mode: _angular_core.InputSignal<NgnFilterMode>;
+    /**
+     * Popover anchor used only in `headless` mode.
+     * In `input` mode the anchor is the internal input-field.
+     */
+    readonly anchor: _angular_core.InputSignal<Anchor | null>;
+    /**
+     * When true, the component will filter {@link data} locally and emit the filtered result.
+     * When false, only the filter configuration is emitted (useful for server-side filtering).
+     */
+    readonly filterLocally: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Options for the popover (when {@link mode} is not `inline`). */
+    readonly popoverOptions: _angular_core.InputSignal<PopoverOptions>;
+    protected readonly appliedPopoverOptions: _angular_core.Signal<PopoverOptions>;
+    /** Emits whenever the filter configuration changes. */
+    readonly filterChange: _angular_core.OutputEmitterRef<NgnFilterConfig | null>;
+    /** Emits the filtered data whenever local filtering is enabled. */
+    readonly filterResultChange: _angular_core.OutputEmitterRef<readonly T[]>;
+    private readonly _popover;
+    private createCondition;
+    private defaultConfig;
+    /**
+     * Config used for UI rendering.
+     * Falls back to a default config when the actual {@link value} is null.
+     */
+    protected readonly templateConfig: _angular_core.Signal<NgnFilterConfig>;
+    protected readonly templateListSelection: _angular_core.Signal<readonly string[]>;
+    protected readonly operatorDefs: _angular_core.Signal<[{
+        readonly id: "isEqual";
+        readonly labelKey: "filter_operators_isEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "isNotEqual";
+        readonly labelKey: "filter_operators_isNotEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "contains";
+        readonly labelKey: "filter_operators_contains";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "startsWith";
+        readonly labelKey: "filter_operators_startsWith";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "endsWith";
+        readonly labelKey: "filter_operators_endsWith";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "isEmpty";
+        readonly labelKey: "filter_operators_isEmpty";
+        readonly requiresValue: false;
+    }, {
+        readonly id: "isNotEmpty";
+        readonly labelKey: "filter_operators_isNotEmpty";
+        readonly requiresValue: false;
+    }] | [{
+        readonly id: "isEqual";
+        readonly labelKey: "filter_operators_isEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "isNotEqual";
+        readonly labelKey: "filter_operators_isNotEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "greaterThan";
+        readonly labelKey: "filter_operators_greaterThan";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "greaterThanOrEqual";
+        readonly labelKey: "filter_operators_greaterThanOrEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "lessThan";
+        readonly labelKey: "filter_operators_lessThan";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "lessThanOrEqual";
+        readonly labelKey: "filter_operators_lessThanOrEqual";
+        readonly requiresValue: true;
+    }] | [{
+        readonly id: "isEqual";
+        readonly labelKey: "filter_operators_isEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "isNotEqual";
+        readonly labelKey: "filter_operators_isNotEqual";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "greaterThan";
+        readonly labelKey: "filter_operators_after";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "greaterThanOrEqual";
+        readonly labelKey: "filter_operators_onOrAfter";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "lessThan";
+        readonly labelKey: "filter_operators_before";
+        readonly requiresValue: true;
+    }, {
+        readonly id: "lessThanOrEqual";
+        readonly labelKey: "filter_operators_onOrBefore";
+        readonly requiresValue: true;
+    }] | [{
+        readonly id: "isTrue";
+        readonly labelKey: "filter_operators_isTrue";
+        readonly requiresValue: false;
+    }, {
+        readonly id: "isFalse";
+        readonly labelKey: "filter_operators_isFalse";
+        readonly requiresValue: false;
+    }] | [{
+        readonly id: "custom";
+        readonly labelKey: "filter_operators_custom";
+        readonly requiresValue: true;
+    }] | [{
+        readonly id: "in";
+        readonly labelKey: "filter_operators_in";
+        readonly requiresValue: true;
+    }]>;
+    protected readonly operatorOptions: _angular_core.Signal<NgnItem[]>;
+    protected readonly autoListOptions: _angular_core.Signal<readonly NgnItem[]>;
+    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 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[]>;
+    constructor();
+    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 addCondition(): void;
+    protected removeCondition(index: number): void;
+    protected setListSelection(value: unknown): void;
+    protected clear(): void;
+    /** Shows the filter popup. Only works when {@link mode} is not `inline`. */
+    show(): void;
+    /** Hides the filter popup. Only works when {@link mode} is not `inline`. */
+    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>;
+}
+
+export { NgnFilter };
+export type { NgnFilterCondition, NgnFilterConditionConfig, NgnFilterConfig, NgnFilterDataType, NgnFilterMatchMode, NgnFilterMode, NgnFilterOperatorId, NgnFilterOutput };

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

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { Signal } from '@angular/core';
+import { BaseTranslateService } from '@ngneers/signal-translate';
+
+declare const _default: {
+    calendar: {
+        today: string;
+        selectYear: string;
+        weekdays: {
+            monday: string;
+            tuesday: string;
+            wednesday: string;
+            thursday: string;
+            friday: string;
+            saturday: string;
+            sunday: string;
+        };
+        weekdaysShort: {
+            monday: string;
+            tuesday: string;
+            wednesday: string;
+            thursday: string;
+            friday: string;
+            saturday: string;
+            sunday: string;
+        };
+        months: {
+            january: string;
+            february: string;
+            march: string;
+            april: string;
+            may: string;
+            june: string;
+            july: string;
+            august: string;
+            september: string;
+            october: string;
+            november: string;
+            december: string;
+        };
+    };
+    editInplace: {
+        placeholder: string;
+    };
+    filter: {
+        noFilter: string;
+        addCondition: string;
+        removeCondition: string;
+        clear: string;
+        matchModeLabel: string;
+        match: {
+            all: string;
+            any: string;
+        };
+        selected: string;
+        conditions: string;
+        operators: {
+            isEqual: string;
+            isNotEqual: string;
+            contains: string;
+            startsWith: string;
+            endsWith: string;
+            in: string;
+            isEmpty: string;
+            isNotEmpty: string;
+            greaterThan: string;
+            greaterThanOrEqual: string;
+            lessThan: string;
+            lessThanOrEqual: string;
+            after: string;
+            onOrAfter: string;
+            before: string;
+            onOrBefore: string;
+            isTrue: string;
+            isFalse: string;
+            custom: string;
+        };
+    };
+    splitter: {
+        handleLabel: string;
+    };
+    inputField: {
+        clearInput: string;
+    };
+    drawer: {
+        close: string;
+    };
+};
+
+declare const supportedLanguages: readonly ["en", "de"];
+
+type SupportedLanguage = (typeof supportedLanguages)[number];
+type Translations = typeof _default;
+
+declare class I18n extends BaseTranslateService<Translations> {
+    constructor();
+    protected loadTranslations(lang: string): Promise<Translations>;
+    unsafe(key: string): Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<I18n, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<I18n>;
+}
+
+declare function registerCustomLanguage(language: string, translations: () => Promise<Translations>): void;
+declare function registerCustomLanguages(languages: Record<string, () => Promise<Translations>>): void;
+declare function loadLanguage(language: SupportedLanguage): Promise<Translations>;
+
+export { I18n, loadLanguage, registerCustomLanguage, registerCustomLanguages, supportedLanguages };
+export type { SupportedLanguage, Translations };

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

@@ -0,0 +1,74 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnDestroy } from '@angular/core';
+import { IconType } 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 { 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>;
+};
+
+type IconTemplateContext = {
+    $implicit: {
+        icon: IconType;
+    };
+};
+type DefaultIcon = keyof typeof DEFAULT_ICONS;
+
+type IconTemplateType = TemplateRef<IconTemplateContext>;
+declare class GlobalIconTemplate implements OnDestroy {
+    private readonly _globalIconTemplate;
+    readonly globalIconTemplate: _angular_core.Signal<IconTemplateType | null>;
+    setGlobalIconTemplate(template: IconTemplateType): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GlobalIconTemplate, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<GlobalIconTemplate>;
+}
+
+/**
+ * @category control
+ */
+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>;
+    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 };

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

@@ -0,0 +1,95 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } 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';
+
+type ContentTemplateType = {
+    $implicit: {
+        close: () => void;
+    };
+};
+
+declare abstract class InplaceTemplates extends NgnBase<'inplace'> {
+    private readonly _userDisplayTemplate;
+    /**
+     * Set a custom template for the display.
+     * Can also be set using an `<ng-template>` element with `#display` template reference variable.
+     */
+    readonly templateDisplay: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly displayTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
+    /**
+     * Context for the display template.
+     */
+    readonly templateDisplayContext: _angular_core.InputSignal<unknown>;
+    private readonly _userContentTemplate;
+    /**
+     * Set a custom template for the content.
+     * Can also be set using an `<ng-template>` element with `#content` template reference variable.
+     */
+    readonly templateContent: _angular_core.InputSignal<TemplateRef<ContentTemplateType> | null>;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<ContentTemplateType> | null>;
+    /**
+     * Context for the content template.
+     */
+    readonly templateContentContext: _angular_core.InputSignal<unknown>;
+    /**
+     * Types for the drawer templates.
+     */
+    readonly templateTypes: {
+        /**
+         * Type of the template variable for the display template.
+         */
+        content: ContentTemplateType;
+    } & {
+        $implicit: {
+            content: Partial<ContentTemplateType>;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InplaceTemplates, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InplaceTemplates, never, never, { "templateDisplay": { "alias": "templateDisplay"; "required": false; "isSignal": true; }; "templateDisplayContext": { "alias": "templateDisplayContext"; "required": false; "isSignal": true; }; "templateContent": { "alias": "templateContent"; "required": false; "isSignal": true; }; "templateContentContext": { "alias": "templateContentContext"; "required": false; "isSignal": true; }; }, {}, ["_userDisplayTemplate", "_userContentTemplate"], never, true, never>;
+}
+
+/**
+ * @category control
+ */
+declare class NgnInplace extends InplaceTemplates {
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"inplace", ["root", "content", "display", "disabled"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    protected readonly closeContent: () => void;
+    /**
+     * Controls the visibility of the content.
+     */
+    readonly contentVisible: _angular_core.ModelSignal<boolean>;
+    /**
+     * Whether the content is loaded lazily.
+     * @default true
+     */
+    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the content is cached when closed.
+     * @default false
+     */
+    readonly cache: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Explicitly apply disabled state styling
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Switches to the content view.
+     */
+    switchToContent(): void;
+    /**
+     * Switches to the display view.
+     */
+    switchToDisplay(): void;
+    /**
+     * Toggles between the display and content views.
+     */
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnInplace, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NgnInplace, "ngn-inplace", never, { "contentVisible": { "alias": "contentVisible"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "cache": { "alias": "cache"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "contentVisible": "contentVisibleChange"; }, never, never, true, never>;
+}
+
+export { NgnInplace };
+export type { ContentTemplateType };