@ngneers/controls 0.0.1-pre1 → 0.0.1-pre2

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

@@ -0,0 +1,188 @@
+import * as _ngneers_controls_api_ng from '@ngneers/controls/api/ng';
+import { PositioningSizeConstraints, TooltipOptions } from '@ngneers/controls/api/ng';
+import * as _ngneers_controls_themes from '@ngneers/controls-themes';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, TemplateRef } from '@angular/core';
+import { NgnBase } from '@ngneers/controls/base';
+import { TimeSpan } from '@ngneers/controls/utils';
+import { Placement } from '@floating-ui/dom';
+
+type RelativeAnchorElementPositionData = {
+    start: number;
+    center: number;
+    end: number;
+};
+
+/**
+ * @category control
+ */
+declare class NgnTooltip extends NgnBase<'tooltip'> implements OnDestroy {
+    protected readonly theme: null;
+    private readonly _viewContainerRef;
+    private readonly _config;
+    private readonly _tooltip;
+    /**
+     * The content of the tooltip, can be a string or a TemplateRef.
+     * If the value is falsy, the tooltip will not be shown.
+     * @alias ngnTooltip
+     */
+    readonly content: _angular_core.InputSignal<string | TemplateRef<unknown> | null | undefined>;
+    /**
+     * The CSS class to apply to the tooltip.
+     * This can be used to apply custom styles to the tooltip.
+     * @alias ngnTooltipStyleClass
+     */
+    readonly styleClass: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * If set to `true`, the tooltip will only be shown if the anchor element is truncated. `""` is equivalent to `true`.
+     * @alias ngnTooltipShowOnlyIfTruncated
+     * @default false
+     */
+    readonly showOnlyIfTruncated: _angular_core.InputSignal<boolean | "">;
+    /**
+     * The size constraints for the tooltip.
+     * This can be used to limit the width and height of the tooltip.
+     * If not provided, the tooltip is only constrained by the size of the screen.
+     * @alias ngnTooltipSize
+     */
+    readonly size: _angular_core.InputSignal<PositioningSizeConstraints | null | undefined>;
+    /**
+     * The options for the tooltip.
+     * This is a shorthand for setting multiple options at once.
+     * The individual options take precedence over the options set here.
+     * @alias ngnTooltipOptions
+     */
+    readonly options: _angular_core.InputSignal<Partial<TooltipOptions> | null | undefined>;
+    /**
+     * The placement of the tooltip relative to the anchor element.
+     * @alias ngnTooltipPlacement
+     * @default 'bottom'
+     */
+    readonly placement: _angular_core.InputSignal<Placement | null | undefined>;
+    /**
+     * The offset in Pixels of the tooltip from the anchor element.
+     * @alias ngnTooltipOffset
+     * @default 4
+     */
+    readonly offset: _angular_core.InputSignal<number | null | undefined>;
+    /**
+     * The delay before the tooltip is shown. If a number is provided, it is interpreted as milliseconds.
+     * @alias ngnTooltipShowDelay
+     * @default '0.5s'
+     */
+    readonly showDelay: _angular_core.InputSignal<TimeSpan | null | undefined>;
+    /**
+     * The delay before the tooltip is hidden. If a number is provided, it is interpreted as milliseconds.
+     * @alias ngnTooltipHideDelay
+     * @default '0.1s'
+     */
+    readonly hideDelay: _angular_core.InputSignal<TimeSpan | null | undefined>;
+    /**
+     * Whether to show an arrow pointing to the anchor element. `""` is equivalent to `true`.
+     * @alias ngnTooltipShowArrow
+     * @default true
+     */
+    readonly showArrow: _angular_core.InputSignal<boolean | "" | null | undefined>;
+    /**
+     * Shows the tooltip on hover.
+     * @alias ngnTooltipShowOnHover
+     * @default true
+     */
+    readonly showOnHover: _angular_core.InputSignal<boolean | "" | null | undefined>;
+    /**
+     * Shows the tooltip on focus.
+     * @alias ngnTooltipShowOnFocus
+     * @default true
+     */
+    readonly showOnFocus: _angular_core.InputSignal<boolean | "" | null | undefined>;
+    /**
+     * Hides the tooltip (without delay) when the mouse hovers over the tooltip.
+     * @alias ngnTooltipHideOnTooltipHover
+     * @default false
+     */
+    readonly hideOnTooltipHover: _angular_core.InputSignal<boolean | "" | null | undefined>;
+    /**
+     * Hides the tooltip (without delay) when the user clicks on the tooltip.
+     * @alias ngnTooltipHideOnClick
+     * @default true
+     */
+    readonly hideOnClick: _angular_core.InputSignal<boolean | "" | null | undefined>;
+    readonly effectiveOptions: _angular_core.Signal<TooltipOptions>;
+    readonly tooltip: _angular_core.Signal<TooltipComponent | undefined>;
+    constructor();
+    ngOnDestroy(): void;
+    show(): void;
+    hide(): void;
+    protected onMouseEnter(): void;
+    protected onMouseLeave(): void;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    private getTooltip;
+    private updateContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgnTooltip, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgnTooltip, "[ngnTooltip]", ["ngnTooltip"], { "content": { "alias": "ngnTooltip"; "required": false; "isSignal": true; }; "styleClass": { "alias": "ngnTooltipStyleClass"; "required": false; "isSignal": true; }; "showOnlyIfTruncated": { "alias": "ngnTooltipShowOnlyIfTruncated"; "required": false; "isSignal": true; }; "size": { "alias": "ngnTooltipSize"; "required": false; "isSignal": true; }; "options": { "alias": "ngnTooltipOptions"; "required": false; "isSignal": true; }; "placement": { "alias": "ngnTooltipPlacement"; "required": false; "isSignal": true; }; "offset": { "alias": "ngnTooltipOffset"; "required": false; "isSignal": true; }; "showDelay": { "alias": "ngnTooltipShowDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "ngnTooltipHideDelay"; "required": false; "isSignal": true; }; "showArrow": { "alias": "ngnTooltipShowArrow"; "required": false; "isSignal": true; }; "showOnHover": { "alias": "ngnTooltipShowOnHover"; "required": false; "isSignal": true; }; "showOnFocus": { "alias": "ngnTooltipShowOnFocus"; "required": false; "isSignal": true; }; "hideOnTooltipHover": { "alias": "ngnTooltipHideOnTooltipHover"; "required": false; "isSignal": true; }; "hideOnClick": { "alias": "ngnTooltipHideOnClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class TooltipComponent extends NgnBase<'tooltip'> {
+    private _showHideTimeout?;
+    protected readonly theme: _ngneers_controls_api_ng.ControlTemplateInfo<_ngneers_controls_themes.ControlTemplate<"tooltip", ["root", "content", "text", "with-arrow", "closing", "top", "bottom", "left", "right", "start", "end"], readonly _ngneers_controls_themes.ControlTemplate<string, string[], readonly any[]>[]>>;
+    private readonly _config;
+    /**
+     * The anchor element to which the tooltip is attached.
+     */
+    readonly anchor: _angular_core.InputSignal<HTMLElement>;
+    /**
+     * The text content of the tooltip.
+     */
+    readonly text: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * The content template of the tooltip.
+     */
+    readonly content: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    /**
+     * If set to `true`, the tooltip will only be shown if the anchor element is truncated. `""` is equivalent to `true`.
+     * @default `false`
+     */
+    readonly showOnlyIfTruncated: _angular_core.InputSignal<boolean | "">;
+    /**
+     * The size constraints for the tooltip.
+     * This can be used to limit the width and height of the tooltip.
+     * If not provided, the tooltip is only constrained by the size of the screen.
+     */
+    readonly size: _angular_core.InputSignal<PositioningSizeConstraints | null | undefined>;
+    /**
+     * The options for the tooltip.
+     *
+     */
+    readonly options: _angular_core.InputSignal<TooltipOptions>;
+    protected readonly showDelayMs: _angular_core.Signal<number>;
+    protected readonly hideDelayMs: _angular_core.Signal<number>;
+    protected readonly position: _angular_core.WritableSignal<{
+        x: number;
+        y: number;
+    }>;
+    protected readonly positionClass: _angular_core.WritableSignal<string>;
+    protected readonly relativeAnchorElementPosition: _angular_core.WritableSignal<RelativeAnchorElementPositionData | undefined>;
+    private readonly _isShown;
+    private readonly _isClosing;
+    readonly id: string;
+    readonly isShown: _angular_core.Signal<boolean>;
+    readonly isClosing: _angular_core.Signal<boolean>;
+    private readonly _defaultContentTemplate;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    private readonly _autoPos;
+    constructor();
+    show(skipDelay?: boolean): void;
+    hide(skipDelay?: boolean): void;
+    protected onMouseEnter(): void;
+    protected onMouseLeave(): void;
+    protected onClick(event: PointerEvent): void;
+    protected onDocumentKeyDown(event: KeyboardEvent): void;
+    protected onShow(): void;
+    protected onHide(): void;
+    protected onToggle(event: Event): void;
+    protected toPixels(value: number | undefined): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "ngn-tooltip", never, { "anchor": { "alias": "anchor"; "required": true; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "showOnlyIfTruncated": { "alias": "showOnlyIfTruncated"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { NgnTooltip, TooltipComponent };

package/types/ngneers-controls-utils-ng.d.ts

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { Signal, ProviderToken, EffectRef, InputSignal, InputSignalWithTransform, Injector } from '@angular/core';
+import { NgnGlobalType } from '@ngneers/controls/utils';
+
+declare function classSignal(element: HTMLElement, klass: Signal<string | string[]>): void;
+
+declare function generateElementId(): string;
+
+declare class NgnGlobal implements NgnGlobalType {
+    private readonly _window;
+    constructor();
+    get nextElementId(): number;
+    set nextElementId(value: number);
+    get fancyLogging(): boolean;
+    set fancyLogging(value: boolean);
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgnGlobal, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NgnGlobal>;
+}
+
+declare function injectOrThrow<T>(token: ProviderToken<T>, moduleName: string, errorMsg: string): T;
+
+declare function signalWithPrevious<T>(signal: Signal<T>, previous?: T): Signal<{
+    current: T;
+    previous: T | undefined;
+}>;
+declare function computedWithPrevious<T>(computeFn: (prev?: T) => T, previous?: T): Signal<T>;
+declare function effectWithPrevious<T>(signal: Signal<T>, effectFn: (current: T, previous: T | undefined) => void): EffectRef;
+declare function explicitEffect<T extends readonly Signal<any>[]>(signals: [...T], effectFn: (values: {
+    [K in keyof T]: T[K] extends Signal<infer U> ? U : never;
+}) => void): EffectRef;
+declare function explicitAfterRenderEffect<T extends readonly Signal<any>[]>(signals: [...T], effectFn: (values: {
+    [K in keyof T]: T[K] extends Signal<infer U> ? U : never;
+}) => void): EffectRef;
+declare function asyncComputed<T>(computeFn: () => Promise<T>, initial: T): {
+    (): T;
+    isRunning: Signal<boolean>;
+    firstRunCompleted: Signal<boolean>;
+};
+declare function setInputSignalValue<T>(input: InputSignal<T> | InputSignalWithTransform<T, unknown>, value: T): void;
+declare function afterRenderComputed<T>(computeFn: () => T, defaultValue: T): () => T;
+declare function debounceSignal<T>(input: Signal<T>, delayMs: (() => number) | number): Signal<T>;
+
+type NgnStateStorage = 'local' | 'session';
+declare function loadState<T>(storage: NgnStateStorage, key: string): T | null;
+declare function saveState<T>(storage: NgnStateStorage, key: string, state: T | null): void;
+type RegisterStateOptions<T> = {
+    storage: () => NgnStateStorage;
+    key: () => string | null | undefined;
+    valueFn: (previousState: T | null) => T | null;
+    onLoad: (state: T | null) => T | null;
+    debounce?: number;
+    injector?: Injector;
+};
+declare function registerState<T>(options: RegisterStateOptions<T>): void;
+
+export { NgnGlobal, afterRenderComputed, asyncComputed, classSignal, computedWithPrevious, debounceSignal, effectWithPrevious, explicitAfterRenderEffect, explicitEffect, generateElementId, injectOrThrow, loadState, registerState, saveState, setInputSignalValue, signalWithPrevious };
+export type { NgnStateStorage, RegisterStateOptions };

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

@@ -0,0 +1,130 @@
+declare function toggleClass(element: HTMLElement, className: string | string[], state: boolean): void;
+
+declare function areObjectsDeepEqual<T extends object>(a: T, b: T): boolean;
+declare function areArraysDeepEqual<T>(a: readonly T[], b: readonly T[]): boolean;
+
+declare function throwExp(moduleName: string, errorMsg: string, ...additionalContext: unknown[]): never;
+declare class NgnError extends Error {
+    readonly additionalContext?: unknown[];
+    constructor(area: string, errorMsg: string, ...additionalContext: unknown[]);
+}
+
+declare function maybeCallback<T>(value: T | (() => T)): T;
+
+declare function fuzzyMatch(input: string, search: string): boolean;
+
+declare const globalPropertyName = "__ngn-controls-global__";
+interface NgnGlobalType {
+    nextElementId: number;
+    fancyLogging: boolean;
+}
+declare global {
+    interface Window {
+        [globalPropertyName]: NgnGlobalType;
+    }
+}
+
+type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+declare const Logger: {
+    logLevel: LogLevel;
+    debug(...args: unknown[]): void;
+    info(...args: unknown[]): void;
+    warn(...args: unknown[]): void;
+    error(...args: unknown[]): void;
+};
+
+declare function notNullish<T>(value: T | null | undefined): value is T;
+
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type SubKey<P, K> = [P] extends [never] ? K : P extends string ? K extends string ? `${P}.${K}` : K : K;
+type DeepPartial<T, Exclude extends string = never, P = never> = T extends object ? SubKey<P, '*'> extends Exclude ? T : Prettify<{
+    [K in keyof T as SubKey<P, K> extends Exclude ? never : K]?: DeepPartial<T[K], Exclude, SubKey<P, K>>;
+} & {
+    [K in keyof T as SubKey<P, K> extends Exclude ? K : never]: DeepPartial<T[K], Exclude, SubKey<P, K>>;
+}> : T;
+/**
+ * Returns all keys of a type T.
+ * If T is a union, returns all keys from all union members.
+ */
+type AllKeysOfUnion<T> = T extends any ? keyof T : never;
+/**
+ * Angular fills unspecified generic inputs with `any`.
+ * This replaces that `any` with a `Default` type, or returns `T` if `T` is not `any`.
+ */
+type InputGeneric<T, Default> = symbol extends T ? Default : T;
+
+declare function deepCopy<T>(obj: T): T extends ReadonlyArray<infer U> ? Array<U> : T;
+declare function objectKeys<T extends object>(obj: T): (keyof T)[];
+declare function objectEntries<T extends object>(obj: T): [keyof T, T[keyof T]][];
+declare function isObject(item: unknown): item is Record<string, unknown>;
+declare function deepMerge<T extends Record<string, unknown>, U extends Record<string, unknown>>(target: T, source: U): T & U;
+declare function getPropertyIfExists<T extends object, K extends AllKeysOfUnion<T>>(obj: T, key: K): T[K] | undefined;
+
+declare function getScrollTop(elementOffsetTop: number, elementHeight: number, containerHeight: number, currentScrollTop: number, behavior: ScrollLogicalPosition): number;
+
+/**
+ * Represents a time span that can be expressed in various formats:
+ * - As a number (milliseconds)
+ * - As a string in the format "XdXhXmXsXms" where each part is optional (e.g., "1d2h30m45s500ms" or "2h15m")
+ * - As an object with properties for days, hours, minutes, seconds, and milliseconds
+ * @example
+ * ```typescript
+ * // As a number
+ * const duration1: TimeSpan = 5000;
+ * // As a string
+ * const duration2: TimeSpan = "1d2h30m45s500ms";
+ * // As an object
+ * const duration3: TimeSpan = { days: 1, hours: 2, minutes: 30, seconds: 45, milliseconds: 500 };
+ * ```
+ */
+type TimeSpan = number | `${`${number}d` | ''}${`${number}h` | ''}${`${number}m` | ''}${`${number}s` | ''}${`${number}ms` | ''}` | {
+    /**
+     * Number of days in the time span.
+     */
+    days?: number;
+    /**
+     * Number of hours in the time span.
+     */
+    hours?: number;
+    /**
+     * Number of minutes in the time span.
+     */
+    minutes?: number;
+    /**
+     * Number of seconds in the time span.
+     */
+    seconds?: number;
+    /**
+     * Number of milliseconds in the time span.
+     */
+    milliseconds?: number;
+};
+/**
+ * Checks if the provided value is a valid TimeSpan.
+ * @param value The value to check.
+ * @returns `true` if the value is a valid TimeSpan, otherwise `false`.
+ */
+declare function isTimeSpan(value: unknown): value is TimeSpan;
+/**
+ * Converts a TimeSpan to milliseconds.
+ * @param timeSpan The TimeSpan to convert.
+ * @returns The equivalent time span in milliseconds.
+ */
+declare function getTimeSpanMilliseconds(timeSpan: TimeSpan): number;
+/**
+ * Converts a TimeSpan to a string representation.
+ * @param timeSpan The TimeSpan to convert.
+ * @returns A string representation of the time span.
+ */
+declare function getTimeSpanString(timeSpan: TimeSpan): string;
+/**
+ * Converts a TimeSpan to an object representation.
+ * @param timeSpan The TimeSpan to convert.
+ * @returns An object representation of the time span with properties for days, hours, minutes, seconds, and milliseconds.
+ */
+declare function getTimeSpan(timeSpan: TimeSpan): TimeSpan & object;
+
+export { Logger, NgnError, areArraysDeepEqual, areObjectsDeepEqual, deepCopy, deepMerge, fuzzyMatch, getPropertyIfExists, getScrollTop, getTimeSpan, getTimeSpanMilliseconds, getTimeSpanString, globalPropertyName, isObject, isTimeSpan, maybeCallback, notNullish, objectEntries, objectKeys, throwExp, toggleClass };
+export type { AllKeysOfUnion, DeepPartial, InputGeneric, LogLevel, NgnGlobalType, Prettify, TimeSpan };

package/api/index.d.ts

@@ -1,134 +0,0 @@
-import * as i0 from '@angular/core';
-import { Signal, ElementRef, Type, Provider, Injector } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { FormFieldBase } from '@ngneers/controls/form-field';
-
-declare function elementSizeSignal(element: HTMLElement): Signal<{
-    width: number;
-    height: number;
-}>;
-
-declare class GetElementRef {
-    readonly elementRef: ElementRef<any>;
-    readonly nativeElement: any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GetElementRef, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<GetElementRef, "[ngnElementRef]", ["ngnElementRef"], {}, {}, never, never, true, never>;
-}
-
-type PredefinedFilterFunctions = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'fuzzy';
-type FilterConfigInternal<T extends object> = FilterConfig<T> & {
-    filterFieldsCallback: (item: T) => string | string[];
-    fieldItems?: keyof T;
-};
-type FilterConfig<T extends object> = {
-    splitWords?: boolean;
-    caseSensitive?: boolean;
-    filterFn?: FilterFn<T>;
-};
-type FilterFn<T extends object> = PredefinedFilterFunctions | ((value: string, item: T) => Promise<boolean> | boolean);
-declare function filterOptions<T extends object>(options: T[], filterText: string, filterOptions: FilterConfigInternal<T>): Promise<readonly T[]>;
-
-declare function valueControlBaseProvider<T extends Type<ValueControlBase<any>>>(type: T): {
-    provide: typeof NG_VALUE_ACCESSOR;
-    useExisting: T;
-    multi: boolean;
-};
-declare abstract class ValueControlBase<T> implements FormFieldBase, ControlValueAccessor {
-    readonly label: i0.InputSignal<string | null>;
-    readonly inputId: i0.InputSignal<string>;
-    protected readonly value: i0.WritableSignal<T | null>;
-    writeValue(value: T | null): void;
-    private _onChange;
-    registerOnChange(fn: (value: T | null) => void): void;
-    private _onTouched;
-    registerOnTouched(fn: () => void): void;
-    protected onTouched(): void;
-    protected onChange(value: T): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ValueControlBase<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValueControlBase<any>, "ng-component", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare function provideNgnControls(): Provider[];
-
-declare class NgnTemplate<T> {
-    readonly ngnTemplate: i0.InputSignal<T>;
-    static ngTemplateContextGuard<T>(dir: NgnTemplate<T>, ctx: unknown): ctx is T;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NgnTemplate<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgnTemplate<any>, "ng-template[ngnTemplate]", never, { "ngnTemplate": { "alias": "ngnTemplate"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-/**
- * A noop with return type T.
- * This function is used to define typed properties to use in a template.
- */
-declare function templateTypesFn<T extends Record<string, Record<string, any>>>(): T;
-/**
- * A noop with return type `{ $implicit: Implicit } & Named`.
- * This function is used to define a typed property to use in a template.
- */
-declare function templateTypeFn<Implicit, Named extends Record<string, any> = object>(): {
-    $implicit: Implicit;
-} & Named;
-
-type NgnItem<T = any, K extends keyof T = any> = {
-    data?: T;
-    label: string;
-    value: T[K];
-    testId?: string;
-    items?: NgnItem<T, K>[];
-};
-type NgnItemFields<T, K extends keyof T> = {
-    label: keyof T;
-    value: K;
-    testId?: keyof T;
-    groupItems?: keyof T;
-};
-declare function transformToNgnItem<T extends object, K extends keyof T>(item: T, fields: NgnItemFields<T, K>): NgnItem<T, K>;
-declare function transformToNgnItems<T extends object, K extends keyof T>(items: readonly T[], fields: {
-    label: keyof T;
-    value: K;
-    testId?: keyof T;
-    groupItems?: keyof T;
-}): NgnItem<T, K>[];
-declare function mapToItems(items: readonly NgnItem[]): NgnItem[];
-declare function flatItems(items: readonly NgnItem[]): NgnItem[];
-
-type PositioningSizeConstraints = {
-    /**
-     * The width of the floating element. When a number is provided, it is relative to the width of the reference element.
-     * When a string is provided, it is used as the CSS width value.
-     */
-    width?: number | string;
-    /**
-     * The maximum width of the floating element. When a number is provided, it is relative to the width of the reference element.
-     * When a string is provided, it is used as the CSS max-width value.
-     */
-    maxWidth?: number | string;
-    /**
-     * The height of the floating element. When a string is provided, it is used as the CSS height value.
-     */
-    height?: string;
-    /**
-     * The maximum height of the floating element. When a string is provided, it is used as the CSS max-height value.
-     */
-    maxHeight?: string;
-};
-type PositioningOptions = {
-    injector?: Injector;
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    flip?: boolean;
-    resize?: boolean;
-    shift?: boolean;
-    offset?: number;
-    stopped?: boolean;
-    sizeConstraints?: PositioningSizeConstraints;
-};
-type AutoPositioningHandle = {
-    stop: () => void;
-    start: () => void;
-    isRunning: () => boolean;
-};
-declare function positionElement(referenceEl: HTMLElement, floatingEl: HTMLElement, options?: PositioningOptions): void;
-declare function autoPositionElement(referenceEl: HTMLElement, floatingEl: HTMLElement, options?: PositioningOptions): AutoPositioningHandle;
-
-export { GetElementRef, NgnTemplate, ValueControlBase, autoPositionElement, elementSizeSignal, filterOptions, flatItems, mapToItems, positionElement, provideNgnControls, templateTypeFn, templateTypesFn, transformToNgnItem, transformToNgnItems, valueControlBaseProvider };
-export type { AutoPositioningHandle, FilterConfig, FilterConfigInternal, FilterFn, NgnItem, NgnItemFields, PositioningOptions, PositioningSizeConstraints, PredefinedFilterFunctions };

package/custom-types/index.d.ts

@@ -1,7 +0,0 @@
-interface NgnCustomTypes {
-}
-type IconType = NgnCustomTypes extends {
-    icon: infer T;
-} ? T : string;
-
-export type { IconType, NgnCustomTypes };

package/dialog/index.d.ts

@@ -1,43 +0,0 @@
-import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
-
-declare abstract class DialogTemplates {
-    private readonly _defaultHeaderTemplate;
-    private readonly _userHeaderTemplate;
-    readonly templateHeader: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
-    private readonly _defaultFooterTemplate;
-    private readonly _userFooterTemplate;
-    readonly templateFooter: _angular_core.InputSignal<TemplateRef<unknown> | null>;
-    protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
-    /**
-     * Types for the dialog templates.
-     */
-    readonly templateTypes: {
-        header: {
-            headerId: string;
-            title: string | null;
-        };
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogTemplates, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogTemplates, "ng-component", never, { "templateHeader": { "alias": "templateHeader"; "required": false; "isSignal": true; }; "templateFooter": { "alias": "templateFooter"; "required": false; "isSignal": true; }; }, {}, ["_userHeaderTemplate", "_userFooterTemplate"], never, true, never>;
-}
-
-declare class Dialog extends DialogTemplates {
-    protected readonly headerId: string;
-    private readonly _dialogElement;
-    protected readonly lazyContent: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly open: _angular_core.InputSignal<boolean>;
-    readonly cache: _angular_core.InputSignal<boolean>;
-    readonly modal: _angular_core.InputSignal<boolean>;
-    readonly autofocus: _angular_core.InputSignal<boolean>;
-    readonly title: _angular_core.InputSignal<string | null>;
-    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
-    readonly closed: _angular_core.OutputEmitterRef<void>;
-    constructor();
-    protected onCancel(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "ngn-dialog", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "cache": { "alias": "cache"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["lazyContent"], ["*"], true, never>;
-}
-
-export { Dialog };

package/fesm2022/ngneers-controls-custom-types.mjs

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-//# sourceMappingURL=ngneers-controls-custom-types.mjs.map

package/fesm2022/ngneers-controls-custom-types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngneers-controls-custom-types.mjs","sources":["../../../packages/controls/src/custom-types/ngneers-controls-custom-types.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/ngneers-controls-form-field.mjs

@@ -1,33 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, forwardRef, Component } from '@angular/core';
-
-const FORM_FIELD = new InjectionToken('FormField');
-class FormField {
-    _parentFormField = inject(FORM_FIELD, { optional: true, skipSelf: true });
-    hasParentFormField = !!this._parentFormField;
-    label = input(null);
-    inputId = input(null);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: FormField, isStandalone: true, selector: "ngn-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
-            {
-                provide: FORM_FIELD,
-                useExisting: forwardRef(() => FormField),
-            },
-        ], ngImport: i0, template: "<div [class.ngn-form-field]=\"!hasParentFormField\">\r\n  @if (label(); as label) {\r\n    <label [for]=\"inputId()\">{{ label }}</label>\r\n  }\r\n  <ng-content />\r\n</div>\r\n", styles: [".ngn-form-field{border:2px solid black}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FormField, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngn-form-field', providers: [
-                        {
-                            provide: FORM_FIELD,
-                            useExisting: forwardRef(() => FormField),
-                        },
-                    ], template: "<div [class.ngn-form-field]=\"!hasParentFormField\">\r\n  @if (label(); as label) {\r\n    <label [for]=\"inputId()\">{{ label }}</label>\r\n  }\r\n  <ng-content />\r\n</div>\r\n", styles: [".ngn-form-field{border:2px solid black}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FormField };
-//# sourceMappingURL=ngneers-controls-form-field.mjs.map

package/fesm2022/ngneers-controls-form-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngneers-controls-form-field.mjs","sources":["../../../packages/controls/src/form-field/form-field.ts","../../../packages/controls/src/form-field/form-field.html","../../../packages/controls/src/form-field/ngneers-controls-form-field.ts"],"sourcesContent":["import { Component, forwardRef, inject, InjectionToken, input } from '@angular/core';\r\n\r\nimport { FormFieldBase } from './form-field-base';\r\n\r\nconst FORM_FIELD = new InjectionToken<FormField>('FormField');\r\n\r\n@Component({\r\n  selector: 'ngn-form-field',\r\n  templateUrl: './form-field.html',\r\n  styles: `\r\n    .ngn-form-field {\r\n      border: 2px solid black;\r\n    }\r\n  `,\r\n  providers: [\r\n    {\r\n      provide: FORM_FIELD,\r\n      useExisting: forwardRef(() => FormField),\r\n    },\r\n  ],\r\n})\r\nexport class FormField implements FormFieldBase {\r\n  private readonly _parentFormField = inject(FORM_FIELD, { optional: true, skipSelf: true });\r\n  protected readonly hasParentFormField = !!this._parentFormField;\r\n\r\n  public readonly label = input<string | null>(null);\r\n  public readonly inputId = input<string | null>(null);\r\n}\r\n","<div [class.ngn-form-field]=\"!hasParentFormField\">\r\n  @if (label(); as label) {\r\n    <label [for]=\"inputId()\">{{ label }}</label>\r\n  }\r\n  <ng-content />\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAIA,MAAM,UAAU,GAAG,IAAI,cAAc,CAAY,WAAW,CAAC;MAiBhD,SAAS,CAAA;AACH,IAAA,gBAAgB,GAAG,MAAM,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACvE,IAAA,kBAAkB,GAAG,CAAC,CAAC,IAAI,CAAC,gBAAgB;AAE/C,IAAA,KAAK,GAAG,KAAK,CAAgB,IAAI,CAAC;AAClC,IAAA,OAAO,GAAG,KAAK,CAAgB,IAAI,CAAC;uGALzC,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAPT;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,UAAU;AACnB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,SAAS,CAAC;AACzC,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBH,oLAMA,EAAA,MAAA,EAAA,CAAA,2CAAA,CAAA,EAAA,CAAA;;2FDea,SAAS,EAAA,UAAA,EAAA,CAAA;kBAfrB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,SAAA,EAOf;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,UAAU;AACnB,4BAAA,WAAW,EAAE,UAAU,CAAC,eAAe,CAAC;AACzC,yBAAA;AACF,qBAAA,EAAA,QAAA,EAAA,oLAAA,EAAA,MAAA,EAAA,CAAA,2CAAA,CAAA,EAAA;;;AEnBH;;AAEG;;;;"}

package/fesm2022/ngneers-controls-lazy-cacher.mjs

@@ -1,30 +0,0 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, signal, effect, Component } from '@angular/core';
-
-class LazyCacher {
-    lazyContent = input(undefined);
-    open = input(false);
-    cache = input(false);
-    hasBeenOpened = signal(false);
-    constructor() {
-        effect(() => {
-            if (this.open()) {
-                this.hasBeenOpened.set(true);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LazyCacher, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: LazyCacher, isStandalone: true, selector: "ngn-lazy-cacher", inputs: { lazyContent: { classPropertyName: "lazyContent", publicName: "lazyContent", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (lazyContent()) {\r\n  @if (open() || (cache() && hasBeenOpened())) {\r\n    <ng-container *ngTemplateOutlet=\"lazyContent()\"></ng-container>\r\n  }\r\n} @else {\r\n  <ng-content></ng-content>\r\n}\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: LazyCacher, decorators: [{
-            type: Component,
-            args: [{ selector: 'ngn-lazy-cacher', imports: [NgTemplateOutlet], template: "@if (lazyContent()) {\r\n  @if (open() || (cache() && hasBeenOpened())) {\r\n    <ng-container *ngTemplateOutlet=\"lazyContent()\"></ng-container>\r\n  }\r\n} @else {\r\n  <ng-content></ng-content>\r\n}\r\n" }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LazyCacher };
-//# sourceMappingURL=ngneers-controls-lazy-cacher.mjs.map

package/fesm2022/ngneers-controls-lazy-cacher.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngneers-controls-lazy-cacher.mjs","sources":["../../../packages/controls/src/lazy-cacher/lazy-cacher.ts","../../../packages/controls/src/lazy-cacher/lazy-cacher.html","../../../packages/controls/src/lazy-cacher/ngneers-controls-lazy-cacher.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, effect, input, signal, TemplateRef } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ngn-lazy-cacher',\r\n  templateUrl: './lazy-cacher.html',\r\n  imports: [NgTemplateOutlet],\r\n})\r\nexport class LazyCacher {\r\n  public readonly lazyContent = input<TemplateRef<unknown> | undefined | null>(undefined);\r\n  public readonly open = input<boolean>(false);\r\n  public readonly cache = input<boolean>(false);\r\n\r\n  protected readonly hasBeenOpened = signal(false);\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      if (this.open()) {\r\n        this.hasBeenOpened.set(true);\r\n      }\r\n    });\r\n  }\r\n}\r\n","@if (lazyContent()) {\r\n  @if (open() || (cache() && hasBeenOpened())) {\r\n    <ng-container *ngTemplateOutlet=\"lazyContent()\"></ng-container>\r\n  }\r\n} @else {\r\n  <ng-content></ng-content>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,UAAU,CAAA;AACL,IAAA,WAAW,GAAG,KAAK,CAA0C,SAAS,CAAC;AACvE,IAAA,IAAI,GAAG,KAAK,CAAU,KAAK,CAAC;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAU,KAAK,CAAC;AAE1B,IAAA,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;AAEhD,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;AACf,gBAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC;;AAEhC,SAAC,CAAC;;uGAZO,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECRvB,gNAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAEf,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAElB,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,gNAAA,EAAA;;;AEN7B;;AAEG;;;;"}