@odx/angular 12.26.0 → 13.0.0

package/cdk/active-indicator/lib/models/active-indicator-direction.d.ts

@@ -1,5 +0,0 @@
-export type ActiveIndicatorDirection = typeof ActiveIndicatorDirection[keyof typeof ActiveIndicatorDirection];
-export declare const ActiveIndicatorDirection: {
-    readonly HORIZONTAL: "horizontal";
-    readonly VERTICAL: "vertical";
-};

package/cdk/active-indicator/lib/models/active-indicator-position.d.ts

@@ -1,6 +0,0 @@
-export type ActiveIndicatorPosition = typeof ActiveIndicatorPosition[keyof typeof ActiveIndicatorPosition];
-export declare const ActiveIndicatorPosition: {
-    readonly START: "start";
-    readonly CENTER: "center";
-    readonly END: "end";
-};

package/cdk/active-indicator/lib/models/index.d.ts

@@ -1,2 +0,0 @@
-export * from './active-indicator-direction';
-export * from './active-indicator-position';

package/cdk/autocomplete-control/lib/autocomplete-control.d.ts

@@ -1,144 +0,0 @@
-import { ActiveDescendantKeyManager, Highlightable } from '@angular/cdk/a11y';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
-import { StringifyFn } from '@odx/angular';
-import { CustomFormControl, InputControlDirective } from '@odx/angular/cdk/custom-form-control';
-import { OptionControl } from '@odx/angular/cdk/option-control';
-import { DropdownDirective } from '@odx/angular/components/dropdown';
-import { FormFieldComponent } from '@odx/angular/components/form-field';
-import * as i0 from "@angular/core";
-/**
- * `AutocompleteControl` is a base directive to enhance an input field with autocomplete functionality,
- * providing keyboard navigation and selection for options displayed in a dropdown. It's designed to be extended
- * for specific implementations.
- * Extends `CustomFormControl` to provide form control behavior and state management.
- *
- * @see {CustomFormControl}
- *
- * This directive manages the open/close state of the dropdown, the loading state indication, and the interaction between
- * the autocomplete input and the dropdown options. It utilizes `ActiveDescendantKeyManager` for keyboard navigation among options.
- *
- * Extend this directive to create a fully functional autocomplete control tailored to your data type and UI requirements.
- *
- * @template T - The type of the items displayed in the autocomplete dropdown.
- */
-export declare abstract class AutocompleteControl<T> extends CustomFormControl<T | null> implements AfterViewInit {
-    protected abstract readonly options?: QueryList<OptionControl<T>>;
-    protected readonly changeDetector: ChangeDetectorRef;
-    protected readonly formField: FormFieldComponent | null;
-    protected readonly takeUntilDestroyed: <T_1>() => import("rxjs").MonoTypeOperatorFunction<T_1>;
-    protected keyManager?: ActiveDescendantKeyManager<Highlightable>;
-    protected smoothScrollEnabled: boolean;
-    protected readonly dropdown?: DropdownDirective;
-    abstract searchField?: InputControlDirective;
-    readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    get dropdownReferenceElement(): HTMLElement;
-    get hasOptions(): boolean;
-    get isOpen(): boolean;
-    isLoading: boolean;
-    /**
-     * A function that converts an item of type T to a string representation.
-     * Used by the AutocompleteControl component to display the selected item.
-     *
-     * @type {StringifyFn<T>}
-     *
-     * @example
-     * ```ts
-     * // Define a stringify function for a custom type Person
-     * const stringifyPerson: StringifyFn<Person> = (person) => `${person.firstName} ${person.lastName}`;
-     *
-     * // Assign the stringify function to the AutocompleteControl
-     * autocompleteControl.stringify = stringifyPerson;
-     * ```
-     */
-    stringify?: StringifyFn<T>;
-    /**
-     * Emits the selected option when an option is selected from the dropdown.
-     *
-     * @emits {T} - The selected option.
-     *
-     * @example
-     * ```ts
-     * autocompleteControl.optionSelected.subscribe((selectedOption) => {
-     *   console.log('Selected option:', selectedOption);
-     * });
-     * ```
-     */
-    optionSelected: EventEmitter<T>;
-    /**
-     * Event emitted before the dropdown opens.
-     * @emits {void}
-     *
-     * @example
-     * ```html
-     * <odx-select (beforeDropdownOpen)="onBeforeDropdownOpen()">
-     * </odx-select>
-     * ```
-     */
-    beforeDropdownOpen: EventEmitter<void>;
-    /**
-     * Event emitted after the dropdown opened.
-     *
-     * @emits {void}
-     *
-     * @example
-     * ```html
-     * <odx-select (afterDropdownOpen)="onAfterDropdownOpen()">
-     * </odx-select>
-     * ```
-     */
-    afterDropdownOpen: EventEmitter<void>;
-    /**
-     * Event emitted before the dropdown closes.
-     *
-     * @emits {void}
-     *
-     * @example
-     * ```html
-     * <odx-select (beforeDropdownClose)="onBeforeDropdownClose()">
-     * </odx-select>
-     * ```
-     */
-    beforeDropdownClose: EventEmitter<void>;
-    /**
-     * Event emitted after the dropdown closed.
-     *
-     * @emits {void}
-     *
-     * @example
-     * ```html
-     * <odx-select (afterDropdownClose)="onAfterDropdownClose()">
-     * </odx-select>
-     * ```
-     */
-    afterDropdownClose: EventEmitter<void>;
-    constructor();
-    ngAfterViewInit(): void;
-    /**
-     * Scrolls the specified option element into view.
-     * @param {OptionControl<T>} option - The option control containing the element to scroll into view.
-     * @returns {void}
-     *
-     * @example
-     * ```ts
-     * const optionControl: OptionControl<string> = { element: myOptionElement };
-     * scrollOptionIntoView(optionControl);
-     * ```
-     */
-    scrollOptionIntoView({ element }: OptionControl<T>): void;
-    protected abstract handleQueryListOption(options: QueryList<OptionControl<T>>): void;
-    protected abstract handleSearchFieldChanges(): void;
-    protected abstract activateSelectedOption(): void;
-    protected initKeyManager(options: Highlightable[]): void;
-    protected disableSmoothScroll(): void;
-    protected enableSmoothScroll(): void;
-    protected openDropdown(): void;
-    protected closeDropdown(): void;
-    protected onDropdownOpen(): void;
-    protected onDropdownOpened(): void;
-    protected onDropdownClose(): void;
-    protected onDropdownClosed(): void;
-    protected handleFocusOut(event: FocusEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteControl<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutocompleteControl<any>, never, never, { "isLoading": { "alias": "isLoading"; "required": false; }; "stringify": { "alias": "stringify"; "required": false; }; }, { "optionSelected": "optionSelected"; "beforeDropdownOpen": "beforeDropdownOpen"; "afterDropdownOpen": "afterDropdownOpen"; "beforeDropdownClose": "beforeDropdownClose"; "afterDropdownClose": "afterDropdownClose"; }, never, never, true, never>;
-    static ngAcceptInputType_isLoading: unknown;
-}

package/cdk/autocomplete-control/lib/directives/highlight-search-result.directive.d.ts

@@ -1,19 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class HighlightSearchDirective {
-    private readonly sanitizer;
-    protected highlightedText: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml>;
-    /**
-     * Search string
-     * @required
-     * @type string
-     */
-    odxHighlightSearch: import("@angular/core").InputSignal<string>;
-    /**
-     * Text to highlight
-     * @required
-     * @type string
-     */
-    text: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HighlightSearchDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HighlightSearchDirective, "odx-highlight", never, { "odxHighlightSearch": { "alias": "odxHighlightSearch"; "required": true; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/cdk/autocomplete-control/lib/directives/index.d.ts

@@ -1 +0,0 @@
-export * from './highlight-search-result.directive';

package/cdk/autocomplete-control/lib/pipes/base-search-filter-pipe.d.ts

@@ -1,24 +0,0 @@
-import { InjectionToken, PipeTransform } from '@angular/core';
-import { StringifyFn, StringSearchHandler } from '@odx/angular';
-import { InputControlDirective } from '@odx/angular/cdk/custom-form-control';
-interface HostController {
-    searchField?: InputControlDirective;
-    stringify?: StringifyFn<unknown>;
-}
-interface SearchFilterPipeOptions<T> {
-    searchHandler?: StringSearchHandler;
-    stringify?: StringifyFn<T>;
-}
-export declare const ODX_SEARCH_FILTER_HOST: InjectionToken<HostController>;
-export declare abstract class BaseSearchFilterPipe implements PipeTransform {
-    private readonly stringSearchHandler;
-    private readonly defaultStringify;
-    protected readonly hostController: HostController | null;
-    protected get searchField(): InputControlDirective | undefined;
-    protected get stringify(): StringifyFn<unknown>;
-    transform<T>(items: T[] | null, optionsOrHandler?: SearchFilterPipeOptions<T> | StringSearchHandler): T[] | null;
-    protected queryHandler(query: string): string;
-    private filter;
-    private isStringSearchHandler;
-}
-export {};

package/cdk/autocomplete-control/lib/pipes/index.d.ts

@@ -1 +0,0 @@
-export * from './base-search-filter-pipe';

package/cdk/checkbox-control/lib/checkbox-control.directive.d.ts

@@ -1,37 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
-import * as i0 from "@angular/core";
-/**
- * `CheckBoxControl` is a directive that extends `CustomFormControl` to create a custom checkbox control.
- * It integrates seamlessly with Angular forms and provides additional events and bindings for enhanced
- * functionality.
- */
-export declare class CheckBoxControl extends CustomFormControl<boolean> {
-    readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    set checked(value: boolean);
-    get checked(): boolean;
-    /**
-     * The value of the checkbox control.
-     *
-     * @type {string | null}
-     * @default null
-     */
-    controlValue: string | null;
-    /**
-     * A boolean value when the checked state of the checkbox changes.
-     *
-     * @emits {boolean} - The new checked state of the checkbox.
-     */
-    checkedChange: EventEmitter<boolean>;
-    /**
-     * Aria attribute that represents the checked state of the checkbox.
-     *
-     * @type {string}
-     */
-    get ariaChecked(): string;
-    constructor();
-    onChanged(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckBoxControl, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CheckBoxControl, "[odxCheckBoxControl]", never, { "checked": { "alias": "checked"; "required": false; }; "controlValue": { "alias": "value"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, false, never>;
-    static ngAcceptInputType_checked: unknown;
-}

package/cdk/connected-overlay/lib/connected-overlay.component.d.ts

@@ -1,26 +0,0 @@
-import { ElementRef, Injector, OnChanges, OnDestroy, OnInit } from '@angular/core';
-import { VirtualElement } from '@floating-ui/dom';
-import { NgChanges, Side } from '@odx/angular/utils';
-import { Subject } from 'rxjs';
-import { ConnectedOverlayOptions } from './models';
-import * as i0 from "@angular/core";
-export declare class ConnectedOverlayComponent implements OnInit, OnChanges, OnDestroy {
-    private readonly zone;
-    private positionUpdater;
-    protected readonly injector: Injector;
-    protected overlaySide?: Side;
-    protected contentElement: ElementRef<HTMLElement>;
-    protected arrowElement: ElementRef<HTMLElement>;
-    readonly element: ElementRef<HTMLElement>;
-    referenceElement: VirtualElement;
-    options: ConnectedOverlayOptions;
-    closed: Subject<void>;
-    ngOnInit(): void;
-    ngOnChanges(changes: NgChanges<ConnectedOverlayComponent>): void;
-    ngOnDestroy(): void;
-    private startPositionUpdater;
-    private stopPositionUpdater;
-    private updatePosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectedOverlayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConnectedOverlayComponent, "odx-connected-overlay[popover=\"manual\"]", never, { "referenceElement": { "alias": "referenceElement"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "closed": "closed"; }, never, never, true, never>;
-}

package/cdk/connected-overlay/lib/connected-overlay.service.d.ts

@@ -1,54 +0,0 @@
-import { VirtualElement } from '@floating-ui/dom';
-import { DynamicViewRenderingOptions } from '@odx/angular/cdk/dynamic-view';
-import { ConnectedOverlayOptions, ConnectedOverlayRef } from './models';
-import * as i0 from "@angular/core";
-/**
- * Service for creating and managing connected overlays. These overlays are UI elements such as popovers, tooltips,
- * or dropdown menus that are positioned relative to a reference element in the DOM. This service leverages the `DynamicViewService`
- * for dynamic component rendering and provides a streamlined API for creating overlays with custom positioning and options.
- *
- * Use the `ConnectedOverlayService` to dynamically create an overlay next to a specific element in your Angular application.
- * This example demonstrates creating a connected overlay next to a button element when the button is clicked.
- *
- * @example
- * ```ts
- * import { Component, ElementRef, ViewChild } from '@angular/core';
- * import { ConnectedOverlayService, ConnectedOverlayOptions } from '@odx/angular/cdk/connected-overlay';
- *
- * @Component({
- *   selector: 'app-example',
- *   template: `<button #triggerElement>Click me</button>`,
- * })
- * class AppComponent {
- *   @ViewChild('triggerElement') triggerElementRef!: ElementRef;
- *
- *   constructor(private connectedOverlayService: ConnectedOverlayService) {}
- *
- *   showOverlay(): void {
- *     const options: Partial<ConnectedOverlayOptions> = {
- *       position: 'bottom-start',
- *       showArrow: true,
- *       content: 'Hello, world!',
- *     };
- *
- *     this.connectedOverlayService.createOverlay(this.triggerElementRef.nativeElement, options);
- *   }
- * }
- * ```
- *
- * This service simplifies the process of creating dynamic, positionally aware overlays that enhance the interactivity
- * and visual appeal of Angular applications.
- */
-export declare class ConnectedOverlayService {
-    private readonly dynamicViewService;
-    /**
-     * Creates a connected overlay.
-     * @param referenceElement - The reference element to which the overlay will be connected.
-     * @param options - Optional configuration for the connected overlay.
-     * @param renderingOptions - Optional rendering options for the connected overlay.
-     * @returns {ConnectedOverlayRef} The created Connected Overlay reference instance.
-     */
-    createOverlay(referenceElement: VirtualElement, options?: Partial<ConnectedOverlayOptions>, renderingOptions?: Partial<DynamicViewRenderingOptions>): ConnectedOverlayRef;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectedOverlayService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ConnectedOverlayService>;
-}

package/cdk/connected-overlay/lib/helpers/compute-overlay-position.d.ts

@@ -1,13 +0,0 @@
-import { ComputePositionReturn, VirtualElement } from '@floating-ui/dom';
-import { ConnectedOverlayOptions } from '../models';
-/**
- * Computes the position of an overlay element relative to a reference element.
- *
- * @param referenceElement - The reference element to position the overlay relative to.
- * @param overlayElement - The overlay element to be positioned.
- * @param contentElement - The content element within the overlay.
- * @param arrowElement - The arrow element within the overlay.
- * @param options - The options for positioning the overlay.
- * @returns A promise that resolves to the computed position of the overlay.
- */
-export declare function computeOverlayPosition(referenceElement: VirtualElement, overlayElement: HTMLElement, contentElement: HTMLElement, arrowElement: HTMLElement, options: ConnectedOverlayOptions): Promise<ComputePositionReturn>;

package/cdk/connected-overlay/lib/helpers/index.d.ts

@@ -1 +0,0 @@
-export * from './compute-overlay-position';

package/cdk/connected-overlay/lib/models/connected-overlay-options.d.ts

@@ -1,27 +0,0 @@
-import { Strategy } from '@floating-ui/dom';
-import { DynamicContent } from '@odx/angular/cdk/dynamic-view';
-import { Position } from '@odx/angular/utils';
-export interface ConnectedOverlayOptions {
-    content?: DynamicContent | null;
-    context?: Record<string, unknown>;
-    containerClass?: string | null;
-    hiddenClass: string | null;
-    enableFallback: boolean;
-    fallbackAxisSideDirection: 'start' | 'end';
-    matchReferenceWidth: boolean;
-    minHeight?: number | null;
-    offset: number;
-    outerPadding: number;
-    position: Position;
-    strategy: Strategy;
-    showArrow?: boolean;
-    updateOnAnimationFrame?: boolean;
-    nonInteractive?: boolean;
-    hooks?: {
-        beforeOpen?: () => void;
-        afterOpen?: () => void;
-        beforeClose?: () => void;
-        afterClose?: () => void;
-    };
-}
-export declare const DefaultConnectedOverlayOptions: ConnectedOverlayOptions;

package/cdk/connected-overlay/lib/models/connected-overlay-ref.d.ts

@@ -1,62 +0,0 @@
-import { DynamicViewRef } from '@odx/angular/cdk/dynamic-view';
-import { Observable } from 'rxjs';
-import { ConnectedOverlayComponent } from '../connected-overlay.component';
-import { ConnectedOverlayOptions } from './connected-overlay-options';
-/**
- * A reference to a connected overlay created by the `ConnectedOverlayService`. This class provides methods to interact
- * with the overlay, such as updating its options or closing it. It encapsulates the `DynamicViewRef` for the overlay's instance,
- * allowing for direct manipulation of the overlay's state and behavior.
- *
- * This example demonstrates how to use a `ConnectedOverlayRef` to update and close a connected overlay in response
- * to user interactions.
- *
- * @example
- * ```ts
- * class MyComponent {
- *   private overlayRef?: ConnectedOverlayRef;
- *
- *   constructor(private overlayService: ConnectedOverlayService) {}
- *
- *   openOverlay() {
- *     this.overlayRef = this.overlayService.createOverlay(this.someElementRef.nativeElement, { position: 'bottom' });
- *   }
- *
- *   updateOverlayPosition() {
- *     if (this.overlayRef) {
- *       this.overlayRef.update({ position: 'top' });
- *     }
- *   }
- *
- *   closeOverlay() {
- *     this.overlayRef?.close();
- *   }
- * }
- * ```
- *
- * In this example, `MyComponent` uses the `ConnectedOverlayService` to create an overlay. It stores a reference to
- * the created overlay in `overlayRef`, allowing it to update the overlay's position or close it when necessary.
- */
-export declare class ConnectedOverlayRef {
-    private readonly dynamicViewRef;
-    readonly element: Element;
-    /**
-     * An Observable that emits when the overlay is closed.
-     *
-     * @emits {void} - Emits when the overlay is closed.
-     *
-     */
-    readonly onClose$: Observable<void>;
-    constructor(dynamicViewRef: DynamicViewRef<typeof ConnectedOverlayComponent>);
-    /**
-     * Updates the connected overlay with new options.
-     *
-     * @param options {Partial<ConnectedOverlayOptions>} - The new options to be applied to the connected overlay.
-     */
-    update(options: Partial<ConnectedOverlayOptions>): void;
-    /**
-     * Closes the connected overlay.
-     *
-     * @returns {void}
-     */
-    close(force?: boolean): Promise<void>;
-}

package/cdk/connected-overlay/lib/models/index.d.ts

@@ -1,2 +0,0 @@
-export * from './connected-overlay-options';
-export * from './connected-overlay-ref';

package/cdk/custom-form-control/lib/control.directive.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class ControlDirective {
-    readonly element: import("@angular/core").ElementRef<HTMLElement>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ControlDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ControlDirective, "[odxControl]", ["odxControl"], {}, {}, never, never, true, never>;
-}

package/cdk/custom-form-control/lib/custom-form-control.d.ts

@@ -1,146 +0,0 @@
-import { ControlValueAccessor, NgControl, ValidatorFn } from '@angular/forms';
-import { Controller, DisabledController, ReadonlyController } from '@odx/angular';
-import { ControlDirective } from './control.directive';
-import * as i0 from "@angular/core";
-/**
- * An abstract directive that serves as a base for custom form controls, integrating seamlessly with Angular Forms.
- * It incorporates common form control behaviors such as handling disabled and readonly states, validation, and more.
- *
- * This approach allows the creation of highly reusable and consistent form controls within Angular applications,
- * simplifying the integration with Angular Forms and the handling of common form behaviors.
- *
- * Extends Controller to provide a consistent API for managing state changes and subscriptions.
- *
- * @see {Controller}
- */
-export declare abstract class CustomFormControl<T> extends Controller implements ControlValueAccessor {
-    private static CURRENT_INDEX;
-    private readonly requiredValidator;
-    private internalValue;
-    protected readonly disabledController: DisabledController | null;
-    protected readonly readonlyController: ReadonlyController | null;
-    protected readonly ngControl: NgControl | null;
-    /**
-     * A unique identifier for the custom form control. If not provided, a unique ID is generated automatically.
-     * This can be useful for associating form control with a label.
-     *
-     * @type {string}
-     */
-    id: string | null;
-    /**
-     * The name attribute for the custom form control. Defaults to a unique name if not provided.
-     * This is useful when the form control is part of a form and needs to be identified.
-     *
-     * @type {string}
-     */
-    name: string;
-    /**
-     * The tabindex attribute for the custom form control. Can be used to control the order of focus navigation.
-     *
-     * @type {string | null}
-     */
-    tabindex: string | null;
-    /**
-     * An array of error codes to ignore. If an error code is included in this array, the form control will not
-     * consider it as an error state. Useful for ignoring specific validation errors.
-     *
-     * @type {string[]}
-     */
-    ignoreErrors: string[];
-    required: boolean;
-    /**
-     * The current value of the form control. Setting this value updates the internal state and marks the control
-     * for checking changes. Getting this value returns the current internal value of the control.
-     *
-     * @example
-     * ```ts
-     * this.customInputControl.value = 'newValue'; // Sets the value
-     * const currentValue = this.customInputControl.value; // Gets the current value
-     * ```
-     */
-    set value(value: T);
-    /**
-     * Gets the value of the custom form control.
-     *
-     * @returns {T} - The value of the custom form control.
-     */
-    get value(): T;
-    /**
-     * Indicates whether the form control currently has an error. This takes into account any ignored errors.
-     *
-     * @returns {boolean} - True if the form control has an error, false otherwise.
-     *
-     * @example
-     * ```ts
-     * if (this.customInputControl.hasError) { ... }
-     * ```
-     */
-    get hasError(): boolean;
-    /**
-     * Indicates whether the form control is currently disabled.
-     *
-     * @returns {boolean} - True if the form control is disabled, false otherwise.
-     *
-     * @example
-     * ```ts
-     * if (this.customInputControl.isDisabled) { ... }
-     * ```
-     */
-    get isDisabled(): boolean;
-    /**
-     * Indicates whether the form control is currently in a readonly state.
-     *
-     * @returns {boolean} - True if the form control is readonly, false otherwise.
-     *
-     * @example
-     * ```ts
-     * if (this.customInputControl.isReadonly) { ... }
-     * ```
-     */
-    get isReadonly(): boolean;
-    /**
-     * Indicates whether the form control is marked as required, either through Validators.required, Validators.requiredTrue,
-     * or by a required attribute on a parent form field.
-     *
-     * @returns {boolean} - True if the form control is required, false otherwise.
-     *
-     * @example
-     * ````ts
-     * if (this.customInputControl.isRequired) { ... }
-     * ````
-     */
-    get isRequired(): boolean;
-    /**
-     * A reference to the `ControlDirective` if it exists within the same host. This allows for direct interaction
-     * with the underlying form control directive.
-     *
-     * @type {ControlDirective | null}
-     *
-     * @example
-     * ```ts
-     * this.customInputControl.control?.focus();
-     * ```
-     */
-    readonly control: ControlDirective | null;
-    constructor(initialValue: T);
-    /** @internal */
-    onTouched(): void;
-    /** @internal */
-    onChange(_value: T): void;
-    /** @internal */
-    registerOnChange(fn: (value: T) => void): void;
-    /** @internal */
-    registerOnTouched(fn: () => void): void;
-    /** @internal */
-    setDisabledState(isDisabled: boolean): void;
-    /** @internal */
-    writeValue(value: T): void;
-    /** @internal */
-    updateValue(value: T): void;
-    protected hasValidator(validator: ValidatorFn): boolean;
-    private hasNonIgnoredError;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomFormControl<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomFormControl<any>, never, never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "ignoreErrors": { "alias": "ignoreErrors"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, false, never>;
-    static ngAcceptInputType_ignoreErrors: string | string[];
-    static ngAcceptInputType_required: unknown;
-}