@nanahoshi/mona-ui 0.1.0

package/fesm2022/nanahoshi-mona-ui.mjs

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface of mona-ui
+ */
+var publicApi = void 0;
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=nanahoshi-mona-ui.mjs.map

package/package.json

@@ -0,0 +1,289 @@
+{
+  "name": "@nanahoshi/mona-ui",
+  "version": "0.1.0",
+  "description": "A very light Angular UI framework",
+  "author": "Nanahoshi",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nanahoshi-dev/mona-ui"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/cdk": ">=22.0.0 <24.0.0",
+    "@angular/common": ">=22.0.0 <24.0.0",
+    "@angular/compiler": ">=22.0.0 <24.0.0",
+    "@angular/core": ">=22.0.0 <24.0.0",
+    "@angular/forms": ">=22.0.0 <24.0.0",
+    "@angular/platform-browser": ">=22.0.0 <24.0.0",
+    "@angular/platform-browser-dynamic": ">=22.0.0 <24.0.0",
+    "@angular/router": ">=22.0.0 <24.0.0",
+    "@fortawesome/angular-fontawesome": "^5.0.0",
+    "@tiptap/core": "^3.26.1",
+    "@tiptap/extension-color": "^3.26.1",
+    "@tiptap/extension-font-family": "^3.26.1",
+    "@tiptap/extension-highlight": "^3.26.1",
+    "@tiptap/extension-image": "^3.26.1",
+    "@tiptap/extension-link": "^3.26.1",
+    "@tiptap/extension-subscript": "^3.26.1",
+    "@tiptap/extension-superscript": "^3.26.1",
+    "@tiptap/extension-table": "^3.26.1",
+    "@tiptap/extension-table-cell": "^3.26.1",
+    "@tiptap/extension-table-header": "^3.26.1",
+    "@tiptap/extension-table-row": "^3.26.1",
+    "@tiptap/extension-task-item": "^3.26.1",
+    "@tiptap/extension-task-list": "^3.26.1",
+    "@tiptap/extension-text-align": "^3.26.1",
+    "@tiptap/extension-text-style": "^3.26.1",
+    "@tiptap/extension-underline": "^3.26.1",
+    "@tiptap/pm": "^3.26.1",
+    "@tiptap/starter-kit": "^3.26.1",
+    "rxjs": "^7.8.2"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@lucide/angular": "^1.21.0",
+    "@mirei/ts-collections": "^17.5.6",
+    "class-variance-authority": "^0.7.1",
+    "luxon": "^3.7.2",
+    "remixicon": "^4.9.1",
+    "tailwind-merge": "^3.6.0",
+    "tslib": "^2.8.1",
+    "uuid": "^14.0.0"
+  },
+  "module": "fesm2022/nanahoshi-mona-ui.mjs",
+  "typings": "types/nanahoshi-mona-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/nanahoshi-mona-ui.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui.mjs"
+    },
+    "./auto-complete": {
+      "types": "./types/nanahoshi-mona-ui-auto-complete.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-auto-complete.mjs"
+    },
+    "./avatar": {
+      "types": "./types/nanahoshi-mona-ui-avatar.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-avatar.mjs"
+    },
+    "./breadcrumb": {
+      "types": "./types/nanahoshi-mona-ui-breadcrumb.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-breadcrumb.mjs"
+    },
+    "./button": {
+      "types": "./types/nanahoshi-mona-ui-button.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-button.mjs"
+    },
+    "./button-group": {
+      "types": "./types/nanahoshi-mona-ui-button-group.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-button-group.mjs"
+    },
+    "./calendar": {
+      "types": "./types/nanahoshi-mona-ui-calendar.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-calendar.mjs"
+    },
+    "./check-box": {
+      "types": "./types/nanahoshi-mona-ui-check-box.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-check-box.mjs"
+    },
+    "./chip": {
+      "types": "./types/nanahoshi-mona-ui-chip.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-chip.mjs"
+    },
+    "./circular-progress-bar": {
+      "types": "./types/nanahoshi-mona-ui-circular-progress-bar.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-circular-progress-bar.mjs"
+    },
+    "./color-gradient": {
+      "types": "./types/nanahoshi-mona-ui-color-gradient.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-color-gradient.mjs"
+    },
+    "./color-palette": {
+      "types": "./types/nanahoshi-mona-ui-color-palette.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-color-palette.mjs"
+    },
+    "./color-picker": {
+      "types": "./types/nanahoshi-mona-ui-color-picker.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-color-picker.mjs"
+    },
+    "./combo-box": {
+      "types": "./types/nanahoshi-mona-ui-combo-box.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-combo-box.mjs"
+    },
+    "./common": {
+      "types": "./types/nanahoshi-mona-ui-common.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-common.mjs"
+    },
+    "./contextmenu": {
+      "types": "./types/nanahoshi-mona-ui-contextmenu.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-contextmenu.mjs"
+    },
+    "./date-picker": {
+      "types": "./types/nanahoshi-mona-ui-date-picker.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-date-picker.mjs"
+    },
+    "./datetime-picker": {
+      "types": "./types/nanahoshi-mona-ui-datetime-picker.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-datetime-picker.mjs"
+    },
+    "./dialog": {
+      "types": "./types/nanahoshi-mona-ui-dialog.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-dialog.mjs"
+    },
+    "./dropdown-button": {
+      "types": "./types/nanahoshi-mona-ui-dropdown-button.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-dropdown-button.mjs"
+    },
+    "./dropdown-list": {
+      "types": "./types/nanahoshi-mona-ui-dropdown-list.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-dropdown-list.mjs"
+    },
+    "./dropdowns": {
+      "types": "./types/nanahoshi-mona-ui-dropdowns.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-dropdowns.mjs"
+    },
+    "./editor": {
+      "types": "./types/nanahoshi-mona-ui-editor.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-editor.mjs"
+    },
+    "./expansion-panel": {
+      "types": "./types/nanahoshi-mona-ui-expansion-panel.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-expansion-panel.mjs"
+    },
+    "./fieldset": {
+      "types": "./types/nanahoshi-mona-ui-fieldset.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-fieldset.mjs"
+    },
+    "./filter": {
+      "types": "./types/nanahoshi-mona-ui-filter.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-filter.mjs"
+    },
+    "./grid": {
+      "types": "./types/nanahoshi-mona-ui-grid.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-grid.mjs"
+    },
+    "./list": {
+      "types": "./types/nanahoshi-mona-ui-list.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-list.mjs"
+    },
+    "./list-box": {
+      "types": "./types/nanahoshi-mona-ui-list-box.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-list-box.mjs"
+    },
+    "./list-view": {
+      "types": "./types/nanahoshi-mona-ui-list-view.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-list-view.mjs"
+    },
+    "./menubar": {
+      "types": "./types/nanahoshi-mona-ui-menubar.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-menubar.mjs"
+    },
+    "./multi-select": {
+      "types": "./types/nanahoshi-mona-ui-multi-select.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-multi-select.mjs"
+    },
+    "./notification": {
+      "types": "./types/nanahoshi-mona-ui-notification.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-notification.mjs"
+    },
+    "./numeric-text-box": {
+      "types": "./types/nanahoshi-mona-ui-numeric-text-box.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-numeric-text-box.mjs"
+    },
+    "./pager": {
+      "types": "./types/nanahoshi-mona-ui-pager.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-pager.mjs"
+    },
+    "./placeholder": {
+      "types": "./types/nanahoshi-mona-ui-placeholder.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-placeholder.mjs"
+    },
+    "./popover": {
+      "types": "./types/nanahoshi-mona-ui-popover.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-popover.mjs"
+    },
+    "./popup": {
+      "types": "./types/nanahoshi-mona-ui-popup.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-popup.mjs"
+    },
+    "./popup-menu": {
+      "types": "./types/nanahoshi-mona-ui-popup-menu.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-popup-menu.mjs"
+    },
+    "./progress-bar": {
+      "types": "./types/nanahoshi-mona-ui-progress-bar.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-progress-bar.mjs"
+    },
+    "./radio-button": {
+      "types": "./types/nanahoshi-mona-ui-radio-button.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-radio-button.mjs"
+    },
+    "./scroll-view": {
+      "types": "./types/nanahoshi-mona-ui-scroll-view.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-scroll-view.mjs"
+    },
+    "./slider": {
+      "types": "./types/nanahoshi-mona-ui-slider.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-slider.mjs"
+    },
+    "./split-button": {
+      "types": "./types/nanahoshi-mona-ui-split-button.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-split-button.mjs"
+    },
+    "./splitter": {
+      "types": "./types/nanahoshi-mona-ui-splitter.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-splitter.mjs"
+    },
+    "./stepper": {
+      "types": "./types/nanahoshi-mona-ui-stepper.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-stepper.mjs"
+    },
+    "./switch": {
+      "types": "./types/nanahoshi-mona-ui-switch.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-switch.mjs"
+    },
+    "./tabs": {
+      "types": "./types/nanahoshi-mona-ui-tabs.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-tabs.mjs"
+    },
+    "./text-area": {
+      "types": "./types/nanahoshi-mona-ui-text-area.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-text-area.mjs"
+    },
+    "./text-box": {
+      "types": "./types/nanahoshi-mona-ui-text-box.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-text-box.mjs"
+    },
+    "./theme": {
+      "types": "./types/nanahoshi-mona-ui-theme.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-theme.mjs"
+    },
+    "./time-picker": {
+      "types": "./types/nanahoshi-mona-ui-time-picker.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-time-picker.mjs"
+    },
+    "./time-selector": {
+      "types": "./types/nanahoshi-mona-ui-time-selector.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-time-selector.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/nanahoshi-mona-ui-tooltip.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-tooltip.mjs"
+    },
+    "./tree-view": {
+      "types": "./types/nanahoshi-mona-ui-tree-view.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-tree-view.mjs"
+    },
+    "./window": {
+      "types": "./types/nanahoshi-mona-ui-window.d.ts",
+      "default": "./fesm2022/nanahoshi-mona-ui-window.mjs"
+    }
+  },
+  "sideEffects": false,
+  "type": "module"
+}

