@ngneers/controls 0.0.1-pre1

package/api/index.d.ts

@@ -0,0 +1,134 @@
+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

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

package/dialog/index.d.ts

@@ -0,0 +1,43 @@
+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-api.mjs

@@ -0,0 +1,318 @@
+import * as i0 from '@angular/core';
+import { signal, inject, DestroyRef, ElementRef, Directive, input, Component } from '@angular/core';
+import { fuzzyMatch, notNullish, generateElementId, NgnGlobal } from '@ngneers/controls/utils';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { flip, shift, computePosition, offset, size, autoUpdate } from '@floating-ui/dom';
+
+function elementSizeSignal(element) {
+    const sizeSignal = signal({
+        width: element.clientWidth,
+        height: element.clientHeight,
+    });
+    const destroyRef = inject(DestroyRef);
+    if (typeof ResizeObserver === 'undefined') {
+        return sizeSignal; // ResizeObserver is not supported, return initial size
+    }
+    const resizeObserver = new ResizeObserver(entries => {
+        const firstEntry = entries[0];
+        sizeSignal.set({
+            width: firstEntry.contentRect.width,
+            height: firstEntry.contentRect.height,
+        });
+    });
+    resizeObserver.observe(element);
+    destroyRef.onDestroy(() => {
+        resizeObserver.disconnect();
+    });
+    return sizeSignal;
+}
+
+class GetElementRef {
+    elementRef = inject(ElementRef);
+    nativeElement = this.elementRef.nativeElement;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GetElementRef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: GetElementRef, isStandalone: true, selector: "[ngnElementRef]", exportAs: ["ngnElementRef"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: GetElementRef, decorators: [{
+            type: Directive,
+            args: [{ selector: '[ngnElementRef]', exportAs: 'ngnElementRef' }]
+        }] });
+
+async function filterItem(item, filterText, options) {
+    const text = options.caseSensitive ? filterText : filterText.toLowerCase();
+    const filterFieldsCallbackResult = options.filterFieldsCallback?.(item);
+    const fields = Array.isArray(filterFieldsCallbackResult)
+        ? filterFieldsCallbackResult
+        : [filterFieldsCallbackResult];
+    const words = options.splitWords ? text.split(/\s+/) : [text];
+    const itemDoesMatch = (await Promise.all(fields.map(async (field) => {
+        const value = String(field);
+        const valueStr = options.caseSensitive ? value : value.toLowerCase();
+        return await itemMatches(words, options, valueStr, item);
+    }))).some(result => result);
+    if (itemDoesMatch) {
+        return item;
+    }
+    if (!options.fieldItems) {
+        return null;
+    }
+    const childItems = item[options.fieldItems];
+    if (!childItems || !Array.isArray(childItems) || childItems.length === 0) {
+        return null;
+    }
+    const matchingChildren = await filterOptions(childItems, filterText, options);
+    if (matchingChildren.length > 0) {
+        return {
+            ...item,
+            [options.fieldItems]: matchingChildren,
+        };
+    }
+    return null;
+}
+async function itemMatches(words, filterOptions, itemString, item) {
+    const results = await Promise.all(words.map(async (word) => {
+        switch (filterOptions.filterFn ?? 'contains') {
+            case 'contains':
+                return itemString.includes(word);
+            case 'startsWith':
+                return itemString.startsWith(word);
+            case 'endsWith':
+                return itemString.endsWith(word);
+            case 'equals':
+                return itemString === word;
+            case 'fuzzy':
+                return fuzzyMatch(itemString, word);
+            default:
+                if (typeof filterOptions.filterFn !== 'function') {
+                    throw new Error(`Invalid filter function: ${filterOptions.filterFn}. Expected a function or one of the predefined filter functions.`);
+                }
+                return await filterOptions.filterFn(word, item);
+        }
+    }));
+    return results.some(result => result);
+}
+async function filterOptions(options, filterText, filterOptions) {
+    if (!filterText) {
+        return options;
+    }
+    return (await Promise.all(options.map(async (option) => await filterItem(option, filterText, filterOptions)))).filter(notNullish);
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function valueControlBaseProvider(type) {
+    return {
+        provide: NG_VALUE_ACCESSOR,
+        useExisting: type,
+        multi: true,
+    };
+}
+class ValueControlBase {
+    label = input(null);
+    inputId = input(generateElementId());
+    value = signal(null);
+    writeValue(value) {
+        this.value.set(value ?? null);
+    }
+    _onChange = () => { };
+    registerOnChange(fn) {
+        this._onChange = fn;
+    }
+    _onTouched = () => { };
+    registerOnTouched(fn) {
+        this._onTouched = fn;
+    }
+    onTouched() {
+        this._onTouched();
+    }
+    onChange(value) {
+        this._onChange(value ?? null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ValueControlBase, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", type: ValueControlBase, isStandalone: true, selector: "ng-component", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ValueControlBase, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    imports: [],
+                }]
+        }] });
+
+function provideNgnControls() {
+    return [NgnGlobal];
+}
+
+class NgnTemplate {
+    ngnTemplate = input.required();
+    static ngTemplateContextGuard(dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NgnTemplate, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: NgnTemplate, isStandalone: true, selector: "ng-template[ngnTemplate]", inputs: { ngnTemplate: { classPropertyName: "ngnTemplate", publicName: "ngnTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NgnTemplate, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[ngnTemplate]',
+                }]
+        }] });
+/**
+ * A noop with return type T.
+ * This function is used to define typed properties to use in a template.
+ */
+function templateTypesFn() {
+    return {};
+}
+/**
+ * A noop with return type `{ $implicit: Implicit } & Named`.
+ * This function is used to define a typed property to use in a template.
+ */
+function templateTypeFn() {
+    return {};
+}
+
+function transformToNgnItem(item, fields) {
+    const rawItems = fields.groupItems ? item[fields.groupItems] : undefined;
+    if (rawItems && !Array.isArray(rawItems)) {
+        throw new Error(`Expected groupItems to be an array, but got ${typeof rawItems} for item: ${JSON.stringify(item)}`);
+    }
+    const items = rawItems?.length
+        ? transformToNgnItems(rawItems, fields)
+        : undefined;
+    return {
+        data: item,
+        label: item[fields.label],
+        value: item[fields.value],
+        testId: fields.testId ? item[fields.testId] : undefined,
+        items: items,
+    };
+}
+function transformToNgnItems(items, fields) {
+    return items.map(item => transformToNgnItem(item, fields));
+}
+function mapToItems(items) {
+    return items
+        .map(item => {
+        if (item.items) {
+            return item.items;
+        }
+        return [item];
+    })
+        .flat();
+}
+function flatItems(items) {
+    return items
+        .map(item => {
+        if (item.items) {
+            return [item, ...item.items];
+        }
+        return [item];
+    })
+        .flat();
+}
+
+function mergeWithDefaults(options) {
+    return {
+        placement: 'bottom',
+        flip: true,
+        resize: true,
+        shift: true,
+        offset: 4,
+        stopped: false,
+        ...options,
+    };
+}
+function positionElement(referenceEl, floatingEl, options = {}) {
+    options = mergeWithDefaults(options);
+    const flipMiddleware = options.flip
+        ? flip(options.shift ? { crossAxis: 'alignment', fallbackAxisSideDirection: 'end' } : undefined)
+        : undefined;
+    const shiftMiddleware = options.shift ? shift() : undefined;
+    if (options.sizeConstraints) {
+        if (options.sizeConstraints.width || options.sizeConstraints.maxWidth) {
+            const refWidth = referenceEl.offsetWidth;
+            if (options.sizeConstraints.width) {
+                if (typeof options.sizeConstraints.width === 'string') {
+                    floatingEl.style.width = options.sizeConstraints.width;
+                }
+                else {
+                    const widthConstraints = options.sizeConstraints.width * refWidth;
+                    floatingEl.style.width = `min(100%, ${widthConstraints}px)`;
+                }
+            }
+            if (options.sizeConstraints.maxWidth) {
+                if (typeof options.sizeConstraints.maxWidth === 'string') {
+                    floatingEl.style.maxWidth = options.sizeConstraints.maxWidth;
+                }
+                else {
+                    const maxWidthConstraints = options.sizeConstraints.maxWidth * refWidth;
+                    floatingEl.style.maxWidth = `min(100%, ${maxWidthConstraints}px)`;
+                }
+            }
+        }
+        if (options.sizeConstraints.height || options.sizeConstraints.maxHeight) {
+            if (options.sizeConstraints.height) {
+                floatingEl.style.height = options.sizeConstraints.height;
+            }
+            if (options.sizeConstraints.maxHeight) {
+                floatingEl.style.maxHeight = options.sizeConstraints.maxHeight;
+            }
+        }
+    }
+    computePosition(referenceEl, floatingEl, {
+        placement: options.placement,
+        middleware: [
+            options.offset ? offset(options.offset) : undefined,
+            ...(options.placement?.includes('-')
+                ? [flipMiddleware, shiftMiddleware]
+                : [shiftMiddleware, flipMiddleware]),
+            options.resize
+                ? size({
+                    apply({ availableHeight }) {
+                        Object.assign(floatingEl.style, {
+                            maxHeight: `${Math.min(Number(options.sizeConstraints?.maxHeight ?? availableHeight), availableHeight)}px`,
+                        });
+                    },
+                })
+                : undefined,
+        ].filter(Boolean),
+    }).then(({ x, y }) => {
+        Object.assign(floatingEl.style, {
+            left: `${x}px`,
+            top: `${y}px`,
+        });
+    });
+}
+function autoPositionElement(referenceEl, floatingEl, options = {}) {
+    options = mergeWithDefaults(options);
+    let cleanup;
+    const destroyRef = options.injector?.get(DestroyRef) ?? inject(DestroyRef);
+    function startAutoUpdate() {
+        cleanup = autoUpdate(referenceEl, floatingEl, () => {
+            positionElement(referenceEl, floatingEl, options);
+        });
+        return cleanup;
+    }
+    destroyRef.onDestroy(() => {
+        cleanup?.();
+        cleanup = undefined;
+    });
+    return {
+        start: () => {
+            cleanup?.();
+            startAutoUpdate();
+        },
+        stop: () => {
+            cleanup?.();
+            cleanup = undefined;
+        },
+        isRunning: () => !!cleanup,
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GetElementRef, NgnTemplate, ValueControlBase, autoPositionElement, elementSizeSignal, filterOptions, flatItems, mapToItems, positionElement, provideNgnControls, templateTypeFn, templateTypesFn, transformToNgnItem, transformToNgnItems, valueControlBaseProvider };
+//# sourceMappingURL=ngneers-controls-api.mjs.map

package/fesm2022/ngneers-controls-api.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-api.mjs","sources":["../../../packages/controls/src/api/dom.ts","../../../packages/controls/src/api/element-ref.ts","../../../packages/controls/src/api/filtering.ts","../../../packages/controls/src/api/value-control-base.ts","../../../packages/controls/src/api/provider.ts","../../../packages/controls/src/api/template.ts","../../../packages/controls/src/api/ngn-items.ts","../../../packages/controls/src/api/positioning.ts","../../../packages/controls/src/api/ngneers-controls-api.ts"],"sourcesContent":["import { DestroyRef, inject, signal, Signal } from '@angular/core';\r\n\r\nexport function elementSizeSignal(element: HTMLElement): Signal<{ width: number; height: number }> {\r\n  const sizeSignal = signal<{ width: number; height: number }>({\r\n    width: element.clientWidth,\r\n    height: element.clientHeight,\r\n  });\r\n\r\n  const destroyRef = inject(DestroyRef);\r\n  if (typeof ResizeObserver === 'undefined') {\r\n    return sizeSignal; // ResizeObserver is not supported, return initial size\r\n  }\r\n  const resizeObserver = new ResizeObserver(entries => {\r\n    const firstEntry = entries[0];\r\n    sizeSignal.set({\r\n      width: firstEntry.contentRect.width,\r\n      height: firstEntry.contentRect.height,\r\n    });\r\n  });\r\n  resizeObserver.observe(element);\r\n  destroyRef.onDestroy(() => {\r\n    resizeObserver.disconnect();\r\n  });\r\n  return sizeSignal;\r\n}\r\n","import { Directive, ElementRef, inject } from '@angular/core';\r\n\r\n@Directive({ selector: '[ngnElementRef]', exportAs: 'ngnElementRef' })\r\nexport class GetElementRef {\r\n  public readonly elementRef = inject(ElementRef);\r\n  public readonly nativeElement = this.elementRef.nativeElement;\r\n}\r\n","import { fuzzyMatch, notNullish } from '@ngneers/controls/utils';\r\n\r\nexport type PredefinedFilterFunctions = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'fuzzy';\r\n\r\nexport type FilterConfigInternal<T extends object> = FilterConfig<T> & {\r\n  filterFieldsCallback: (item: T) => string | string[];\r\n  fieldItems?: keyof T;\r\n};\r\n\r\nexport type FilterConfig<T extends object> = {\r\n  splitWords?: boolean;\r\n  caseSensitive?: boolean;\r\n  filterFn?: FilterFn<T>;\r\n};\r\n\r\nexport type FilterFn<T extends object> =\r\n  | PredefinedFilterFunctions\r\n  | ((value: string, item: T) => Promise<boolean> | boolean);\r\n\r\nasync function filterItem<T extends object>(\r\n  item: T,\r\n  filterText: string,\r\n  options: FilterConfigInternal<T>\r\n): Promise<T | null> {\r\n  const text = options.caseSensitive ? filterText : filterText.toLowerCase();\r\n  const filterFieldsCallbackResult = options.filterFieldsCallback?.(item);\r\n  const fields = Array.isArray(filterFieldsCallbackResult)\r\n    ? filterFieldsCallbackResult\r\n    : [filterFieldsCallbackResult];\r\n  const words = options.splitWords ? text.split(/\\s+/) : [text];\r\n\r\n  const itemDoesMatch = (\r\n    await Promise.all(\r\n      fields.map(async field => {\r\n        const value = String(field);\r\n        const valueStr = options.caseSensitive ? value : value.toLowerCase();\r\n        return await itemMatches<T>(words, options, valueStr, item);\r\n      })\r\n    )\r\n  ).some(result => result);\r\n  if (itemDoesMatch) {\r\n    return item;\r\n  }\r\n  if (!options.fieldItems) {\r\n    return null;\r\n  }\r\n  const childItems = item[options.fieldItems] as T[];\r\n  if (!childItems || !Array.isArray(childItems) || childItems.length === 0) {\r\n    return null;\r\n  }\r\n  const matchingChildren = await filterOptions(childItems, filterText, options);\r\n  if (matchingChildren.length > 0) {\r\n    return {\r\n      ...item,\r\n      [options.fieldItems]: matchingChildren,\r\n    };\r\n  }\r\n  return null;\r\n}\r\n\r\nasync function itemMatches<T extends object>(\r\n  words: string[],\r\n  filterOptions: FilterConfigInternal<T>,\r\n  itemString: string,\r\n  item: T\r\n): Promise<boolean> {\r\n  const results = await Promise.all(\r\n    words.map(async word => {\r\n      switch (filterOptions.filterFn ?? 'contains') {\r\n        case 'contains':\r\n          return itemString.includes(word);\r\n        case 'startsWith':\r\n          return itemString.startsWith(word);\r\n        case 'endsWith':\r\n          return itemString.endsWith(word);\r\n        case 'equals':\r\n          return itemString === word;\r\n        case 'fuzzy':\r\n          return fuzzyMatch(itemString, word);\r\n        default:\r\n          if (typeof filterOptions.filterFn !== 'function') {\r\n            throw new Error(\r\n              `Invalid filter function: ${filterOptions.filterFn}. Expected a function or one of the predefined filter functions.`\r\n            );\r\n          }\r\n          return await filterOptions.filterFn(word, item);\r\n      }\r\n    })\r\n  );\r\n  return results.some(result => result);\r\n}\r\n\r\nexport async function filterOptions<T extends object>(\r\n  options: T[],\r\n  filterText: string,\r\n  filterOptions: FilterConfigInternal<T>\r\n): Promise<readonly T[]> {\r\n  if (!filterText) {\r\n    return options;\r\n  }\r\n  return (\r\n    await Promise.all(\r\n      options.map(async option => await filterItem(option, filterText, filterOptions))\r\n    )\r\n  ).filter(notNullish);\r\n}\r\n","import { Component, input, signal, Type } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\nimport { FormFieldBase } from '@ngneers/controls/form-field';\r\nimport { generateElementId } from '@ngneers/controls/utils';\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nexport function valueControlBaseProvider<T extends Type<ValueControlBase<any>>>(\r\n  type: T\r\n): { provide: typeof NG_VALUE_ACCESSOR; useExisting: T; multi: boolean } {\r\n  return {\r\n    provide: NG_VALUE_ACCESSOR,\r\n    useExisting: type,\r\n    multi: true,\r\n  };\r\n}\r\n\r\n@Component({\r\n  template: '',\r\n  imports: [],\r\n})\r\nexport abstract class ValueControlBase<T> implements FormFieldBase, ControlValueAccessor {\r\n  public readonly label = input<string | null>(null);\r\n  public readonly inputId = input<string>(generateElementId());\r\n\r\n  protected readonly value = signal<T | null>(null);\r\n\r\n  public writeValue(value: T | null): void {\r\n    this.value.set(value ?? null);\r\n  }\r\n  private _onChange: (_: T | null) => void = () => {};\r\n  public registerOnChange(fn: (value: T | null) => void): void {\r\n    this._onChange = fn;\r\n  }\r\n  private _onTouched: () => void = () => {};\r\n  public registerOnTouched(fn: () => void): void {\r\n    this._onTouched = fn;\r\n  }\r\n\r\n  protected onTouched() {\r\n    this._onTouched();\r\n  }\r\n\r\n  protected onChange(value: T) {\r\n    this._onChange(value ?? null);\r\n  }\r\n}\r\n","import { Provider } from '@angular/core';\nimport { NgnGlobal } from '@ngneers/controls/utils';\n\nexport function provideNgnControls(): Provider[] {\n  return [NgnGlobal];\n}\n","import { Directive, input } from '@angular/core';\n\n@Directive({\n  selector: 'ng-template[ngnTemplate]',\n})\nexport class NgnTemplate<T> {\n  public readonly ngnTemplate = input.required<T>();\n\n  public static ngTemplateContextGuard<T>(dir: NgnTemplate<T>, ctx: unknown): ctx is T {\n    return true;\n  }\n}\n\n/**\n * A noop with return type T.\n * This function is used to define typed properties to use in a template.\n */\nexport function templateTypesFn<T extends Record<string, Record<string, any>>>() {\n  return {} as T;\n}\n\n/**\n * A noop with return type `{ $implicit: Implicit } & Named`.\n * This function is used to define a typed property to use in a template.\n */\nexport function templateTypeFn<Implicit, Named extends Record<string, any> = object>() {\n  return {} as { $implicit: Implicit } & Named;\n}\n","export type NgnItem<T = any, K extends keyof T = any> = {\r\n  data?: T;\r\n  label: string;\r\n  value: T[K];\r\n  testId?: string;\r\n  items?: NgnItem<T, K>[];\r\n};\r\n\r\nexport type NgnItemFields<T, K extends keyof T> = {\r\n  label: keyof T;\r\n  value: K;\r\n  testId?: keyof T;\r\n  groupItems?: keyof T;\r\n};\r\n\r\nexport function transformToNgnItem<T extends object, K extends keyof T>(\r\n  item: T,\r\n  fields: NgnItemFields<T, K>\r\n): NgnItem<T, K> {\r\n  const rawItems = fields.groupItems ? item[fields.groupItems] : undefined;\r\n  if (rawItems && !Array.isArray(rawItems)) {\r\n    throw new Error(\r\n      `Expected groupItems to be an array, but got ${typeof rawItems} for item: ${JSON.stringify(item)}`\r\n    );\r\n  }\r\n  const items = (rawItems as T[])?.length\r\n    ? transformToNgnItems(rawItems as T[], fields)\r\n    : undefined;\r\n  return {\r\n    data: item,\r\n    label: item[fields.label] as string,\r\n    value: item[fields.value],\r\n    testId: fields.testId ? (item[fields.testId] as string) : undefined,\r\n    items: items,\r\n  };\r\n}\r\n\r\nexport function transformToNgnItems<T extends object, K extends keyof T>(\r\n  items: readonly T[],\r\n  fields: {\r\n    label: keyof T;\r\n    value: K;\r\n    testId?: keyof T;\r\n    groupItems?: keyof T;\r\n  }\r\n): NgnItem<T, K>[] {\r\n  return items.map(item => transformToNgnItem(item, fields));\r\n}\r\n\r\nexport function mapToItems(items: readonly NgnItem[]): NgnItem[] {\r\n  return items\r\n    .map(item => {\r\n      if (item.items) {\r\n        return item.items;\r\n      }\r\n      return [item];\r\n    })\r\n    .flat();\r\n}\r\n\r\nexport function flatItems(items: readonly NgnItem[]): NgnItem[] {\r\n  return items\r\n    .map(item => {\r\n      if (item.items) {\r\n        return [item, ...item.items];\r\n      }\r\n      return [item];\r\n    })\r\n    .flat();\r\n}\r\n","import { DestroyRef, inject, Injector } from '@angular/core';\r\nimport { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom';\r\n\r\nexport type PositioningSizeConstraints = {\r\n  /**\r\n   * The width of the floating element. When a number is provided, it is relative to the width of the reference element.\r\n   * When a string is provided, it is used as the CSS width value.\r\n   */\r\n  width?: number | string;\r\n  /**\r\n   * The maximum width of the floating element. When a number is provided, it is relative to the width of the reference element.\r\n   * When a string is provided, it is used as the CSS max-width value.\r\n   */\r\n  maxWidth?: number | string;\r\n  /**\r\n   * The height of the floating element. When a string is provided, it is used as the CSS height value.\r\n   */\r\n  height?: string;\r\n  /**\r\n   * The maximum height of the floating element. When a string is provided, it is used as the CSS max-height value.\r\n   */\r\n  maxHeight?: string;\r\n};\r\n\r\nexport type PositioningOptions = {\r\n  injector?: Injector;\r\n  placement?: 'top' | 'bottom' | 'left' | 'right';\r\n  flip?: boolean;\r\n  resize?: boolean;\r\n  shift?: boolean;\r\n  offset?: number;\r\n  stopped?: boolean;\r\n  sizeConstraints?: PositioningSizeConstraints;\r\n};\r\n\r\nexport type AutoPositioningHandle = {\r\n  stop: () => void;\r\n  start: () => void;\r\n  isRunning: () => boolean;\r\n};\r\n\r\nfunction mergeWithDefaults(options: PositioningOptions): PositioningOptions {\r\n  return {\r\n    placement: 'bottom',\r\n    flip: true,\r\n    resize: true,\r\n    shift: true,\r\n    offset: 4,\r\n    stopped: false,\r\n    ...options,\r\n  };\r\n}\r\n\r\nexport function positionElement(\r\n  referenceEl: HTMLElement,\r\n  floatingEl: HTMLElement,\r\n  options: PositioningOptions = {}\r\n) {\r\n  options = mergeWithDefaults(options);\r\n\r\n  const flipMiddleware = options.flip\r\n    ? flip(options.shift ? { crossAxis: 'alignment', fallbackAxisSideDirection: 'end' } : undefined)\r\n    : undefined;\r\n  const shiftMiddleware = options.shift ? shift() : undefined;\r\n\r\n  if (options.sizeConstraints) {\r\n    if (options.sizeConstraints.width || options.sizeConstraints.maxWidth) {\r\n      const refWidth = referenceEl.offsetWidth;\r\n      if (options.sizeConstraints.width) {\r\n        if (typeof options.sizeConstraints.width === 'string') {\r\n          floatingEl.style.width = options.sizeConstraints.width;\r\n        } else {\r\n          const widthConstraints = options.sizeConstraints.width * refWidth;\r\n          floatingEl.style.width = `min(100%, ${widthConstraints}px)`;\r\n        }\r\n      }\r\n      if (options.sizeConstraints.maxWidth) {\r\n        if (typeof options.sizeConstraints.maxWidth === 'string') {\r\n          floatingEl.style.maxWidth = options.sizeConstraints.maxWidth;\r\n        } else {\r\n          const maxWidthConstraints = options.sizeConstraints.maxWidth * refWidth;\r\n          floatingEl.style.maxWidth = `min(100%, ${maxWidthConstraints}px)`;\r\n        }\r\n      }\r\n    }\r\n    if (options.sizeConstraints.height || options.sizeConstraints.maxHeight) {\r\n      if (options.sizeConstraints.height) {\r\n        floatingEl.style.height = options.sizeConstraints.height;\r\n      }\r\n      if (options.sizeConstraints.maxHeight) {\r\n        floatingEl.style.maxHeight = options.sizeConstraints.maxHeight;\r\n      }\r\n    }\r\n  }\r\n\r\n  computePosition(referenceEl, floatingEl, {\r\n    placement: options.placement,\r\n    middleware: [\r\n      options.offset ? offset(options.offset) : undefined,\r\n      ...(options.placement?.includes('-')\r\n        ? [flipMiddleware, shiftMiddleware]\r\n        : [shiftMiddleware, flipMiddleware]),\r\n      options.resize\r\n        ? size({\r\n            apply({ availableHeight }) {\r\n              Object.assign(floatingEl.style, {\r\n                maxHeight: `${Math.min(Number(options.sizeConstraints?.maxHeight ?? availableHeight), availableHeight)}px`,\r\n              });\r\n            },\r\n          })\r\n        : undefined,\r\n    ].filter(Boolean),\r\n  }).then(({ x, y }) => {\r\n    Object.assign(floatingEl.style, {\r\n      left: `${x}px`,\r\n      top: `${y}px`,\r\n    });\r\n  });\r\n}\r\n\r\nexport function autoPositionElement(\r\n  referenceEl: HTMLElement,\r\n  floatingEl: HTMLElement,\r\n  options: PositioningOptions = {}\r\n): AutoPositioningHandle {\r\n  options = mergeWithDefaults(options);\r\n\r\n  let cleanup: (() => void) | undefined;\r\n  const destroyRef = options.injector?.get(DestroyRef) ?? inject(DestroyRef);\r\n\r\n  function startAutoUpdate() {\r\n    cleanup = autoUpdate(referenceEl, floatingEl, () => {\r\n      positionElement(referenceEl, floatingEl, options);\r\n    });\r\n    return cleanup;\r\n  }\r\n\r\n  destroyRef.onDestroy(() => {\r\n    cleanup?.();\r\n    cleanup = undefined;\r\n  });\r\n  return {\r\n    start: () => {\r\n      cleanup?.();\r\n      startAutoUpdate();\r\n    },\r\n    stop: () => {\r\n      cleanup?.();\r\n      cleanup = undefined;\r\n    },\r\n    isRunning: () => !!cleanup,\r\n  };\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"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-dialog.mjs

@@ -0,0 +1,74 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, contentChild, input, computed, Component, output, afterRenderEffect, untracked, ChangeDetectionStrategy } from '@angular/core';
+import { templateTypesFn, NgnTemplate } from '@ngneers/controls/api';
+import { LazyCacher } from '@ngneers/controls/lazy-cacher';
+import { generateElementId } from '@ngneers/controls/utils';
+
+class DialogTemplates {
+    _defaultHeaderTemplate = viewChild.required('defaultHeaderTemplate');
+    _userHeaderTemplate = contentChild('header');
+    templateHeader = input(null);
+    headerTemplate = computed(() => this._userHeaderTemplate() ?? this.templateHeader() ?? this._defaultHeaderTemplate());
+    _defaultFooterTemplate = viewChild.required('defaultFooterTemplate');
+    _userFooterTemplate = contentChild('footer');
+    templateFooter = input(null);
+    footerTemplate = computed(() => this._userFooterTemplate() ?? this.templateFooter() ?? this._defaultFooterTemplate());
+    /**
+     * Types for the dialog templates.
+     */
+    templateTypes = templateTypesFn();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogTemplates, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.5", type: DialogTemplates, isStandalone: true, selector: "ng-component", inputs: { templateHeader: { classPropertyName: "templateHeader", publicName: "templateHeader", isSignal: true, isRequired: false, transformFunction: null }, templateFooter: { classPropertyName: "templateFooter", publicName: "templateFooter", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userHeaderTemplate", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "_userFooterTemplate", first: true, predicate: ["footer"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultHeaderTemplate", first: true, predicate: ["defaultHeaderTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultFooterTemplate", first: true, predicate: ["defaultFooterTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DialogTemplates, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
+class Dialog extends DialogTemplates {
+    headerId = generateElementId();
+    _dialogElement = viewChild.required('dialog');
+    lazyContent = contentChild('lazy');
+    open = input(true);
+    cache = input(false);
+    modal = input(false);
+    autofocus = input(this.modal());
+    title = input(null);
+    closeOnEscape = input(true);
+    closed = output();
+    constructor() {
+        super();
+        afterRenderEffect(() => {
+            if (this.open()) {
+                if (untracked(this.modal)) {
+                    this._dialogElement().nativeElement.showModal();
+                }
+                else {
+                    this._dialogElement().nativeElement.show();
+                }
+            }
+            else {
+                this._dialogElement().nativeElement.close();
+            }
+        });
+    }
+    onCancel() {
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: Dialog, isStandalone: true, selector: "ngn-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, queries: [{ propertyName: "lazyContent", first: true, predicate: ["lazy"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_dialogElement", first: true, predicate: ["dialog"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<dialog\n  #dialog\n  [attr.closedby]=\"closeOnEscape() ? 'closerequest' : 'none'\"\n  [autofocus]=\"autofocus()\"\n  [attr.aria-labelledby]=\"headerId\"\n  (cancel)=\"onCancel()\"\n>\n  <header>\n    <ng-template\n      [ngTemplateOutlet]=\"headerTemplate()\"\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\n    ></ng-template>\n  </header>\n\n  <ngn-lazy-cacher [lazyContent]=\"lazyContent()\" [open]=\"open()\" [cache]=\"cache()\">\n    <ng-content />\n  </ngn-lazy-cacher>\n\n  <footer>\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\n  </footer>\n</dialog>\n\n<ng-template\n  #defaultHeaderTemplate\n  [ngnTemplate]=\"templateTypes.header\"\n  let-headerId=\"headerId\"\n  let-title=\"title\"\n>\n  @if (title) {\n    <h2 [id]=\"headerId\">{{ title }}</h2>\n  }\n</ng-template>\n\n<ng-template #defaultFooterTemplate></ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: LazyCacher, selector: "ngn-lazy-cacher", inputs: ["lazyContent", "open", "cache"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: Dialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-dialog', imports: [NgTemplateOutlet, NgnTemplate, LazyCacher], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- eslint-disable @angular-eslint/template/no-autofocus -->\n<dialog\n  #dialog\n  [attr.closedby]=\"closeOnEscape() ? 'closerequest' : 'none'\"\n  [autofocus]=\"autofocus()\"\n  [attr.aria-labelledby]=\"headerId\"\n  (cancel)=\"onCancel()\"\n>\n  <header>\n    <ng-template\n      [ngTemplateOutlet]=\"headerTemplate()\"\n      [ngTemplateOutletContext]=\"{ headerId, title: title() }\"\n    ></ng-template>\n  </header>\n\n  <ngn-lazy-cacher [lazyContent]=\"lazyContent()\" [open]=\"open()\" [cache]=\"cache()\">\n    <ng-content />\n  </ngn-lazy-cacher>\n\n  <footer>\n    <ng-template [ngTemplateOutlet]=\"footerTemplate()\"></ng-template>\n  </footer>\n</dialog>\n\n<ng-template\n  #defaultHeaderTemplate\n  [ngnTemplate]=\"templateTypes.header\"\n  let-headerId=\"headerId\"\n  let-title=\"title\"\n>\n  @if (title) {\n    <h2 [id]=\"headerId\">{{ title }}</h2>\n  }\n</ng-template>\n\n<ng-template #defaultFooterTemplate></ng-template>\n" }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Dialog };
+//# sourceMappingURL=ngneers-controls-dialog.mjs.map