package/types/nanahoshi-mona-ui-auto-complete.d.ts

@@ -0,0 +1,223 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { FormValueControl } from '@angular/forms/signals';
+import { PreventableEvent } from '@nanahoshi/mona-ui/common';
+import { SelectableOptions, ListSizeInputType, SelectionChangeEvent } from '@nanahoshi/mona-ui/internal/list';
+import * as i1 from '@nanahoshi/mona-ui/dropdowns';
+import { DropdownDataInput, DropdownPopupInput, DropdownPopupVariantInput, DropdownFieldPredicateType, DropdownFieldSelectorType } from '@nanahoshi/mona-ui/dropdowns';
+import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
+import { Subject } from 'rxjs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { ThemeStyle } from '@nanahoshi/mona-ui/theme';
+import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+
+declare const autoCompleteBaseThemeVariants: (theme: ThemeStyle) => (props?: ({
+    disabled?: boolean | null | undefined;
+    expanded?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+    invalid?: boolean | null | undefined;
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const autoCompleteTextInputThemeVariants: (theme: ThemeStyle) => (props?: ({
+    rounded?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const autoCompleteAffixContainerThemeVariants: (theme: ThemeStyle) => (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type AutoCompleteBaseVariantProps = VariantProps<ReturnType<typeof autoCompleteBaseThemeVariants>>;
+type AutoCompleteBaseVariantInput = VariantInputs<AutoCompleteBaseVariantProps>;
+type AutoCompleteTextInputVariantProps = VariantProps<ReturnType<typeof autoCompleteTextInputThemeVariants>>;
+type AutoCompleteTextInputVariantInput = VariantInputs<AutoCompleteTextInputVariantProps>;
+type AutoCompleteAffixContainerVariantProps = VariantProps<ReturnType<typeof autoCompleteAffixContainerThemeVariants>>;
+type AutoCompleteAffixContainerVariantInput = VariantInputs<AutoCompleteAffixContainerVariantProps>;
+type AutoCompleteVariantInput = Omit<AutoCompleteBaseVariantInput, "expanded" | "focused" | "invalid"> & AutoCompleteTextInputVariantInput & AutoCompleteAffixContainerVariantInput;
+
+declare class AutoCompleteComponent<TData = unknown> implements FormValueControl<string | null>, AutoCompleteVariantInput, DropdownDataInput<TData>, DropdownPopupInput, DropdownPopupVariantInput {
+    #private;
+    protected readonly activeDescendant: _angular_core.Signal<string | null>;
+    protected readonly affixClass: _angular_core.Signal<string>;
+    protected readonly autoCompleteValue: _angular_core.WritableSignal<string>;
+    protected readonly autoCompleteValue$: Subject<string | null>;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly effectiveAriaLabel: _angular_core.Signal<string>;
+    protected readonly expanded: _angular_core.Signal<boolean>;
+    protected readonly footerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly groupHeaderTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly headerTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly id: string;
+    protected readonly inputClass: _angular_core.Signal<string>;
+    protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly isEmpty: _angular_core.Signal<boolean>;
+    protected readonly listId: string;
+    protected readonly listPopupClass: _angular_core.Signal<string>;
+    protected readonly noDataTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly popupTemplate: _angular_core.Signal<TemplateRef<any>>;
+    protected readonly prefixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly selectableOptions: SelectableOptions;
+    protected readonly suffixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description ID of an element that provides an extended description for the input.
+     * Use this to associate error messages or help text with the input.
+     * @default ""
+     */
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /**
+     * @description Accessible name for the input. Describe what the autocomplete represents.
+     * Falls back to {@link placeholder} when neither this nor {@link ariaLabelledBy} is set.
+     * @default ""
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * @description ID of an external element that provides the accessible name for the input.
+     * @default ""
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
+    /**
+     * @description Emits when the popup is about to close. This event is preventable.
+     */
+    readonly close: _angular_core.OutputEmitterRef<PopupCloseEvent<unknown>>;
+    /**
+     * @description Emits after the popup is closed.
+     */
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description Collection of items to render.
+     * @default []
+     */
+    readonly data: _angular_core.InputSignal<Iterable<TData>>;
+    /**
+     * @description Renders the component with reduced visual emphasis and removes pointer interaction.
+     * @default false
+     */
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Predicate or field name used to determine whether an individual item is disabled.
+     * @default undefined
+     */
+    readonly itemDisabled: _angular_core.InputSignal<DropdownFieldPredicateType<TData>>;
+    /**
+     * @description Marks the autocomplete as invalid. When bound to a signal form field via `[formField]`,
+     * this is written by the `FormField` directive.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Defines whether the first matching item should be highlighted while typing.
+     * @default true
+     */
+    readonly highlightFirst: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Displays a loading indicator and prevents interaction while an operation is in progress.
+     * @default false
+     */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Emits when the popup is about to open. This event is preventable.
+     */
+    readonly open: _angular_core.OutputEmitterRef<PreventableEvent<Event>>;
+    /**
+     * @description Emits after the popup is opened.
+     */
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description Placeholder text shown when no value is selected or entered.
+     * @default ""
+     */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * @description Additional CSS classes applied to the popup element.
+     * @default ""
+     */
+    readonly popupClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Height of the popup element.
+     * @default null
+     */
+    readonly popupHeight: _angular_core.InputSignal<ListSizeInputType>;
+    /**
+     * @description Width of the popup element.
+     * @default null
+     */
+    readonly popupWidth: _angular_core.InputSignal<ListSizeInputType>;
+    /**
+     * @description Prevents value changes while preserving the component's visual state.
+     * @default false
+     */
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Marks the field as required for form validation.
+     * @default false
+     */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Border-radius preset applied to the component.
+     * @default "medium"
+     */
+    readonly rounded: _angular_core.InputSignal<"none" | "small" | "medium" | "large" | "full" | null | undefined>;
+    /**
+     * @description Displays a button that clears the current value when clicked.
+     * @default true
+     */
+    readonly showClearButton: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Size preset controlling the component's dimensions.
+     * @default "medium"
+     */
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    /**
+     * @description Property name or accessor used to derive the display text from a data item.
+     * If null, the item itself is used as the display text.
+     * @default null
+     */
+    readonly textField: _angular_core.InputSignal<DropdownFieldSelectorType<TData>>;
+    /**
+     * @description Emitted when the autocomplete is interacted with on blur, selection, clear, or committed input.
+     * The `FormField` directive listens to this to mark the field as touched.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
+    /**
+     * @description Sets the touched state of the autocomplete. When bound to a signal form field via `[formField]`,
+     * this is written by the `FormField` directive.
+     * @default false
+     */
+    readonly touched: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
+     * @default ""
+     */
+    readonly userClass: _angular_core.InputSignal<string>;
+    /**
+     * @description Property name or accessor used to derive the value from a data item.
+     * If null, the item itself is used as the value.
+     * @default null
+     */
+    readonly valueField: _angular_core.InputSignal<DropdownFieldSelectorType<TData>>;
+    /**
+     * @description Two-way bindable current autocomplete value. Implements `FormValueControl<string | null>`,
+     * enabling signal forms `[formField]` binding.
+     * @default null
+     */
+    readonly value: _angular_core.ModelSignal<string | null>;
+    constructor();
+    protected onInputBlur(): void;
+    protected onItemSelect(event: SelectionChangeEvent<TData>): void;
+    protected onValueClear(event: MouseEvent | KeyboardEvent): void;
+    private clear;
+    private closePopup;
+    focus(): void;
+    private initialize;
+    private notifyFilterChange;
+    private setArrowKeyNavigationSubscription;
+    private setAutoCompleteValueChangeSubscription;
+    private setEnterKeySubscription;
+    private setEscapeKeySubscription;
+    private setSpaceKeySubscription;
+    private setPopupCloseSubscriptions;
+    private setSubscriptions;
+    private updateValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AutoCompleteComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AutoCompleteComponent<any>, "mona-auto-complete", never, { "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "highlightFirst": { "alias": "highlightFirst"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "disabled": "disabledChange"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate", "suffixTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
+}
+
+export { AutoCompleteComponent };